From f1b65b6e528a5e524aff28f08412b693cb7c53d6 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 21 Aug 2018 20:50:33 +0200
Subject: [PATCH] fix(slider): thumb label blending in with background in high
 contrast mode (#12606)

Fixes the slider's thumb label not having an outline and blending in with the background in high contrast mode.
---
 src/lib/slider/slider.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/lib/slider/slider.scss b/src/lib/slider/slider.scss
index 0806b9e3a313..b49324917ba7 100644
--- a/src/lib/slider/slider.scss
+++ b/src/lib/slider/slider.scss
@@ -142,6 +142,10 @@ $mat-slider-focus-ring-size: 30px !default;
   transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,
               border-radius  $swift-ease-out-duration $swift-ease-out-timing-function,
               background-color  $swift-ease-out-duration $swift-ease-out-timing-function;
+
+  @include cdk-high-contrast {
+    outline: solid 1px;
+  }
 }
 
 .mat-slider-thumb-label-text {
@@ -339,6 +343,13 @@ $mat-slider-focus-ring-size: 30px !default;
     .mat-slider-thumb-label {
       transform: rotate(45deg);
     }
+
+    @include cdk-high-contrast {
+      .mat-slider-thumb-label,
+      .mat-slider-thumb-label-text {
+        transform: none;
+      }
+    }
   }
 }