@cw-devops/bk-magic-vue/lib/ui/date-picker.base.min.css.map

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

{"version":3,"sources":["date-picker.base.css"],"names":[],"mappings":"AAEA,MACI,gBAAiB,CACjB,kBAiBJ,CAfI,mBACI,gBACJ,CAEA,oBACI,kBACJ,CAEA,kBACI,gBACJ,CAEA,mBACI,kBACJ,CAGJ,gBACI,oBAAqB,CACrB,kBAAmB,CACnB,WAKJ,CAHI,qBACI,WAAwB,CAAxB,uBACJ,CAEJ,oBACI,iBAoFJ,CAnFI,2CACI,aAAc,CACd,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,wBAA+B,CAC/B,cAA2B,CAA3B,0BAA2B,CAC3B,iBAAkB,CAClB,YAAa,CACb,qBAAsB,CACtB,aAAsB,CACtB,cA+BJ,CA9BI,iDACI,wBACF,CACF,8DACI,4CASJ,CARI,oEACI,4CAA+D,CAC/D,uBAAgB,CAAhB,eACJ,CACA,+IAEI,4CACJ,CAEJ,iDACI,wBACJ,CACA,sEACI,aACJ,CAFA,6DACI,aACJ,CAFA,iEACI,aACJ,CAFA,kEACI,aACJ,CAFA,wDACI,aACJ,CACA,qDACI,aAAoB,CACpB,wBAAgC,CAChC,kBAAmB,CACnB,oBACJ,CACA,oDACI,wBAAgC,CAChC,oBACJ,CAEJ,kCACI,iBAAkB,CAClB,UAAW,CACX,kCAA2B,CAA3B,0BAA2B,CAC3B,OAAQ,CACR,aAAoB,CACpB,cAA4B,CAC5B,cAIJ,CAHI,wCACI,aACJ,CAEJ,kCACI,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,aAAoB,CACpB,4BAA6B,CAC7B,cAkBJ,CAjBI,2CACI,kBACJ,CAOA,8FALI,sCAAgC,CAAhC,8BAAgC,CAChC,OAAQ,CACR,QAAS,CACT,iBASJ,CAPA,+CACI,UAAW,CACX,WAKJ,CAIR,yBAGI,aAAc,CACd,cAAmC,CACnC,eAAkB,CAClB,qBAA+B,CAC/B,6BAAsB,CAAtB,qBAAsB,CACtB,iBAAkB,CAClB,4CAAyC,CAAzC,oCAAyC,CACzC,wBAAgC,CAChC,iBAAkB,CAClB,WACJ,CAEA,oCAEI,SAAU,CACV,gBAAiB,CACjB,eACJ,CAEA,+BACI,4BAA6B,CAC7B,UAAW,CACX,wBAAyB,CACzB,aAAc,CACd,cACJ,CAEA,4BACI,eAAgB,CAChB,UAAW,CACX,aAAc,CACd,cACJ","file":"date-picker.base.min.css","sourcesContent":["@import './variable.css';\n\n:root {\n    --font-size: 12px;\n    --long-width: 342px;\n\n    .medium-font {\n        --font-size: 12px;\n    }\n\n    .medium-width {\n        --long-width: 362px;\n    }\n\n    .large-font {\n        --font-size: 12px;\n    }\n\n    .large-width {\n        --long-width: 402px;\n    }\n}\n\n.bk-date-picker {\n    display: inline-block;\n    line-height: normal;\n    width: 261px;\n    /* 写在样式里，方便 customCls 把它覆盖 */\n    &.long {\n        width: var(--long-width);\n    }\n}\n.bk-date-picker-rel {\n    position: relative;\n    .bk-date-picker-editor {\n        display: block;\n        width: 100%;\n        height: 30px;\n        line-height: 30px;\n        border: 1px solid $newGreyColor;\n        font-size: var(--font-size);\n        border-radius: 2px;\n        outline: none;\n        padding: 0 10px 0 30px;\n        color: $newBlackColor2;\n        cursor: pointer;\n        &:hover {\n            border: 1px solid $newBlackColor3;\n          }\n        &.only-bottom-border {\n            border-color: transparent transparent $newGreyColor transparent;\n            &:focus {\n                border-color: transparent transparent $newMainColor transparent;\n                box-shadow: none;\n            }\n            &[disabled],\n            &.readonly {\n                border-color: transparent transparent $newGreyColor1 transparent;\n            }\n        }\n        &:focus {\n            border: 1px solid $newMainColor;\n        }\n        &::placeholder {\n            color: $newGreyColor;\n        }\n        &[disabled] {\n            color: $newGreyColor;\n            background-color: $newGreyColor3;\n            cursor: not-allowed;\n            border-color: $newGreyColor;\n        }\n        &.readonly {\n            background-color: $newGreyColor3;\n            border-color: $newGreyColor;\n        }\n    }\n    .clear-action {\n        position: absolute;\n        right: 10px;\n        transform: translateY(-50%);\n        top: 50%;\n        color: $newGreyColor;\n        font-size: $iconSmallestSize;\n        cursor: pointer;\n        &:hover {\n            color: $newBlackColor3;\n        }\n    }\n    .icon-wrapper {\n        display: inline-block;\n        width: 30px;\n        height: 30px;\n        position: absolute;\n        left: 0;\n        top: 0;\n        color: $newGreyColor;\n        background-color: transparent;\n        cursor: pointer;\n        &.disabled {\n            cursor: not-allowed;\n        }\n        i.icon-clock {\n            transform: translate(-50%, -50%);\n            top: 50%;\n            left: 50%;\n            position: absolute;\n        }\n        .picker-icon {\n            width: 18px;\n            height: 18px;\n            position: absolute;\n            transform: translate(-50%, -50%);\n            top: 50%;\n            left: 50%;\n        }\n    }\n}\n\n.bk-date-picker-dropdown {\n    /* width: inherit; */\n    /* max-height: 200px; */\n    overflow: auto;\n    margin: $dropdownMarginBottom 0 0 0;\n    padding: 5px 0 0 0;\n    background-color: $defaultColor;\n    box-sizing: border-box;\n    border-radius: 2px;\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\n    border: 1px solid $newGreyColor1;\n    position: absolute;\n    z-index: 900;\n}\n\n.bk-date-picker .bk-select-dropdown {\n    /* width: auto; */\n    padding: 0;\n    overflow: visible;\n    max-height: none;\n}\n\n.bk-date-picker-footer-wrapper {\n    border-top: 1px solid #dcdee5;\n    clear: both;\n    background-color: #fafbfd;\n    color: #979ba5;\n    font-size: 14px;\n}\n\n.bk-date-picker-top-wrapper {\n    margin-top: -5px;\n    clear: both;\n    color: #979ba5;\n    font-size: 14px;\n}\n"]}