projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * @class Ext.field.Radio\r | |
| 3 | */\r | |
| 4 | /*\r | |
| 5 | Some Fashion error here, checkmark mixin is not taking effect like it does for checkbox.scss\r | |
| 6 | .x-field-radio .x-field-mask {\r | |
| 7 | &::after {\r | |
| 8 | @include checkmark(#ccc);\r | |
| 9 | }\r | |
| 10 | }\r | |
| 11 | */\r | |
| 12 | \r | |
| 13 | .x-field-radio .x-field-mask {\r | |
| 14 | &::after {\r | |
| 15 | position: absolute;\r | |
| 16 | top: 0;\r | |
| 17 | right: 12px;\r | |
| 18 | bottom: 0;\r | |
| 19 | content: '3';\r | |
| 20 | // TODO: Use FontAwesome\r | |
| 21 | font-family: 'Pictos';\r | |
| 22 | font-size: 1.3em;\r | |
| 23 | text-align: right;\r | |
| 24 | line-height: 2.1em;\r | |
| 25 | color: #ccc;\r | |
| 26 | }\r | |
| 27 | }\r | |
| 28 | \r | |
| 29 | .x-input-radio {\r | |
| 30 | visibility: hidden;\r | |
| 31 | }\r | |
| 32 | \r | |
| 33 | .x-input-radio:checked + .x-field-mask::after {\r | |
| 34 | color: $ios7-blue;\r | |
| 35 | }\r | |
| 36 | \r | |
| 37 | .x-item-disabled {\r | |
| 38 | .x-input-radio:checked + .x-field-mask::after {\r | |
| 39 | color: lighten($ios7-blue, 20%);\r | |
| 40 | }\r | |
| 41 | } |