_indeterminate-checkbox.scss
816 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
@mixin ame-indeterminate-checkbox($markColor: #1e8cbe) {
&:indeterminate:before {
content: '\25a0'; //Unicode black square. Another option would be BLACK LARGE SQUARE (U+2B1B).
color: $markColor;
//Large square.
//margin: -6px 0 0 -1px;
//font: 400 18px/1 dashicons;
//Smaller square.
margin: -3px 0 0 -1px;
font: 400 14px/1 dashicons;
//Even smaller square.
//margin: -2px 0 0 -1px;
//font: 400 13px/1 dashicons;
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 782px) {
&:indeterminate:before {
$boxSize: 1.5625rem;
height: $boxSize;
width: $boxSize;
line-height: $boxSize;
margin: -1px;
font-size: 18px;
font-family: unset;
font-weight: normal;
}
}
}