9f77077877
* remove ember-cli-favicon * link to png favicon in public folder * skip some things in the build depending on the env * update to ember-cli 3.5.0 for broccoli 2, and ember-fetch because it was incompatible with broccoli 2 * update some things the new sass module wasn't happy about * turn off more things in dev to make the build faster * bump to the latest ember-cli and move back to node-sass * remove sass since we're using node-sass * include polyfill in test as well
36 lines
798 B
SCSS
36 lines
798 B
SCSS
.switch[type='checkbox'] {
|
|
&.is-small {
|
|
+ label {
|
|
font-size: $size-8;
|
|
font-weight: bold;
|
|
padding-left: $size-8 * 2.5;
|
|
margin: 0 0.25rem;
|
|
&::before {
|
|
top: $size-8 / 5;
|
|
height: $size-8;
|
|
width: $size-8 * 2;
|
|
}
|
|
&::after {
|
|
width: $size-8 * 0.8;
|
|
height: $size-8 * 0.8;
|
|
transform: translateX(0.15rem);
|
|
left: 0;
|
|
top: $size-8/ 4;
|
|
}
|
|
}
|
|
&:checked + label::after {
|
|
left: 0;
|
|
transform: translateX(($size-8 * 2) - ($size-8 * 0.94));
|
|
}
|
|
}
|
|
}
|
|
.switch[type='checkbox'].is-small + label::after {
|
|
will-change: left;
|
|
}
|
|
.switch[type='checkbox']:focus + label {
|
|
box-shadow: 0 0 1px $blue;
|
|
}
|
|
.switch[type='checkbox'].is-success:checked + label::before {
|
|
background: $blue;
|
|
}
|