Boyscout _checkbox.scss
This commit is contained in:
parent
6169a7deb9
commit
3b0fb9f444
@ -66,7 +66,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.CDB-Checkbox:checked + .CDB-Checkbox-face {
|
.CDB-Checkbox:checked + .CDB-Checkbox-face {
|
||||||
@include transition(background, 300ms);
|
transition: background 300ms;
|
||||||
border: 1px solid $cBlue;
|
border: 1px solid $cBlue;
|
||||||
background: $cBlue;
|
background: $cBlue;
|
||||||
|
|
||||||
@ -78,6 +78,7 @@
|
|||||||
|
|
||||||
.CDB-Checkbox:checked:hover + .CDB-Checkbox-face {
|
.CDB-Checkbox:checked:hover + .CDB-Checkbox-face {
|
||||||
border: 1px solid $cBlue;
|
border: 1px solid $cBlue;
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
background: $cWhite;
|
background: $cWhite;
|
||||||
@ -94,6 +95,7 @@
|
|||||||
}
|
}
|
||||||
.CDB-Checkbox:active + .CDB-Checkbox-face {
|
.CDB-Checkbox:active + .CDB-Checkbox-face {
|
||||||
border: 1px solid $cBlue;
|
border: 1px solid $cBlue;
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
background: $cBlue;
|
background: $cBlue;
|
||||||
@ -103,6 +105,7 @@
|
|||||||
.CDB-Checkbox:disabled + .CDB-Checkbox-face {
|
.CDB-Checkbox:disabled + .CDB-Checkbox-face {
|
||||||
border: 1px solid $cSecondaryLine;
|
border: 1px solid $cSecondaryLine;
|
||||||
background: $cThirdBackground;
|
background: $cThirdBackground;
|
||||||
|
|
||||||
&::before,
|
&::before,
|
||||||
&::after {
|
&::after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
Loading…
Reference in New Issue
Block a user