add extjs 6.0.1 sources

[extjs.git] / extjs / modern / theme-blackberry / sass / old / src / field / Checkbox.scss

/**\r
 * @class Ext.field.Checkbox\r
 */\r
\r
.x-field-checkbox .x-field-mask,\r
.x-field-radio .x-field-mask {\r
    @include absolute-position;\r
\r
    &::before {\r
        content: '';\r
        width: 32px;\r
        height: 32px;\r
        position: absolute;\r
        border-color: #CECACE;\r
        @include border-radius($button-border-radius);\r
        @include background(linear-gradient(color-stops(#C6C3C6, #E7E7E7)));\r
        top: 7px;\r
        right: 3px;\r
    }\r
\r
    &::after {\r
        content: '';\r
        width: 28px;\r
        height: 28px;\r
        position: absolute;\r
        top: 9px;\r
        right: 5px;\r
        border: 1px solid #B9B7B9;\r
        @include border-radius(4px);\r
        @include background(linear-gradient(color-stops(#FFFFFF, #DEDFDE)));\r
        // TODO: use FontAwesome\r
        font-family: 'Pictos';\r
        font-size: 1.3em;\r
        text-align: center;\r
        line-height: 1.25em;\r
        color: #fff;\r
    }\r
}\r
\r
.x-input-checkbox,\r
.x-input-radio {\r
    visibility: hidden;\r
}\r
\r
.x-input-checkbox:checked ~ .x-field-mask:after {\r
    @include background(linear-gradient(color-stops(#3498CB, #0974A8)));\r
    @include box-shadow(inset 0 1px 0 0 #55AAD5);\r
    content: '3';\r
}\r
\r
.x-item-disabled.x-field-checkbox {\r
    .x-input-checkbox:checked ~ .x-field-mask:after {\r
        @include background(linear-gradient(color-stops(#bfd7e3, #85b3c9)));\r
        @include box-shadow(inset 0 1px 0 0 #aac5d3);\r
    }\r
}\r