From eda1195dbf554a6e238bc52dd922f6e032a47a3e Mon Sep 17 00:00:00 2001 From: Paul Stegeman Date: Tue, 2 May 2017 16:20:14 +0200 Subject: [PATCH] Styled disabled checked checkbox and radiobutton --- sass/component/input.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/sass/component/input.scss b/sass/component/input.scss index 5e2e235..b57a1a3 100644 --- a/sass/component/input.scss +++ b/sass/component/input.scss @@ -51,6 +51,13 @@ background: $input-control-color-focus; } +/* Hover states whilst disabled */ +.input-control:hover input[disabled]:checked ~ .input-indicator, +.input-control:hover input[disabled] ~ .input-indicator + { + background: $disabled; +} + /* Radio or checkbox, general styling */ .input-indicator { position: absolute; @@ -84,7 +91,7 @@ /* Disabled tick colour */ input:disabled ~ .input-indicator:after { - border: none; + border-color: darken($disabled, 20%); } } @@ -105,7 +112,7 @@ } input:disabled ~ .input-indicator:after { - background: $disabled; + background: darken($disabled, 20%); } }