UNPKG

bk-vue-cec

Version:

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

1 lines 2.78 kB
{"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';\r\n\r\n.bk-form-radio {\r\n font-size: 14px;\r\n color: $newBlackColor2;\r\n line-height: 18px;\r\n min-height: 20px;\r\n display: inline-block;\r\n position: relative;\r\n\r\n .bk-radio-text {\r\n font-style: normal;\r\n font-weight: normal;\r\n cursor: pointer;\r\n vertical-align: middle;\r\n display: inline-block;\r\n }\r\n\r\n .icon-check {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n position: absolute;\r\n left: 4px;\r\n top: 50%;\r\n margin-top: -4px;\r\n display: block;\r\n background: $newMainColor;\r\n }\r\n\r\n input[type=radio] {\r\n position: relative;\r\n display: inline-block;\r\n vertical-align: middle;\r\n width: 16px;\r\n height: 16px;\r\n margin: 0 5px 0 0;\r\n border: 1px solid $newBlackColor3;\r\n border-radius: 50%;\r\n background-color: #fff;\r\n background-clip: content-box;\r\n outline: none;\r\n color: #fff;\r\n visibility: visible;\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n\r\n &.is-checked {\r\n padding: 3px;\r\n color: $newMainColor;\r\n border-color: currentColor;\r\n background-color: currentColor;\r\n &[disabled] {\r\n color: $newGreyColor;\r\n }\r\n }\r\n &[disabled] {\r\n cursor: not-allowed;\r\n background-color: currentColor;\r\n border-color: $newGreyColor1;\r\n color: rgba(250, 251, 253, 1);\r\n & + .bk-radio-text {\r\n color: $newGreyColor;\r\n cursor: not-allowed;\r\n }\r\n }\r\n }\r\n\r\n &:focus input[type=radio] {\r\n box-shadow: 0 0 2px 2px $formBorderFocusColor;\r\n border-color: $formBorderFocusColor;\r\n outline: none;\r\n }\r\n}\r\n"]}