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

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

{"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,oCAA2C,CAC3C,gCAAiD,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\";\n\n$base-color: #ffffff;\n$default-color: #979ba5;\n$success-color: #14a568;\n$info-color: #3a84ff;\n$warning-color: #fe9c00;\n$danger-color: #ea3536;\n$font-color: #63656e;\n$border-color: #dcdee5;\n\n@define-mixin theme-color $bgColor, $borderColor, $fontColor, $alpha, $borderAlpha {\n    background-color: color($bgColor a($alpha));\n    border-color: color($borderColor a($borderAlpha));\n    color: $fontColor;\n}\n\n.bk-tag {\n    @mixin theme-color $default-color, $border-color, $font-color, 10%, 60%;\n    display: inline-block;\n    font-size: 12px;\n    padding: 0 10px;\n    height: 22px;\n    line-height: 22px;\n    margin: 2px 0 2px 6px;\n    cursor: default;\n    box-sizing: border-box;\n    &:hover {\n        opacity: 0.8;\n    }\n}\n.bk-tag-closable {\n    padding: 0 2px 0 10px;\n}\n.bk-tag-icon {\n    font-size: 14px;\n}\n.bk-tag-close {\n    font-size: 16px;\n    cursor: pointer;\n}\n.bk-tag-success {\n    @mixin theme-color $success-color, $success-color, $success-color, 10%, 30%;\n}\n.bk-tag-info {\n    @mixin theme-color $info-color, $info-color, $info-color, 10%, 30%;\n}\n.bk-tag-warning {\n    @mixin theme-color $warning-color, $warning-color, $warning-color, 10%, 30%;\n}\n.bk-tag-danger {\n    @mixin theme-color $danger-color, $danger-color, $danger-color, 10%, 30%;\n}\n/** 填充式 */\n.bk-tag-filled {\n    color: $base-color;\n    &.bk-tag {\n        background: $default-color;\n    }\n    &.bk-tag-success {\n        background: $success-color;\n    }\n    &.bk-tag-info {\n        background: $info-color;\n    }\n    &.bk-tag-warning {\n        background: $warning-color;\n    }\n    &.bk-tag-danger {\n        background: $danger-color;\n    }\n}\n/** 描边式 */\n.bk-tag-stroke {\n    border-width: 1px;\n    border-style: solid;\n    padding: 0 9px;\n    line-height: 20px;\n    &.bk-tag-closable {\n        padding: 0 2px 0 9px;\n    }\n}\n.bk-tag-checkable {\n    background: none;\n    cursor: pointer;\n    &:hover {\n        background: color($default-color a(15%));\n    }\n}\n.bk-tag-check {\n    background: $info-color;\n    color: $base-color;\n    &:hover {\n        color: $base-color;\n        opacity: 1;\n        background: $info-color;\n    }\n}\n"]}