diff options
| author | markau <[email protected]> | 2015-10-14 13:00:30 +1030 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-01-05 00:47:32 -0800 |
| commit | 871a003ca2df800e4ed08ee7ebd97902ba37d481 (patch) | |
| tree | 59fb584932a45e87dff8b3665bdf95a0fe77709f /scss/_custom-forms.scss | |
| parent | dd64fa87f35cd071bcc8eba9332dfcd5850e0f7f (diff) | |
| download | bootstrap-871a003ca2df800e4ed08ee7ebd97902ba37d481.tar.xz bootstrap-871a003ca2df800e4ed08ee7ebd97902ba37d481.zip | |
Fixes #17918: Add styles for disabled custom checkboxes and radios
Diffstat (limited to 'scss/_custom-forms.scss')
| -rw-r--r-- | scss/_custom-forms.scss | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 4ffe79a6c..2998a9de7 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -58,7 +58,7 @@ color: #eee; text-align: center; user-select: none; - background-color: #eee; + background-color: $custom-form-bg-color; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; @@ -83,6 +83,17 @@ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); @include box-shadow(none); } + + input:disabled { + ~ .c-indicator { + cursor: not-allowed; + background-color: $custom-form-bg-color-disabled; + } + ~ .c-indicator-label { + color: $custom-form-label-color-disabled; + cursor: not-allowed; + } + } } // Radios @@ -97,6 +108,17 @@ input:checked ~ .c-indicator { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); } + + input:disabled { + ~ .c-indicator { + cursor: not-allowed; + background-color: $custom-form-bg-color-disabled; + } + ~ .c-indicator-label { + color: $custom-form-label-color-disabled; + cursor: not-allowed; + } + } } |