resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss

   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 }