bk-magic-vue/lib/ui/slider.min.css.map

基于蓝鲸 Magicbox 和 Vue 的前端组件库

{"version":3,"sources":["slider.css"],"names":[],"mappings":"AAEA,WACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAwFJ,CAvFI,6BACI,UAAW,CACX,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,cAAe,CACf,qBAAsB,CACtB,SAAU,CACV,iBAuDJ,CAtDI,4CACI,UAAW,CACX,0BAA2B,CAC3B,6BAA8B,CAC9B,iBAAkB,CAClB,kBAOJ,CANI,qDACI,SACJ,CACA,uDACI,UACJ,CAEJ,sCACI,kBACJ,CACA,+CACI,iBAAkB,CAClB,cAmCJ,CAlCI,wDACI,SAAU,CACV,WAAY,CACZ,UAAW,CAEX,2BAAsB,CAAtB,yBAAsB,CAAtB,qBAEJ,CACA,kHAJI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,4BAAsB,CACtB,wBAA8B,CAA9B,qBAA8B,CAA9B,6BASJ,CAPA,0DACI,QAAS,CACT,UAAW,CACX,WAAY,CAEZ,6BAAmB,CAAnB,sBAAmB,CAAnB,kBAEJ,CACA,gEACI,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,kBASJ,CARI,yEACI,SAAU,CACV,iCAA0B,CAA1B,yBACJ,CACA,2EACI,QAAS,CACT,kCAA2B,CAA3B,0BACJ,CAIZ,+BACI,iBAAkB,CAClB,UAAW,CACX,SAAU,CACV,kBAAmB,CACnB,qBAAsB,CACtB,kCAA2B,CAA3B,0BAIJ,CAHI,wCACI,QACJ,CAEJ,iBACI,iBAAkB,CAClB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAOJ,CANI,6BACI,UACJ,CACA,+BACI,YACJ,CAGR,kBACI,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,YAAa,CACb,4BAA6B,CAC7B,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,kBAAmB,CACnB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBA+CJ,CA9CI,wBACI,mBAAY,CAAZ,WACJ,CACA,2BACI,uBAAgB,CAAhB,eACJ,CACA,2BACI,UAAW,CACX,iCAA0B,CAA1B,yBACJ,CACA,6BACI,SAAU,CACV,kCAA2B,CAA3B,0BACJ,CACA,iCACI,UAAW,CACX,WAAY,CACZ,wBAA+B,CAC/B,iBAAkB,CAClB,qBAAsB,CACtB,sBAAe,CAAf,cAAe,CACf,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAUJ,CATI,yCACI,wBACJ,CACA,uCACI,gDAAoD,CAApD,wCACJ,CACA,uCACI,iDAAoD,CAApD,yCACJ,CAEJ,uCACI,iBAAkB,CAClB,iBAAkB,CAClB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,cAOJ,CANI,gDACI,SACJ,CACA,kDACI,QACJ","file":"slider.min.css","sourcesContent":["@import './variable.css';\n\n.bk-slider {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    .bk-slider-runway {\n        width: 100%;\n        height: 4px;\n        background: #dcdee5;\n        position: relative;\n        cursor: pointer;\n        vertical-align: middle;\n        opacity: 1;\n        border-radius: 2px;\n        .bk-slider-bar {\n            height: 4px;\n            border-top-left-radius: 3px;\n            border-bottom-left-radius: 3px;\n            position: absolute;\n            background: #3a84ff;\n            &.vertical {\n                width: 4px;\n            }\n            &.horizontal {\n                height: 4px;\n            }\n        }\n        .disable {\n            background: #979ba5;\n        }\n        .bk-slider-labels {\n            position: relative;\n            font-size: $fnSmallSize;\n            &.vertical {\n                left: 18px;\n                height: 100%;\n                width: 10px;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n            }\n            &.horizontal {\n                top: 10px;\n                width: 100%;\n                height: 10px;\n                display: flex;\n                flex-direction: row;\n                justify-content: space-between;\n            }\n            .bk-slider-label {\n                position: absolute;\n                width: 10px;\n                height: 10px;\n                text-align: center;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                white-space: nowrap;\n                &.vertical {\n                    left: 10px;\n                    transform: translateY(50%);\n                }\n                &.horizontal {\n                    top: 10px;\n                    transform: translateX(-50%);\n                }\n            }\n        }\n    }\n    .bk-slider-interval {\n        position: absolute;\n        height: 4px;\n        width: 4px;\n        border-radius: 100%;\n        background-color: #fff;\n        transform: translateX(-50%);\n        &.vertical {\n            left: 2px;\n        }\n    }\n    &-input {\n        margin: 0 0 0 28px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        .input-item {\n            width: 56px;\n        }\n        .input-center {\n            margin: 0 7px;\n        }\n    }\n}\n.bk-slider-button {\n    height: 24px;\n    width: 24px;\n    position: absolute;\n    z-index: 1001;\n    background-color: transparent;\n    text-align: center;\n    user-select: none;\n    line-height: normal;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    &:hover {\n        cursor: grab;\n    }\n    &.grabbing {\n        cursor: grabbing;\n    }\n    &.vertical {\n        left: -10px;\n        transform: translateY(50%);\n    }\n    &.horizontal {\n        top: -10px;\n        transform: translateX(-50%);\n    }\n    .slider-button {\n        width: 12px;\n        height: 12px;\n        border: 2px solid $newMainColor;\n        border-radius: 50%;\n        background-color: #fff;\n        transition: .2s;\n        user-select: none;\n        &-disable {\n            border: 2px solid #979ba5;\n        }\n        &:hover {\n            box-shadow: 0px 0px 0px 4px rgba(58, 132, 255, 0.30);\n        }\n        &:focus {\n            box-shadow: 0px 0px 10px 0px rgba(58, 132, 255, 0.9);\n        }\n    }\n    .slider-button-label {\n        position: absolute;\n        text-align: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: $fnSmallSize;\n        &.vertical {\n            left: 28px;\n        }\n        &.horizontal {\n            top: 20px;\n        }\n    }\n}\n"]}