From 5ea614d2f741fd7a089ad1da57218274c6fe48dc Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 6 Feb 2018 18:37:09 +0100
Subject: [PATCH] fix(slider): invisible in high contrast mode (#9792)

Fixes the slider not being visible if the user has high contrast mode turned on.
---
 src/lib/slider/slider.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/lib/slider/slider.scss b/src/lib/slider/slider.scss
index 6be9e92366f..3deb090a9c0 100644
--- a/src/lib/slider/slider.scss
+++ b/src/lib/slider/slider.scss
@@ -1,5 +1,6 @@
 @import '../core/style/variables';
 @import '../core/style/vendor-prefixes';
+@import '../../cdk/a11y/a11y';
 
 
 // This refers to the thickness of the slider. On a horizontal slider this is the height, on a
@@ -298,6 +299,12 @@ $mat-slider-focus-ring-size: 30px !default;
   .mat-slider-ticks-container {
     height: $mat-slider-track-thickness;
     width: 100%;
+
+    @include cdk-high-contrast {
+      height: 0;
+      outline: solid $mat-slider-track-thickness;
+      top: $mat-slider-track-thickness / 2;
+    }
   }
 
   .mat-slider-ticks {
@@ -375,6 +382,12 @@ $mat-slider-focus-ring-size: 30px !default;
   .mat-slider-ticks-container {
     width: $mat-slider-track-thickness;
     height: 100%;
+
+    @include cdk-high-contrast {
+      width: 0;
+      outline: solid $mat-slider-track-thickness;
+      left: $mat-slider-track-thickness / 2;
+    }
   }
 
   .mat-slider-focus-ring {