docs/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: theme-image($theme-name, $form-checkbox-image) no-repeat;
  14
  15         overflow: hidden;
  16         padding: 0;
  17         border: 0;
  18         &::-moz-focus-inner {
  19             padding: 0;
  20             border: 0;
  21         }
  22     }
  23     @if $include-ie {
  24         /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */
  25         .#{$prefix}nbr.#{$prefix}ie {
  26             .#{$prefix}form-checkbox,
  27             .#{$prefix}form-radio {
  28                 font-size: 0;
  29             }
  30         }
  31     }
  32     .#{$prefix}form-cb-checked {
  33         .#{$prefix}form-checkbox,
  34         .#{$prefix}form-radio {
  35             background-position: 0 (0 - $form-checkbox-size);
  36         }
  37     }
  38
  39     /* Focused */
  40     .#{$prefix}form-cb-focus {
  41         background-position: (0 - $form-checkbox-size) 0;
  42     }
  43     .#{$prefix}form-cb-checked {
  44         .#{$prefix}form-cb-focus {
  45             background-position: (0 - $form-checkbox-size) (0 - $form-checkbox-size);
  46         }
  47     }
  48
  49     /* Radios */
  50     .#{$prefix}form-radio {
  51         background-image: theme-image($theme-name, $form-radio-image);
  52     }
  53
  54     /* boxLabel */
  55     .#{$prefix}form-cb-label-before {
  56         margin-right: 4px;
  57     }
  58     .#{$prefix}form-cb-label-after {
  59         margin-left: 4px;
  60     }
  61
  62
  63
  64 }