add extjs 6.0.1 sources

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

/**\r
 * @class Ext.slider.Slider\r
 */\r
\r
// Private variables\r
$form-thumb-space: ($form-thumb-size - $form-toggle-size) / 2;\r
\r
.x-slider,\r
.x-toggle {\r
    height: 34px;\r
    overflow: hidden;\r
}\r
\r
.x-slider.x-item-disabled {\r
    opacity: .6;\r
}\r
\r
.x-thumb {\r
    height: 34px;\r
    width: 30px;\r
    background: transparent none;\r
    border: 0;\r
\r
    // The actual thumb\r
    &:after {\r
        @include insertion(8px, 8px, 14px, 8px);\r
        @include border-radius(8px);\r
        @include box-shadow(0 0 0 8px rgba($base-color, .5));\r
        background: $base-color;\r
    }\r
\r
    &:before {\r
        @include insertion(5000px, 3px, 17px, -4985px);\r
        background: $base-color;\r
    }\r
\r
    &.x-dragging {\r
        opacity: 1;\r
    }\r
}\r
\r
.x-slider-multiple {\r
    .x-thumb {\r
        &:before {\r
            background: transparent;\r
        }\r
    }\r
}\r
\r
// Create the slider track\r
.x-slider:before {\r
    @include insertion(auto, 3px, 17px, 0);\r
    background: $foreground-color;\r
}\r