bk-vue-cec/lib/ui/sideslider.min.css.map

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"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,YA+DJ,CA9DI,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,CACf,eAAiB,CACjB,UACJ,CACA,uBACI,aACJ,CACA,sBACI,UAAW,CACX,WAAY,CACZ,gCAAiC,CACjC,eAAgB,CAChB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBACJ","file":"sideslider.min.css","sourcesContent":["@import \"./variable.css\";\r\n\r\n.bk-sideslider-show {\r\n    overflow-y: hidden !important;\r\n    body {\r\n        overflow-y: hidden !important;\r\n    }\r\n    &.has-sideslider-padding {\r\n        padding-right: 17px !important;\r\n    }\r\n}\r\n.bk-sideslider {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    /* background-color: rgba(0, 0, 0, .6); */\r\n    z-index: $sideSliderZIndex;\r\n    &-wrapper {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        background-color: #fff;\r\n        overflow-y: auto;\r\n        &.left {\r\n            left: 0;\r\n            box-shadow: 5px 0px 8px -5px rgba(0, 0, 0, 0.2);\r\n        }\r\n        &.right {\r\n            right: 0;\r\n            box-shadow: -5px 0px 8px -5px rgba(0, 0, 0, 0.2);\r\n        }\r\n    }\r\n    &-header {\r\n        width: 100%;\r\n        height: 60px;\r\n        background: #FFFFFF;\r\n        &:before,\r\n        &:after {\r\n            content: '';\r\n            display: table;\r\n            line-height: 0;\r\n        }\r\n        &:after {\r\n            clear: both;\r\n        }\r\n    }\r\n    &-closer {\r\n        width: 30px;\r\n        height: 60px;\r\n        line-height: 60px;\r\n        background-color: #006DFF;\r\n        text-align: center;\r\n        color: #fff;\r\n        cursor: pointer;\r\n        font-size: $iconLargeSize;\r\n        span {\r\n            display: block;\r\n            margin-top: 22px;\r\n        }\r\n    }\r\n    &-title {\r\n        height: 60px;\r\n        line-height: 60px;\r\n        border-bottom: 1px solid #DCDEE5;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        color: #666;\r\n    }\r\n    &-content {\r\n        overflow: auto;\r\n    }\r\n    &-footer {\r\n        width: 100%;\r\n        height: 54px;\r\n        border-top: 1px solid transparent;\r\n        background: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n}\r\n"]}