/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
- @mixin extjs-form-checkboxfield {
- .#{$prefix}form-cb-wrap {
- padding-top: 3px;
- }
- .#{$prefix}form-checkbox,
- .#{$prefix}form-radio {
- float: none;
- // vertical-align: 2px;
- position: relative;
- top: -2px;
- width: $form-checkbox-size;
- height: $form-checkbox-size;
- background: no-repeat;
- background-image: theme-background-image($theme-name, $form-checkbox-image);
- overflow: hidden;
- padding: 0;
- border: 0;
- &::-moz-focus-inner {
- padding: 0;
- border: 0;
- }
- }
- @if $include-ie {
- /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */
- .#{$prefix}nbr.#{$prefix}ie {
- .#{$prefix}form-checkbox,
- .#{$prefix}form-radio {
- font-size: 0;
- }
- }
- }
- .#{$prefix}form-cb-checked {
- .#{$prefix}form-checkbox {
- background-position: 0 (0 - $form-checkbox-size);
- }
- }
- /* Radios */
- .#{$prefix}form-radio {
- background-image: theme-background-image($theme-name, $form-radio-image);
- width: $form-radio-size;
- height: $form-radio-size;
- }
- .#{$prefix}form-cb-checked {
- .#{$prefix}form-radio {
- background-position: 0 (0 - $form-radio-size);
- }
- }
- /* boxLabel */
- .#{$prefix}form-cb-label-before {
- margin-right: 4px;
- }
- .#{$prefix}form-cb-label-after {
- margin-left: 4px;
- }
-
- }