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

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

{"version":3,"sources":["badge.css"],"names":[],"mappings":"AAkBI,8CAFA,iBAAkB,CAClB,oBAkHA,CAjHA,4BAGI,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,wBAA8B,CAC9B,kBAAmB,CACnB,qBAAsB,CACtB,cAAe,CACf,iBAsGJ,CApGI,qCACI,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,YAAa,CACb,sCAAgC,CAAhC,8BAAgC,CAChC,aAAc,CACd,gBACJ,CAEA,mCACI,iBAmDJ,CAlDI,6CACI,KAAM,CACN,OAAQ,CACR,8CAA2C,CAA3C,sCAMJ,CALI,qIAEI,SAAU,CACV,8CAA2C,CAA3C,sCACJ,CAEJ,yCACI,OAAQ,CACR,OAAS,CACT,+CAA4C,CAA5C,uCAMJ,CALI,6HAEI,SAAU,CACV,8CAA2C,CAA3C,sCACJ,CAEJ,gDACI,QAAS,CACT,OAAQ,CACR,6CAA0C,CAA1C,qCAMJ,CALI,2IAEI,SAAU,CACV,6CAA0C,CAA1C,qCACJ,CAEJ,4CACI,KAAM,CACN,MAAO,CACP,+CAA4C,CAA5C,uCAMJ,CALI,mIAEI,SAAU,CACV,+CAA4C,CAA5C,uCACJ,CAEJ,+CACI,QAAS,CACT,MAAO,CACP,8CAA2C,CAA3C,sCAMJ,CALI,yIAEI,SAAU,CACV,8CAA2C,CAA3C,sCACJ,CAIR,gCACI,SAAU,CACV,UAAW,CACX,aACJ,CAEA,sCAjGJ,wBAAwB,CACxB,qBAAsB,CACtB,UAoGI,CAHI,8CA7FR,qBAAsB,CACtB,iBAAkB,CAClB,aA6FQ,CAEJ,uCAvGJ,wBAAwB,CACxB,qBAAsB,CACtB,UA0GI,CAHI,+CAnGR,qBAAsB,CACtB,iBAAkB,CAClB,aAmGQ,CAEJ,uCA7GJ,wBAAwB,CACxB,qBAAsB,CACtB,UAgHI,CAHI,+CAzGR,qBAAsB,CACtB,iBAAkB,CAClB,aAyGQ,CAEJ,uCAnHJ,wBAAwB,CACxB,qBAAsB,CACtB,UAsHI,CAHI,+CA/GR,qBAAsB,CACtB,iBAAkB,CAClB,aA+GQ,CAEJ,oCAzHJ,wBAAwB,CACxB,qBAAsB,CACtB,UA4HI,CAHI,4CArHR,qBAAsB,CACtB,iBAAkB,CAClB,aAqHQ","file":"badge.min.css","sourcesContent":["@import './variable.css';\r\n\r\n/* usage: @mixin get-theme red; */\r\n@define-mixin get-theme $theme {\r\n    background-color: $theme;\r\n    border: 2px solid #fff;\r\n    color: #fff;\r\n}\r\n\r\n@define-mixin get-icon-theme $theme {\r\n    background-color: #fff;\r\n    border-color: #fff;\r\n    color: $theme;\r\n}\r\n\r\n.bk-badge-wrapper {\r\n    position: relative;\r\n    display: inline-block;\r\n    .bk-badge {\r\n        position: relative;\r\n        display: inline-block;\r\n        min-width: 18px;\r\n        height: 18px;\r\n        line-height: 16px;\r\n        padding: 0 2px;\r\n        border: 1px solid $borderColor;\r\n        border-radius: 18px;\r\n        background-color: #fff;\r\n        font-size: 12px;\r\n        text-align: center;\r\n\r\n        .bk-icon {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            margin-top: 0;\r\n            transform: translate(-50%, -50%);\r\n            display: block;\r\n            line-height: 18px;\r\n        }\r\n\r\n        &.pinned {\r\n            position: absolute;\r\n            &.top-right {\r\n                top: 0;\r\n                right: 0;\r\n                transform: translate(50%, -50%) scale(1, 1);\r\n                &.fade-center-enter,\r\n                &.fade-center-leave-active {\r\n                    opacity: 0;\r\n                    transform: translate(50%, -50%) scale(0, 0);\r\n                }\r\n            }\r\n            &.right {\r\n                top: 50%;\r\n                right: 0%;\r\n                transform: translate(100%, -50%) scale(1, 1);\r\n                &.fade-center-enter,\r\n                &.fade-center-leave-active {\r\n                    opacity: 0;\r\n                    transform: translate(50%, -50%) scale(0, 0);\r\n                }\r\n            }\r\n            &.bottom-right {\r\n                bottom: 0;\r\n                right: 0;\r\n                transform: translate(50%, 50%) scale(1, 1);\r\n                &.fade-center-enter,\r\n                &.fade-center-leave-active {\r\n                    opacity: 0;\r\n                    transform: translate(50%, 50%) scale(0, 0);\r\n                }\r\n            }\r\n            &.top-left {\r\n                top: 0;\r\n                left: 0;\r\n                transform: translate(-50%, -50%) scale(1, 1);\r\n                &.fade-center-enter,\r\n                &.fade-center-leave-active {\r\n                    opacity: 0;\r\n                    transform: translate(-50%, -50%) scale(0, 0);\r\n                }\r\n            }\r\n            &.bottom-left {\r\n                bottom: 0;\r\n                left: 0;\r\n                transform: translate(-50%, 50%) scale(1, 1);\r\n                &.fade-center-enter,\r\n                &.fade-center-leave-active {\r\n                    opacity: 0;\r\n                    transform: translate(-50%, 50%) scale(0, 0);\r\n                }\r\n            }\r\n        }\r\n\r\n        &.dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            min-width: 8px;\r\n        }\r\n\r\n        &.bk-danger {\r\n            @mixin get-theme $dangerColor;\r\n            &.is-icon {\r\n                @mixin get-icon-theme $dangerColor;\r\n            }\r\n        }\r\n        &.bk-warning {\r\n            @mixin get-theme $warningColor;\r\n            &.is-icon {\r\n                @mixin get-icon-theme $warningColor;\r\n            }\r\n        }\r\n        &.bk-success {\r\n            @mixin get-theme $successColor;\r\n            &.is-icon {\r\n                @mixin get-icon-theme $successColor;\r\n            }\r\n        }\r\n        &.bk-primary {\r\n            @mixin get-theme $primaryColor;\r\n            &.is-icon {\r\n                @mixin get-icon-theme $primaryColor;\r\n            }\r\n        }\r\n        &.bk-info {\r\n            @mixin get-theme $infoColor;\r\n            &.is-icon {\r\n                @mixin get-icon-theme $infoColor;\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}