{"version":3,"sources":["badge.css"],"names":[],"mappings":"AAeA,kBACE,iBAAkB,CAClB,oBAsHF,CArHE,4BACE,iBAAkB,CAElB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,wBAA8B,CAC9B,kBAAmB,CACnB,qBAAsB,CACtB,cAAe,CACf,iBAsGF,CApGE,qCACE,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,YAAa,CACb,sCAAgC,CAAhC,8BAAgC,CAChC,aAAc,CACd,gBACF,CAEA,mCACE,iBAmDF,CAlDE,6CACE,KAAM,CACN,OAAQ,CACR,8CAA2C,CAA3C,sCAMF,CALE,qIAEE,SAAU,CACV,8CAA2C,CAA3C,sCACF,CAEF,yCACE,OAAQ,CACR,OAAS,CACT,+CAA4C,CAA5C,uCAMF,CALE,6HAEE,SAAU,CACV,8CAA2C,CAA3C,sCACF,CAEF,gDACE,QAAS,CACT,OAAQ,CACR,6CAA0C,CAA1C,qCAMF,CALE,2IAEE,SAAU,CACV,6CAA0C,CAA1C,qCACF,CAEF,4CACE,KAAM,CACN,MAAO,CACP,+CAA4C,CAA5C,uCAMF,CALE,mIAEE,SAAU,CACV,+CAA4C,CAA5C,uCACF,CAEF,+CACE,QAAS,CACT,MAAO,CACP,8CAA2C,CAA3C,sCAMF,CALE,yIAEE,SAAU,CACV,8CAA2C,CAA3C,sCACF,CAIJ,gCACE,SAAU,CACV,UAAW,CACX,aACF,CAEA,sCApGF,wBAAwB,CACxB,qBAAsB,CACtB,UAuGE,CAHE,8CAhGJ,qBAAsB,CACtB,iBAAkB,CAClB,aAgGI,CAEF,uCA1GF,wBAAwB,CACxB,qBAAsB,CACtB,UA6GE,CAHE,+CAtGJ,qBAAsB,CACtB,iBAAkB,CAClB,aAsGI,CAEF,uCAhHF,wBAAwB,CACxB,qBAAsB,CACtB,UAmHE,CAHE,+CA5GJ,qBAAsB,CACtB,iBAAkB,CAClB,aA4GI,CAEF,uCAtHF,wBAAwB,CACxB,qBAAsB,CACtB,UAyHE,CAHE,+CAlHJ,qBAAsB,CACtB,iBAAkB,CAClB,aAkHI,CAEF,oCA5HF,wBAAwB,CACxB,qBAAsB,CACtB,UA+HE,CAHE,4CAxHJ,qBAAsB,CACtB,iBAAkB,CAClB,aAwHI","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    display: flex;\n    align-items: center;\n    justify-content: center;\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: 10px;\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 $newRedColor;\n      &.is-icon {\n        @mixin get-icon-theme $newRedColor;\n      }\n    }\n    &.bk-warning {\n      @mixin get-theme $newOrangeColor;\n      &.is-icon {\n        @mixin get-icon-theme $newOrangeColor;\n      }\n    }\n    &.bk-success {\n      @mixin get-theme $newGreenColor;\n      &.is-icon {\n        @mixin get-icon-theme $newGreenColor;\n      }\n    }\n    &.bk-primary {\n      @mixin get-theme $newMainColor;\n      &.is-icon {\n        @mixin get-icon-theme $newMainColor;\n      }\n    }\n    &.bk-info {\n      @mixin get-theme $newMainColor;\n      &.is-icon {\n        @mixin get-icon-theme $newMainColor;\n      }\n    }\n  }\n}\n"]}