PageRenderTime 39ms CodeModel.GetById 22ms app.highlight 10ms RepoModel.GetById 5ms app.codeStats 0ms

/ext-4.1.0_b3/resources/themes/stylesheets/neptune/default/widgets/form/_checkbox.scss

https://bitbucket.org/srogerf/javascript
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}