add extjs 6.0.1 sources

[extjs.git] / extjs / modern / theme-mountainview / sass / src / slider / Toggle.scss

/**\r
 * @class Ext.slider.Toggle\r
 */\r
\r
.x-toggle {\r
    $form-toggle-thumb-width: 45px;\r
    $form-toggle-thumb-height: 22px;\r
\r
    width: $form-toggle-thumb-width * 2;\r
    height: $form-toggle-thumb-height;\r
    border: 1px solid $secondary-color;\r
    background: $secondary-color;\r
\r
    .x-thumb {\r
        width: $form-toggle-thumb-width;\r
        height: $form-toggle-thumb-height;\r
\r
        &.x-dragging {\r
            opacity: 1;\r
        }\r
\r
        &:after {\r
            background: $foreground-color;\r
            @include box-shadow(inset 0 -3px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(#fff,.2));\r
            top: 0;\r
            left: 0;\r
            width: $form-toggle-thumb-width;\r
            height: $form-toggle-thumb-height;\r
            border: 0;\r
        }\r
\r
        &:before {\r
            @include absolute-fit;\r
            background: transparent;\r
            content: 'OFF';\r
            color: #fff;\r
            text-align: center;\r
            z-index: 1;\r
            line-height: 21px;\r
        }\r
    }\r
}\r
\r
.x-toggle-on {\r
    .x-thumb {\r
        &:after {\r
            background: $base-color;\r
        }\r
\r
        &:before {\r
            content: 'ON';\r
        }\r
    }\r
}