UNPKG

bk-vue-cec

Version:

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

1 lines 2.99 kB
{"version":3,"sources":["radio-button.css"],"names":[],"mappings":"AAEA,iBACI,oBAAqB,CACrB,aAAc,CACd,qBAAsB,CACtB,WAEJ,CACA,sBACI,iBAAkB,CAClB,oBAAqB,CACrB,YAAa,CACb,cAgEJ,CA9DQ,wDACI,0BAA2B,CAC3B,6BACJ,CAGA,uDACI,2BAA4B,CAC5B,8BACJ,CAEJ,qCACI,gBACJ,CACA,+BACI,kBAAmB,CACnB,aACJ,CACA,6CACI,iBAAkB,CAClB,SAeJ,CAdI,2EACI,iBAAkB,CAClB,SAAU,CACV,kBAAmB,CACnB,aAAoB,CACpB,yBACJ,CACA,4EACI,iBAAkB,CAClB,aAAqB,CACrB,kBAAkC,CAClC,yBAA0B,CAC1B,gBACJ,CAEJ,4CACI,WAAY,CACZ,gBAAiB,CACjB,oBAAqB,CACrB,YAAa,CACb,kBAAmB,CACnB,uBAAwB,CACxB,cAAe,CACf,iBAAkB,CAClB,qBAAsB,CACtB,cAAe,CACf,qBAAsB,CACtB,wBAA+B,CAC/B,eAAgB,CAChB,6BAAsB,CAAtB,qBAAsB,CACtB,aAAc,CACd,oBAAqB,CACrB,4CAAqC,CAArC,oCAAqC,CACrC,cACJ,CACA,4BACI,sCAA6C,CAA7C,8BAA6C,CAC7C,YAAa,CACb,iBAAiB,CACjB,SACJ","file":"radio-button.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-form-control {\r\n display: inline-block;\r\n line-height: 1;\r\n vertical-align: middle;\r\n font-size: 0;\r\n\r\n}\r\n.bk-form-radio-button {\r\n position: relative;\r\n display: inline-block;\r\n outline: none;\r\n cursor: pointer;\r\n &:first-child {\r\n .bk-radio-button-text {\r\n border-top-left-radius: 2px;\r\n border-bottom-left-radius: 2px;\r\n }\r\n }\r\n &:last-child {\r\n .bk-radio-button-text {\r\n border-top-right-radius: 2px;\r\n border-bottom-right-radius: 2px;\r\n }\r\n }\r\n &:nth-child(n+2) {\r\n margin-left: -1px;\r\n }\r\n &.disabled {\r\n cursor: not-allowed;\r\n margin-left: 0;\r\n }\r\n .bk-radio-button-input {\r\n position: absolute;\r\n opacity: 0;\r\n &:checked+.bk-radio-button-text {\r\n position: relative;\r\n z-index: 1;\r\n background: #E1ECFF;\r\n color: $newMainColor;\r\n border-color: currentColor;\r\n }\r\n &:disabled+.bk-radio-button-text {\r\n position: relative;\r\n color: $newGreyColor1;\r\n background: rgba(250, 251, 253, 1);\r\n border-color: currentColor;\r\n border-left: none;\r\n }\r\n }\r\n .bk-radio-button-text {\r\n height: 32px;\r\n line-height: 30px;\r\n display: inline-block;\r\n outline: none;\r\n white-space: nowrap;\r\n -webkit-appearance: none;\r\n padding: 0 18px;\r\n text-align: center;\r\n vertical-align: middle;\r\n font-size: 14px;\r\n background-color: #fff;\r\n border: 1px solid $newGreyColor;\r\n border-radius: 0;\r\n box-sizing: border-box;\r\n color: #63656e;\r\n text-decoration: none;\r\n transition: background-color .3s ease;\r\n min-width: 68px;\r\n }\r\n &:focus {\r\n box-shadow: 0 0 2px 2px $formBorderFocusColor;\r\n outline: none;\r\n position:relative;\r\n z-index:2;\r\n }\r\n}\r\n"]}