From: gijsbotje <botje_gijs@hotmail.com>
Date: Sat, 6 Jan 2018 00:14:15 +0000 (+0100)
Subject: added variable for the background of checked and indeterminate custom inputs and... 
X-Git-Tag: v4.0.0~34^2~2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d7dbdf91c6c09faccc9734165f8bd5a2cd7f5350;p=thirdparty%2Fbootstrap.git

added variable for the background of checked and indeterminate custom inputs and radios that are disabled
added styles for these cases
---

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index d99a86dc7f..dd844c07f4 100644
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -117,6 +117,15 @@
       background-image: $custom-checkbox-indicator-icon-indeterminate;
     }
   }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+    &:indeterminate ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
 }
 
 // Radios
@@ -136,6 +145,12 @@
       background-image: $custom-radio-indicator-icon-checked;
     }
   }
+
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+  }
 }
 
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 31149a5e49..fe3f85b3aa 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -449,6 +449,7 @@ $custom-control-label-disabled-color:     $gray-600 !default;
 
 $custom-control-indicator-checked-color:        $white !default;
 $custom-control-indicator-checked-bg:           theme-color("primary") !default;
+$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
 $custom-control-indicator-checked-box-shadow:   none !default;
 
 $custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;