Reduce more CSS

This commit is contained in:
djmaze 2021-03-09 14:50:09 +01:00
parent eb9d2d8ddc
commit bc360eccf9
6 changed files with 28 additions and 72 deletions

View file

@ -4,24 +4,18 @@
left: 0;
width: 18px;
height: 18px;
border: solid 2px #999;
border: 2px solid #999;
transform: rotate(0deg);
}
.checkbox-mark-sizes() {
/* top: -4px;
left: 6px;
width: 10px;
height: 21px;*/
top: -1px;
left: 5px;
width: 10px;
height: 18px;
border-right-width: 2px;
border-bottom-width: 2px;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@ -40,8 +34,7 @@
&.e-select {
select:focus {
outline: 1px;
outline-style: dotted;
outline: 1px dotted;
}
}
@ -54,8 +47,7 @@
cursor: pointer;
&:focus {
outline: 1px;
outline-style: dotted;
outline: 1px dotted;
}
.e-checkbox-icon {
@ -63,10 +55,9 @@
}
&.disabled {
cursor: default;
color: #999;
cursor: not-allowed;
opacity: 0.5;
outline: 0;
outline-style: none;
}
}
@ -75,8 +66,8 @@
cursor: pointer;
&.disabled {
cursor: default;
color: #999;
cursor: not-allowed;
opacity: 0.5;
}
}
}
@ -112,8 +103,6 @@
}
.sub-checkbox.checked {
border-top: none;
border-left: none;
border-color: #0F9D58;
.checkbox-mark-sizes();
@ -126,8 +115,6 @@
animation: box-shrink 140ms ease-out forwards;
}
&.checkmark {
border-left: none;
border-top: none;
animation: checkmark-expand 140ms ease-out forwards;
}
}
@ -137,24 +124,10 @@
animation: box-expand 140ms ease-out forwards;
}
&.checkmark {
border-left: none;
border-top: none;
transform: rotate(45deg);
animation: checkmark-shrink 140ms ease-out forwards;
}
}
&.disabled {
.sub-checkbox {
border-color: #aaa;
cursor: not-allowed;
color: #aaa;
}
.sub-label {
cursor: not-allowed;
color: #aaa;
}
}
}
}