From b5f08227547444ca67070a52d6a07315a074d5e4 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Sat, 7 Apr 2018 17:28:58 +0200
Subject: [PATCH] fix(radio): checked radio button indistinguishable in high
 contrast mode

Fixes the circle inside the checked radio button not being rendered in high contrast mode, making it indistinguishable from the rest of the buttons.
---
 src/lib/radio/radio.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss
index 4d1a795903a6..09663dd6497a 100644
--- a/src/lib/radio/radio.scss
+++ b/src/lib/radio/radio.scss
@@ -1,5 +1,6 @@
 @import '../core/style/variables';
 @import '../core/ripple/ripple';
+@import '../../cdk/a11y/a11y';
 
 
 $mat-radio-size: $mat-toggle-size !default;
@@ -65,6 +66,12 @@ $mat-radio-ripple-radius: 25px;
 
   .mat-radio-checked & {
     transform: scale(0.5);
+
+    @include cdk-high-contrast {
+      // Since we use a background color to render the circle, it won't be
+      // displayed in high contrast mode. Use a border as a fallback.
+      border: solid $mat-radio-size / 2;
+    }
   }
 }