/ext-4.0.7/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss
Sass | 65 lines | 52 code | 9 blank | 4 comment | 0 complexity | fe04842cddf479f56815c0e96e6809ba MD5 | raw file
1@mixin extjs-form-checkboxfield {
2 .#{$prefix}form-cb-wrap {
3 padding-top: 3px;
4 }
5
6 .#{$prefix}form-checkbox,
7 .#{$prefix}form-radio {
8 float: none;
9 vertical-align: -1px;
10
11 width: $form-checkbox-size;
12 height: $form-checkbox-size;
13 background: no-repeat;
14 background-image: theme-background-image($theme-name, $form-checkbox-image);
15
16 overflow: hidden;
17 padding: 0;
18 border: 0;
19 &::-moz-focus-inner {
20 padding: 0;
21 border: 0;
22 }
23 }
24 @if $include-ie {
25 /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */
26 .#{$prefix}nbr.#{$prefix}ie {
27 .#{$prefix}form-checkbox,
28 .#{$prefix}form-radio {
29 font-size: 0;
30 }
31 }
32 }
33 .#{$prefix}form-cb-checked {
34 .#{$prefix}form-checkbox,
35 .#{$prefix}form-radio {
36 background-position: 0 (0 - $form-checkbox-size);
37 }
38 }
39
40 /* Focused */
41 .#{$prefix}form-cb-focus {
42 background-position: (0 - $form-checkbox-size) 0;
43 }
44 .#{$prefix}form-cb-checked {
45 .#{$prefix}form-cb-focus {
46 background-position: (0 - $form-checkbox-size) (0 - $form-checkbox-size);
47 }
48 }
49
50 /* Radios */
51 .#{$prefix}form-radio {
52 background-image: theme-background-image($theme-name, $form-radio-image);
53 }
54
55 /* boxLabel */
56 .#{$prefix}form-cb-label-before {
57 margin-right: 4px;
58 }
59 .#{$prefix}form-cb-label-after {
60 margin-left: 4px;
61 }
62
63
64
65}