bk-magic-vue/lib/ui/radio-button.min.css.map

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

{"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';\n\n.bk-form-control {\n    display: inline-block;\n    line-height: 1;\n    vertical-align: middle;\n    font-size: 0;\n\n}\n.bk-form-radio-button {\n    position: relative;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    &:first-child {\n        .bk-radio-button-text {\n            border-top-left-radius: 2px;\n            border-bottom-left-radius: 2px;\n        }\n    }\n    &:last-child {\n        .bk-radio-button-text {\n            border-top-right-radius: 2px;\n            border-bottom-right-radius: 2px;\n        }\n    }\n    &:nth-child(n+2) {\n        margin-left: -1px;\n    }\n    &.disabled {\n        cursor: not-allowed;\n        margin-left: 0;\n    }\n    .bk-radio-button-input {\n        position: absolute;\n        opacity: 0;\n        &:checked+.bk-radio-button-text {\n            position: relative;\n            z-index: 1;\n            background: #E1ECFF;\n            color: $newMainColor;\n            border-color: currentColor;\n        }\n        &:disabled+.bk-radio-button-text {\n            position: relative;\n            color: $newGreyColor1;\n            background: rgba(250, 251, 253, 1);\n            border-color: currentColor;\n            border-left: none;\n        }\n    }\n    .bk-radio-button-text {\n        height: 32px;\n        line-height: 30px;\n        display: inline-block;\n        outline: none;\n        white-space: nowrap;\n        -webkit-appearance: none;\n        padding: 0 18px;\n        text-align: center;\n        vertical-align: middle;\n        font-size: 14px;\n        background-color: #fff;\n        border: 1px solid $newGreyColor;\n        border-radius: 0;\n        box-sizing: border-box;\n        color: #63656e;\n        text-decoration: none;\n        transition: background-color .3s ease;\n        min-width: 68px;\n    }\n    &:focus {\n        box-shadow: 0 0 2px 2px $formBorderFocusColor;\n        outline: none;\n        position:relative;\n        z-index:2;\n    }\n}\n"]}