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

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

{"version":3,"sources":["tag.css"],"names":[],"mappings":"AAiBA,QALI,qCAA2C,CAC3C,iCAAiD,CACjD,aAAiB,CAKjB,oBAAqB,CACrB,cAAe,CACf,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,oBAAqB,CACrB,cAAe,CACf,6BAAsB,CAAtB,qBAIJ,CAHI,cACI,UACJ,CAEJ,iBACI,oBACJ,CACA,aACI,cACJ,CACA,cACI,cAAe,CACf,cACJ,CACA,gBA7BI,oCAA2C,CAC3C,gCAAiD,CACjD,aA6BJ,CACA,aAhCI,mCAA2C,CAC3C,+BAAiD,CACjD,aAgCJ,CACA,gBAnCI,mCAA2C,CAC3C,+BAAiD,CACjD,aAmCJ,CACA,eAtCI,mCAA2C,CAC3C,+BAAiD,CACjD,aAsCJ,CAEA,eACI,UAgBJ,CAfI,sBACI,kBACJ,CACA,8BACI,kBACJ,CACA,2BACI,kBACJ,CACA,8BACI,kBACJ,CACA,6BACI,kBACJ,CAGJ,eACI,gBAAiB,CACjB,kBAAmB,CACnB,aAAc,CACd,gBAIJ,CAHI,+BACI,mBACJ,CAEJ,kBACI,eAAgB,CAChB,cAIJ,CAHI,wBACI,gCACJ,CAEJ,cACI,kBAAuB,CACvB,UAMJ,CALI,oBACI,UAAkB,CAClB,SAAU,CACV,kBACJ","file":"tag.min.css","sourcesContent":["@import \"./mixins/ellipsis\";\r\n\r\n$base-color: #ffffff;\r\n$default-color: #979ba5;\r\n$success-color: #14a568;\r\n$info-color: #006DFF;\r\n$warning-color: #fe9c00;\r\n$danger-color: #ea3536;\r\n$font-color: #63656e;\r\n$border-color: #dcdee5;\r\n\r\n@define-mixin theme-color $bgColor, $borderColor, $fontColor, $alpha, $borderAlpha {\r\n    background-color: color($bgColor a($alpha));\r\n    border-color: color($borderColor a($borderAlpha));\r\n    color: $fontColor;\r\n}\r\n\r\n.bk-tag {\r\n    @mixin theme-color $default-color, $border-color, $font-color, 10%, 60%;\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    padding: 0 10px;\r\n    height: 22px;\r\n    line-height: 22px;\r\n    margin: 2px 0 2px 6px;\r\n    cursor: default;\r\n    box-sizing: border-box;\r\n    &:hover {\r\n        opacity: 0.8;\r\n    }\r\n}\r\n.bk-tag-closable {\r\n    padding: 0 2px 0 10px;\r\n}\r\n.bk-tag-icon {\r\n    font-size: 14px;\r\n}\r\n.bk-tag-close {\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n}\r\n.bk-tag-success {\r\n    @mixin theme-color $success-color, $success-color, $success-color, 10%, 30%;\r\n}\r\n.bk-tag-info {\r\n    @mixin theme-color $info-color, $info-color, $info-color, 10%, 30%;\r\n}\r\n.bk-tag-warning {\r\n    @mixin theme-color $warning-color, $warning-color, $warning-color, 10%, 30%;\r\n}\r\n.bk-tag-danger {\r\n    @mixin theme-color $danger-color, $danger-color, $danger-color, 10%, 30%;\r\n}\r\n/** 填充式 */\r\n.bk-tag-filled {\r\n    color: $base-color;\r\n    &.bk-tag {\r\n        background: $default-color;\r\n    }\r\n    &.bk-tag-success {\r\n        background: $success-color;\r\n    }\r\n    &.bk-tag-info {\r\n        background: $info-color;\r\n    }\r\n    &.bk-tag-warning {\r\n        background: $warning-color;\r\n    }\r\n    &.bk-tag-danger {\r\n        background: $danger-color;\r\n    }\r\n}\r\n/** 描边式 */\r\n.bk-tag-stroke {\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    padding: 0 9px;\r\n    line-height: 20px;\r\n    &.bk-tag-closable {\r\n        padding: 0 2px 0 9px;\r\n    }\r\n}\r\n.bk-tag-checkable {\r\n    background: none;\r\n    cursor: pointer;\r\n    &:hover {\r\n        background: color($default-color a(15%));\r\n    }\r\n}\r\n.bk-tag-check {\r\n    background: $info-color;\r\n    color: $base-color;\r\n    &:hover {\r\n        color: $base-color;\r\n        opacity: 1;\r\n        background: $info-color;\r\n    }\r\n}\r\n"]}