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%); } }