]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-neptune/sass/src/field/Checkbox.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-neptune / sass / src / field / Checkbox.scss
CommitLineData
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