fix(business/radio-button): change gray color of radio-buttons (#52)

sbb-design-systems · Jun 25, 2019 · f373ba3 · f373ba3
1 parent f6761c5
commit f373ba3
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/projects/sbb-esta/angular-public/src/lib/radio-button/_radio-button.scss b/projects/sbb-esta/angular-public/src/lib/radio-button/_radio-button.scss
@@ -1,5 +1,11 @@
 @import 'common';
 
+$radioButtonGreyColor: $sbbColorGrey;
+
+@if $sbbBusiness {
+  $radioButtonGreyColor: $sbbColorGranite;
+}
+
 @mixin radioButton() {
   & > label {
     @include radioButtonBase();
@@ -19,7 +25,7 @@
       }
 
       & + .sbb-radio-label-content {
-        color: $sbbColorGrey;
+        color: $radioButtonGreyColor;
         transition: color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 
         @include businessOnly() {
@@ -31,7 +37,7 @@
     }
 
     &:focus + .sbb-radio-circle-container {
-      border-color: $sbbColorGrey;
+      border-color: $radioButtonGreyColor;
     }
 
     &:checked + .sbb-radio-circle-container,
@@ -51,11 +57,11 @@
       background-color: $sbbColorMilk;
 
       & > .sbb-radio-circle-checked {
-        background-color: $sbbColorGrey;
+        background-color: $radioButtonGreyColor;
       }
 
       & + .sbb-radio-label-content {
-        color: $sbbColorGrey;
+        color: $radioButtonGreyColor;
       }
     }
   }