@cw-devops/bk-magic-vue/lib/ui/sideslider.min.css.map

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

{"version":3,"sources":["sideslider.css"],"names":[],"mappings":"AAII,6CACI,2BACJ,CACA,2CACI,4BACJ,CAEJ,eACI,cAAe,CACf,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CAEP,YAoEJ,CAnEI,uBACI,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,qBAAsB,CACtB,eASJ,CARI,4BACI,MAAO,CACP,gDAA+C,CAA/C,wCACJ,CACA,6BACI,OAAQ,CACR,iDAAgD,CAAhD,yCACJ,CAEJ,sBACI,UAAW,CACX,WAAY,CACZ,eAUJ,CATI,yDAEI,UAAW,CACX,aAAc,CACd,aACJ,CACA,4BACI,UACJ,CAEJ,sBACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,cAKJ,CAJI,2BACI,aAAc,CACd,eACJ,CAEJ,qBACI,WAAY,CACZ,gBAAiB,CACjB,+BAAgC,CAChC,cAAe,CAEf,aAMJ,CALI,oCACI,eAAgB,CAChB,sBAAuB,CACvB,kBACJ,CAEJ,uBACI,aACJ,CACA,sBACI,UAAW,CACX,WAAY,CACZ,4BAA6B,CAC7B,qBAAsB,CACtB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBACJ","file":"sideslider.min.css","sourcesContent":["@import \"./variable.css\";\n\n.bk-sideslider-show {\n    overflow-y: hidden !important;\n    body {\n        overflow-y: hidden !important;\n    }\n    &.has-sideslider-padding {\n        padding-right: 17px !important;\n    }\n}\n.bk-sideslider {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    /* background-color: rgba(0, 0, 0, .6); */\n    z-index: $sideSliderZIndex;\n    &-wrapper {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        background-color: #fff;\n        overflow-y: auto;\n        &.left {\n            left: 0;\n            box-shadow: 5px 0px 8px -5px rgba(0, 0, 0, 0.2);\n        }\n        &.right {\n            right: 0;\n            box-shadow: -5px 0px 8px -5px rgba(0, 0, 0, 0.2);\n        }\n    }\n    &-header {\n        width: 100%;\n        height: 60px;\n        background: #FFFFFF;\n        &:before,\n        &:after {\n            content: '';\n            display: table;\n            line-height: 0;\n        }\n        &:after {\n            clear: both;\n        }\n    }\n    &-closer {\n        width: 30px;\n        height: 60px;\n        line-height: 60px;\n        background-color: #3a84ff;\n        text-align: center;\n        color: #fff;\n        cursor: pointer;\n        font-size: $iconLargeSize;\n        span {\n            display: block;\n            margin-top: 22px;\n        }\n    }\n    &-title {\n        height: 60px;\n        line-height: 60px;\n        border-bottom: 1px solid #DCDEE5;\n        font-size: 16px;\n        /* font-weight: bold; */\n        color: $newBlackColor1;\n        .title-content {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n    }\n    &-content {\n        overflow: auto;\n    }\n    &-footer {\n        width: 100%;\n        height: 54px;\n        border-top: 1px solid #dcdee5;\n        background-color: #fff;\n        display: flex;\n        align-items: center;\n    }\n}\n"]}