fix inputs

This commit is contained in:
piensaenpixel 2017-01-10 18:06:25 +01:00
parent b95da864bc
commit 911a20354a

View File

@ -53,9 +53,8 @@
bottom: 3px; bottom: 3px;
width: 2px; width: 2px;
border-radius: 1px; border-radius: 1px;
background: $cSecondaryLine; background: $cWhite;
content: ''; content: '';
opacity: 0;
} }
&::before { &::before {
@ -79,48 +78,38 @@
&::before, &::before,
&::after { &::after {
background: $cWhite; background: $cWhite;
opacity: 1;
} }
} }
.CDB-Checkbox:checked:hover + .CDB-Checkbox-face { .CDB-Checkbox:checked:hover + .CDB-Checkbox-face {
border: 1px solid $cBlue;
&::before, &::before,
&::after { &::after {
background: $cWhite; background: $cWhite;
} }
} }
.CDB-Checkbox:disabled + .CDB-Checkbox-face {
border: 1px solid $cSecondaryLine;
background: $cThirdBackground;
}
.CDB-Checkbox:disabled:hover + .CDB-Checkbox-face {
border: 1px solid $cSecondaryLine;
&::before,
&::after {
opacity: 0;
}
}
.CDB-Checkbox:checked:hover + .CDB-Checkbox-face,
.CDB-Checkbox:focus + .CDB-Checkbox-face {
border: 1px solid $cBlue;
}
.CDB-Checkbox:focus + .CDB-Checkbox-face {
&::before,
&::after {
background: $cBlue;
opacity: 1;
}
}
.CDB-Checkbox:hover + .CDB-Checkbox-face { .CDB-Checkbox:hover + .CDB-Checkbox-face {
border: 1px solid $cHoverLine; border: 1px solid $cHoverLine;
&::before, &::before,
&::after { &::after {
background: $cHoverLine; background: $cHoverLine;
opacity: 1;
} }
} }
.CDB-Checkbox:active + .CDB-Checkbox-face {
border: 1px solid $cBlue;
&::before,
&::after {
background: $cBlue;
}
}
.CDB-Checkbox:disabled + .CDB-Checkbox-face {
border: 1px solid $cSecondaryLine;
background: $cThirdBackground;
&::before,
&::after {
opacity: 0;
}
}