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

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

{"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';\n\n/* usage: @mixin get-theme red; */\n@define-mixin get-theme $theme {\n    background-color: $theme;\n    border: 2px solid #fff;\n    color: #fff;\n}\n\n@define-mixin get-icon-theme $theme {\n    background-color: #fff;\n    border-color: #fff;\n    color: $theme;\n}\n\n.bk-badge-wrapper {\n    position: relative;\n    display: inline-block;\n    .bk-badge {\n        position: relative;\n        display: inline-block;\n        min-width: 18px;\n        height: 18px;\n        line-height: 16px;\n        padding: 0 2px;\n        border: 1px solid $borderColor;\n        border-radius: 18px;\n        background-color: #fff;\n        font-size: 12px;\n        text-align: center;\n\n        .bk-icon {\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            margin-top: 0;\n            transform: translate(-50%, -50%);\n            display: block;\n            line-height: 18px;\n        }\n\n        &.pinned {\n            position: absolute;\n            &.top-right {\n                top: 0;\n                right: 0;\n                transform: translate(50%, -50%) scale(1, 1);\n                &.fade-center-enter,\n                &.fade-center-leave-active {\n                    opacity: 0;\n                    transform: translate(50%, -50%) scale(0, 0);\n                }\n            }\n            &.right {\n                top: 50%;\n                right: 0%;\n                transform: translate(100%, -50%) scale(1, 1);\n                &.fade-center-enter,\n                &.fade-center-leave-active {\n                    opacity: 0;\n                    transform: translate(50%, -50%) scale(0, 0);\n                }\n            }\n            &.bottom-right {\n                bottom: 0;\n                right: 0;\n                transform: translate(50%, 50%) scale(1, 1);\n                &.fade-center-enter,\n                &.fade-center-leave-active {\n                    opacity: 0;\n                    transform: translate(50%, 50%) scale(0, 0);\n                }\n            }\n            &.top-left {\n                top: 0;\n                left: 0;\n                transform: translate(-50%, -50%) scale(1, 1);\n                &.fade-center-enter,\n                &.fade-center-leave-active {\n                    opacity: 0;\n                    transform: translate(-50%, -50%) scale(0, 0);\n                }\n            }\n            &.bottom-left {\n                bottom: 0;\n                left: 0;\n                transform: translate(-50%, 50%) scale(1, 1);\n                &.fade-center-enter,\n                &.fade-center-leave-active {\n                    opacity: 0;\n                    transform: translate(-50%, 50%) scale(0, 0);\n                }\n            }\n        }\n\n        &.dot {\n            width: 8px;\n            height: 8px;\n            min-width: 8px;\n        }\n\n        &.bk-danger {\n            @mixin get-theme $dangerColor;\n            &.is-icon {\n                @mixin get-icon-theme $dangerColor;\n            }\n        }\n        &.bk-warning {\n            @mixin get-theme $warningColor;\n            &.is-icon {\n                @mixin get-icon-theme $warningColor;\n            }\n        }\n        &.bk-success {\n            @mixin get-theme $successColor;\n            &.is-icon {\n                @mixin get-icon-theme $successColor;\n            }\n        }\n        &.bk-primary {\n            @mixin get-theme $primaryColor;\n            &.is-icon {\n                @mixin get-icon-theme $primaryColor;\n            }\n        }\n        &.bk-info {\n            @mixin get-theme $infoColor;\n            &.is-icon {\n                @mixin get-icon-theme $infoColor;\n            }\n        }\n    }\n}\n"]}