Add CSS variables to form controls

This commit is contained in:
Jeremy Thomas
2020-08-23 18:46:09 +02:00
parent 4cb72c225a
commit 5b91a89ee2
10 changed files with 173 additions and 109 deletions

View File

@@ -1,4 +1,7 @@
%checkbox-radio
--checkbox-radio-hover-color: #{$input-hover-color}
--checkbox-radio-disabled-color: #{$input-disabled-color}
cursor: pointer
display: inline-block
line-height: 1.25
@@ -6,10 +9,10 @@
input
cursor: pointer
&:hover
color: $input-hover-color
color: var(--checkbox-radio-hover-color)
&[disabled],
fieldset[disabled] &
color: $input-disabled-color
color: var(--checkbox-radio-disabled-color)
cursor: not-allowed
.checkbox