partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_checkbox.scss (1669B)

      1 /**
      2  * Creates the base structure of checkbox field.
      3  * @member Ext.form.field.Checkbox
      4  */
      5 @mixin extjs-form-checkboxfield {
      6     .#{$prefix}form-cb-wrap {
      7         padding-top: 3px;
      8     }
      9 
     10     .#{$prefix}form-checkbox,
     11     .#{$prefix}form-radio {
     12         vertical-align: -1px;
     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     .#{$prefix}form-cb-checked {
     37         .#{$prefix}form-checkbox,
     38         .#{$prefix}form-radio {
     39             background-position: 0 (0 - $form-checkbox-size);
     40         }
     41     }
     42 
     43     /* Focused */
     44     .#{$prefix}form-cb-focus {
     45         background-position: (0 - $form-checkbox-size) 0;
     46     }
     47     .#{$prefix}form-cb-checked {
     48         .#{$prefix}form-cb-focus {
     49             background-position: (0 - $form-checkbox-size) (0 - $form-checkbox-size);
     50         }
     51     }
     52 
     53     /* Radios */
     54     .#{$prefix}form-radio {
     55         background-image: theme-background-image($theme-name, $form-radio-image);
     56     }
     57 
     58     /* boxLabel */
     59     .#{$prefix}form-cb-label-before {
     60         margin-right: 4px;
     61     }
     62     .#{$prefix}form-cb-label-after {
     63         margin-left: 4px;
     64     }
     65 
     66 
     67 
     68 }