UNPKG

@cw-devops/bk-magic-vue

Version:

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

1 lines 2.73 kB
{"version":3,"sources":["link.css"],"names":[],"mappings":"AAoBA,SACI,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CACpB,6BAAmB,CAAnB,4BAAmB,CAAnB,sBAAmB,CAAnB,kBAAmB,CACnB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,qBAAsB,CACtB,oBAAqB,CACrB,cAAe,CACf,gBAgEJ,CA/DI,uBACI,cAOJ,CANI,+BACI,gBACJ,CACA,gCACI,eACJ,CAEJ,uBACI,cACJ,CACA,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,oBACI,aAOJ,CANI,0BACI,aACJ,CACA,gCACI,aACJ,CAEJ,mBACI,aAOJ,CANI,yBACI,aACJ,CACA,+BACI,aACJ,CAEJ,qBACI,kBACJ,CACA,uBACI,yBACJ","file":"link.min.css","sourcesContent":["$defaultColor: #63656e;\n$defaultHoverColor: #979ba5;\n$defaultDisabledColor: #dcdee5;\n\n$primaryColor: #3a84ff;\n$primaryHoverColor: #699df4;\n$primaryDisabledColor: #a3c5fd;\n\n$successColor: #2dcb56;\n$successHoverColor: #45e35f;\n$successDisabledColor: #94f5a4;\n\n$warningColor: #ff9c01;\n$warningHoverColor: #ffb848;\n$warningDisabledColor: #ffd695;\n\n$dangerColor: #ea3636;\n$dangerHoverColor: #ff5656;\n$dangerDisabledColor: #fd9c9c;\n\n.bk-link {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n text-decoration: none;\n cursor: pointer;\n line-height: 20px;\n .bk-link-icon {\n font-size: 14px;\n &.is-left {\n margin-right: 4px;\n }\n &.is-right {\n margin-left: 4px;\n }\n }\n .bk-link-text {\n font-size: 14px;\n }\n &.is-default {\n color: $defaultColor;\n &:hover {\n color: $defaultHoverColor;\n }\n &.is-disabled {\n color: $defaultDisabledColor;\n }\n }\n &.is-primary {\n color: $primaryColor;\n &:hover {\n color: $primaryHoverColor;\n }\n &.is-disabled {\n color: $primaryDisabledColor;\n }\n }\n &.is-success {\n color: $successColor;\n &:hover {\n color: $successHoverColor;\n }\n &.is-disabled {\n color: $successDisabledColor;\n }\n }\n &.is-warning {\n color: $warningColor;\n &:hover {\n color: $warningHoverColor;\n }\n &.is-disabled {\n color: $warningDisabledColor;\n }\n }\n &.is-danger {\n color: $dangerColor;\n &:hover {\n color: $dangerHoverColor;\n }\n &.is-disabled {\n color: $dangerDisabledColor;\n }\n }\n &.is-disabled {\n cursor: not-allowed;\n }\n &.has-underline {\n text-decoration: underline;\n }\n}\n"]}