Boyscout _checkbox.scss

This commit is contained in:
rubenmoya 2017-11-20 16:35:01 +01:00
parent 6169a7deb9
commit 3b0fb9f444

View File

@ -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;