From eb6c456585aee7ef93e698869eb31c1cd8a444cf Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 12 Jul 2018 16:38:14 +0200
Subject: [PATCH] fix(sort): arrow indicator not visible in high contrast mode
 (#12159)

Fixes the sorting header indicator not being visible in high contrast mode.
---
 src/lib/sort/sort-header.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/lib/sort/sort-header.scss b/src/lib/sort/sort-header.scss
index da758bf44c1..da17a33f59e 100644
--- a/src/lib/sort/sort-header.scss
+++ b/src/lib/sort/sort-header.scss
@@ -1,3 +1,5 @@
+@import '../../cdk/a11y/a11y';
+
 $mat-sort-header-arrow-margin: 6px;
 $mat-sort-header-arrow-container-size: 12px;
 $mat-sort-header-arrow-stem-size: 10px;
@@ -60,6 +62,11 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
   margin: auto;
   display: flex;
   align-items: center;
+
+  @include cdk-high-contrast {
+    width: 0;
+    border-left: solid $mat-sort-header-arrow-thickness;
+  }
 }
 
 .mat-sort-header-indicator {
@@ -78,6 +85,13 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
   width: $mat-sort-header-arrow-thickness;
   background: currentColor;
   transform: rotate(45deg);
+
+  @include cdk-high-contrast {
+    width: 0;
+    height: 0;
+    border-top: solid $mat-sort-header-arrow-thickness;
+    border-left: solid $mat-sort-header-arrow-thickness;
+  }
 }
 
 .mat-sort-header-pointer-left,
@@ -87,6 +101,13 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
   height: $mat-sort-header-arrow-thickness;
   position: absolute;
   top: 0;
+
+  @include cdk-high-contrast {
+    width: 0;
+    height: 0;
+    border-left: solid $mat-sort-header-arrow-pointer-length;
+    border-top: solid $mat-sort-header-arrow-thickness;
+  }
 }
 
 .mat-sort-header-pointer-left {