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

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

{"version":3,"sources":["checkbox.css"],"names":[],"mappings":"AAEA,kBACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,cA6GJ,CA1GQ,iEACI,oBAA2B,CAC3B,wBAA+B,CAC/B,2BAA4B,CAC5B,iBA4BJ,CA1BI,uEAaI,UAAW,CACX,oBAAqB,CACrB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,kBAAmB,CACnB,sCAAgC,CAAhC,8BAAgC,CAChC,aAAgB,CAChB,eAAkB,CAClB,YACJ,CAKI,mFACI,wBACJ,CAKZ,8BACI,kBAUJ,CARI,2CACI,oBAA4B,CAC5B,wBACJ,CAQA,sDACI,oBAA4B,CAC5B,wBACJ,CAIA,0CACI,oBAA2B,CAC3B,wBAA+B,CAC/B,0BAeJ,CAbI,gDACI,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,aAAc,CACd,YAAa,CACb,+BAAwB,CAAxB,uBAAwB,CACxB,yCAAkC,CAAlC,iCACJ,CAIR,+BACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,wBAAiC,CACjC,iBAKJ,CAJI,qCACI,oBAAmC,CACnC,YACJ,CAGJ,oCACI,oBAAqB,CACrB,gBAAiB,CACjB,qBAAsB,CACtB,cAAe,CACf,aACJ","file":"checkbox.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form-checkbox {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    font-size: 0;\n    line-height: 18px;\n    overflow: hidden;\n    cursor: pointer;\n\n    &.is-indeterminate:not(.is-checked) {\n        .bk-checkbox {\n            border-color: $newMainColor;\n            background-color: $newMainColor;\n            background-clip: content-box;\n            position: relative;\n\n            &::after {\n                /* content: '';\n                width: 8px;\n                height: 2px;\n                background: #fff;\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                margin-left: -4px;\n                border-radius: 2px;\n                margin-top: -1px;\n                display: inline-block; */\n                \n                content: '';                \n                display: inline-block;\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                width: 6px;\n                height: 6px;\n                background: #3a84ff;\n                transform: translate(-50%, -50%);\n                margin-left: 0px;\n                border-radius: 0px;\n                margin-top: 0px;\n            }\n        }\n\n        &.is-disabled {\n            .bk-checkbox {\n                &::after {\n                    background-color: #CBD5E0;\n                }\n            }\n        }\n    }\n\n    &.is-disabled {\n        cursor: not-allowed;\n\n        .bk-checkbox {\n            border-color: $newGreyColor1;\n            background-color: $newGreyColor3;\n        }\n\n        /* .bk-checkbox-text {\n            color: $newGreyColor;\n        } */\n    }\n\n    &.is-disabled.is-checked {\n        .bk-checkbox {\n            border-color: $newGreyColor1;\n            background-color: $newGreyColor1;\n        }\n    }\n\n    &.is-checked {\n        .bk-checkbox {\n            border-color: $newMainColor;\n            background-color: $newMainColor;\n            background-clip: border-box;\n\n            &:after {\n                content: \"\";\n                position: absolute;\n                top: 1px;\n                left: 4px;\n                width: 4px;\n                height: 8px;\n                border: 2px solid #fff;\n                border-left: 0;\n                border-top: 0;\n                transform-origin: center;\n                transform: rotate(45deg) scaleY(1);\n            }\n        }\n    }\n\n    .bk-checkbox {\n        position: relative;\n        display: inline-block;\n        vertical-align: middle;\n        width: 16px;\n        height: 16px;\n        border: 1px solid $newBlackColor3;\n        border-radius: 2px;\n        &:focus {\n            border-color: $formBorderFocusColor;\n            outline: none;\n        }\n    }\n\n    .bk-checkbox-text {\n        display: inline-block;\n        margin: 0 0 0 6px;\n        vertical-align: middle;\n        font-size: 14px;\n        color: $newBlackColor2;\n    }\n}\n"]}