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