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

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

{"version":3,"sources":["progress.css"],"names":[],"mappings":"AAEA,aACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAkDJ,CAjDI,2BACI,UAAW,CACX,UAAW,CACX,kBAAmB,CACnB,kBAAkB,CAClB,iBAAkB,CAClB,qBAAsB,CACtB,iBAUJ,CATI,6CACI,UACJ,CACA,8CACI,UACJ,CACA,6CACI,WACJ,CAEJ,6BACI,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,SAAU,CACV,WAAY,CACZ,kBAAmB,CACnB,iCAA2B,CAA3B,yBAaJ,CAZI,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,uCACI,kBACJ,CAEJ,yBACI,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,WACJ,CAAC,4BAEG,QAAS,CACT,iBACJ","file":"progress.min.css","sourcesContent":["@import './variable.css';\n\n.bk-progress {\n    display: flex;\n    align-items: center;\n    .progress-bar {\n        width: 100%;\n        height: 4px;\n        background: #F0F1F5;\n        border-radius:50px;\n        position: relative;\n        vertical-align: middle;\n        text-align: center;\n        &.bk-progress-small {\n            height:2px;\n        }\n        &.bk-progress-normal {\n            height: 4px;\n        }\n        &.bk-progress-large {\n            height: 12px;\n        }\n    }\n    .progress-inner {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 50%;\n        height: 100%;\n        border-radius: 50px;\n        transition: width 0.5s ease;\n        &.bk-primary {\n            background: $newMainColor;\n        }\n        &.bk-success {\n            background: $newGreenColor;\n        }\n        &.bk-warning {\n            background: $newOrangeColor;\n        }\n        &.bk-danger {\n            background: $dangerColor;\n        }\n    }\n    .inner-text {\n        width: 100%;\n        text-align: center;\n        color: #fff;\n        height: 100%;\n    },\n    .progress-text {\n        width: 7%;\n        text-align: center;\n    }\n}\n"]}