]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | .x-field-checkbox .x-input-el {\r |
2 | padding: 0;\r | |
3 | height: $textfield-input-line-height + vertical($textfield-input-padding);\r | |
4 | \r | |
5 | @if $enable-big {\r | |
6 | .x-big & {\r | |
7 | height: $textfield-input-line-height-big + vertical($textfield-input-padding-big);\r | |
8 | }\r | |
9 | }\r | |
10 | }\r | |
11 | \r | |
12 | .x-field-checkbox .x-field-mask:after {\r | |
13 | color: $checkboxfield-checkbox-color;\r | |
14 | position: absolute;\r | |
15 | right: .4em;\r | |
16 | height: $checkboxfield-checkbox-size;\r | |
17 | width: $checkboxfield-checkbox-size;\r | |
18 | font-size: $checkboxfield-checkbox-font-size;\r | |
19 | top: 50%;\r | |
20 | margin-top: -($checkboxfield-checkbox-size / 2);\r | |
21 | @if $enable-big {\r | |
22 | .x-big & {\r | |
23 | font-size: $checkboxfield-checkbox-font-size-big;\r | |
24 | }\r | |
25 | }\r | |
26 | @include font-icon($checkboxfield-checkbox-icon, $pseudo: false);\r | |
27 | text-align: center;\r | |
28 | }\r | |
29 | \r | |
30 | .x-input-checkbox {\r | |
31 | visibility: hidden;\r | |
32 | }\r | |
33 | \r | |
34 | .x-field-checkbox .x-input-el:checked + .x-field-mask:after {\r | |
35 | @include font-icon($checkboxfield-checked-checkbox-icon, $pseudo: false);\r | |
36 | \r | |
37 | @if $enable-big {\r | |
38 | .x-big & {\r | |
39 | font-size: $checkboxfield-checkbox-font-size-big;\r | |
40 | }\r | |
41 | }\r | |
42 | }\r |