src/resources/themes/stylesheets/sencha-touch/cupertino-classic/src/field/_Checkbox.scss

   1 /**
   2  * @class Ext.field.Checkbox
   3  */
   4
   5 @mixin checkmark($color: #000){
   6     @extend .x-checkmark-base;
   7     color: $color;
   8 }
   9
  10 .x-checkmark-base {
  11     position: absolute;
  12     top: 0;
  13     right: 12px;
  14     bottom: 0;
  15     content: '3';
  16     font-family: 'Pictos';
  17     font-size: 1.3em;
  18     text-align: right;
  19     line-height: 1.9em;
  20 }
  21
  22 .x-field-checkbox .x-field-mask,
  23 .x-field-radio .x-field-mask {
  24     &::after {
  25         @include checkmark($form-light);
  26     }
  27 }
  28
  29 .x-input-checkbox,
  30 .x-input-radio {
  31     visibility: hidden;
  32 }
  33
  34 .x-input-el:checked + .x-field-mask::after {
  35     color: #324f85;
  36 }
  37
  38 .x-item-disabled {
  39     &.x-field-checkbox {
  40         .x-input-checkbox:checked + .x-field-mask::after {
  41             color: mix($form-light, #324f85, 60);
  42         }
  43     }
  44 }