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

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

{"version":3,"sources":["checkbox.css"],"names":[],"mappings":"AAEA,kBACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,cAwFJ,CArFQ,iEACI,oBAA2B,CAC3B,wBAA+B,CAC/B,2BAA4B,CAC5B,iBAeJ,CAbI,uEACI,UAAW,CACX,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,oBACJ,CAIR,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';\r\n\r\n.bk-form-checkbox {\r\n    position: relative;\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    font-size: 0;\r\n    line-height: 18px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n\r\n    &.is-indeterminate:not(.is-checked) {\r\n        .bk-checkbox {\r\n            border-color: $newMainColor;\r\n            background-color: $newMainColor;\r\n            background-clip: content-box;\r\n            position: relative;\r\n\r\n            &::after {\r\n                content: '';\r\n                width: 8px;\r\n                height: 2px;\r\n                background: #fff;\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                margin-left: -4px;\r\n                border-radius: 2px;\r\n                margin-top: -1px;\r\n                display: inline-block;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.is-disabled {\r\n        cursor: not-allowed;\r\n\r\n        .bk-checkbox {\r\n            border-color: $newGreyColor1;\r\n            background-color: $newGreyColor3;\r\n        }\r\n\r\n        /* .bk-checkbox-text {\r\n            color: $newGreyColor;\r\n        } */\r\n    }\r\n\r\n    &.is-disabled.is-checked {\r\n        .bk-checkbox {\r\n            border-color: $newGreyColor1;\r\n            background-color: $newGreyColor1;\r\n        }\r\n    }\r\n\r\n    &.is-checked {\r\n        .bk-checkbox {\r\n            border-color: $newMainColor;\r\n            background-color: $newMainColor;\r\n            background-clip: border-box;\r\n\r\n            &:after {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 1px;\r\n                left: 4px;\r\n                width: 4px;\r\n                height: 8px;\r\n                border: 2px solid #fff;\r\n                border-left: 0;\r\n                border-top: 0;\r\n                transform-origin: center;\r\n                transform: rotate(45deg) scaleY(1);\r\n            }\r\n        }\r\n    }\r\n\r\n    .bk-checkbox {\r\n        position: relative;\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        width: 16px;\r\n        height: 16px;\r\n        border: 1px solid $newBlackColor3;\r\n        border-radius: 2px;\r\n        &:focus {\r\n            border-color: $formBorderFocusColor;\r\n            outline: none;\r\n        }\r\n    }\r\n\r\n    .bk-checkbox-text {\r\n        display: inline-block;\r\n        margin: 0 0 0 6px;\r\n        vertical-align: middle;\r\n        font-size: 14px;\r\n        color: $newBlackColor2;\r\n    }\r\n}\r\n"]}