]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | /**\r |
2 | * @class Ext.field.Checkbox\r | |
3 | */\r | |
4 | \r | |
5 | .x-field-checkbox .x-field-mask,\r | |
6 | .x-field-radio .x-field-mask {\r | |
7 | @include absolute-position;\r | |
8 | \r | |
9 | &::after {\r | |
10 | content: '';\r | |
11 | width: 28px;\r | |
12 | height: 28px;\r | |
13 | position: absolute;\r | |
14 | top: 9px;\r | |
15 | right: 5px;\r | |
16 | @include border-radius(2px);\r | |
17 | background-color: $highlight-color;\r | |
18 | font-family: 'Pictos';\r | |
19 | font-size: 1.3em;\r | |
20 | text-align: center;\r | |
21 | line-height: 1.25em;\r | |
22 | color: #fff;\r | |
23 | }\r | |
24 | }\r | |
25 | \r | |
26 | .x-input-checkbox,\r | |
27 | .x-input-radio {\r | |
28 | visibility: hidden;\r | |
29 | }\r | |
30 | \r | |
31 | .x-input-checkbox:checked ~ .x-field-mask:after {\r | |
32 | background-color: $base-color;\r | |
33 | content: '3';\r | |
34 | }\r | |
35 | \r | |
36 | .x-item-disabled.x-field-checkbox {\r | |
37 | .x-input-checkbox:checked ~ .x-field-mask:after {\r | |
38 | @include background(linear-gradient(color-stops(#bfd7e3, #85b3c9)));\r | |
39 | @include box-shadow(inset 0 1px 0 0 #aac5d3);\r | |
40 | }\r | |
41 | }\r |