@cw-devops/bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
1 lines • 2.63 kB
Source Map (JSON)
{"version":3,"sources":["radio.css"],"names":[],"mappings":"AAEA,eACI,cAAe,CACf,aAAsB,CACtB,gBAAiB,CACjB,eAAgB,CAChB,oBAAqB,CACrB,iBAiEJ,CA/DI,8BACI,iBAAkB,CAClB,eAAmB,CACnB,cAAe,CACf,qBAAsB,CACtB,oBACJ,CAEA,2BACI,SAAU,CACV,UAAW,CACX,iBAAkB,CAClB,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,eAAgB,CAChB,aAAc,CACd,kBACJ,CAEA,iCACI,iBAAkB,CAClB,oBAAqB,CACrB,qBAAsB,CACtB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAAiC,CACjC,iBAAkB,CAClB,qBAAsB,CACtB,2BAA4B,CAC5B,YAAa,CACb,UAAW,CACX,kBAAmB,CACnB,cAAe,CACf,uBAqBJ,CAnBI,4CACI,WAAY,CACZ,aAAoB,CACpB,yBAA0B,CAC1B,6BAIJ,CAHI,sDACI,aACJ,CAEJ,2CACI,kBAAmB,CACnB,6BAA8B,CAC9B,oBAA4B,CAC5B,aAKJ,CAJI,0DACI,aAAoB,CACpB,kBACJ,CAIR,uCACI,sCAA6C,CAA7C,8BAA6C,CAC7C,oBAAmC,CACnC,YACJ","file":"radio.min.css","sourcesContent":["@import './variable.css';\n\n.bk-form-radio {\n font-size: 14px;\n color: $newBlackColor2;\n line-height: 18px;\n min-height: 20px;\n display: inline-block;\n position: relative;\n\n .bk-radio-text {\n font-style: normal;\n font-weight: normal;\n cursor: pointer;\n vertical-align: middle;\n display: inline-block;\n }\n\n .icon-check {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n position: absolute;\n left: 4px;\n top: 50%;\n margin-top: -4px;\n display: block;\n background: $newMainColor;\n }\n\n input[type=radio] {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n width: 16px;\n height: 16px;\n margin: 0 5px 0 0;\n border: 1px solid $newBlackColor3;\n border-radius: 50%;\n background-color: #fff;\n background-clip: content-box;\n outline: none;\n color: #fff;\n visibility: visible;\n cursor: pointer;\n -webkit-appearance: none;\n\n &.is-checked {\n padding: 3px;\n color: $newMainColor;\n border-color: currentColor;\n background-color: currentColor;\n &[disabled] {\n color: $newGreyColor;\n }\n }\n &[disabled] {\n cursor: not-allowed;\n background-color: currentColor;\n border-color: $newGreyColor1;\n color: rgba(250, 251, 253, 1);\n & + .bk-radio-text {\n color: $newGreyColor;\n cursor: not-allowed;\n }\n }\n }\n\n &:focus input[type=radio] {\n box-shadow: 0 0 2px 2px $formBorderFocusColor;\n border-color: $formBorderFocusColor;\n outline: none;\n }\n}\n"]}