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

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

{"version":3,"sources":["checkbox.css"],"names":[],"mappings":"AAEA,kBACE,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,cAwFF,CArFI,iEACE,oBAA2B,CAC3B,wBAA+B,CAC/B,2BAA4B,CAC5B,iBAeF,CAbE,uEACE,UAAW,CACX,SAAU,CACV,UAAW,CACX,eAAgB,CAChB,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,oBACF,CAIJ,8BACE,kBAUF,CARE,2CACE,oBAA4B,CAC5B,wBACF,CAQA,sDACE,oBAA4B,CAC5B,wBACF,CAIA,0CACE,oBAA2B,CAC3B,wBAA+B,CAC/B,0BAeF,CAbE,gDACE,UAAW,CACX,iBAAkB,CAClB,OAAQ,CACR,QAAS,CACT,SAAU,CACV,UAAW,CACX,qBAAsB,CACtB,aAAc,CACd,YAAa,CACb,+BAAwB,CAAxB,uBAAwB,CACxB,yCAAkC,CAAlC,iCACF,CAIJ,+BACE,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,wBAAiC,CACjC,iBAKF,CAJE,qCACE,oBAAmC,CACnC,YACF,CAGF,oCACE,oBAAqB,CACrB,gBAAiB,CACjB,qBAAsB,CACtB,cAAe,CACf,aACF","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    }\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"]}