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,iDACE,wBACF,CACA,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';\r\n\r\n:root {\r\n    --font-size: 12px;\r\n    --long-width: 342px;\r\n\r\n    .medium-font {\r\n        --font-size: 14px;\r\n    }\r\n\r\n    .medium-width {\r\n        --long-width: 362px;\r\n    }\r\n\r\n    .large-font {\r\n        --font-size: 16px;\r\n    }\r\n\r\n    .large-width {\r\n        --long-width: 402px;\r\n    }\r\n}\r\n\r\n.bk-date-picker {\r\n    display: inline-block;\r\n    line-height: normal;\r\n    width: 261px;\r\n    /* 写在样式里，方便 customCls 把它覆盖 */\r\n    &.long {\r\n        width: var(--long-width);\r\n    }\r\n}\r\n.bk-date-picker-rel {\r\n    position: relative;\r\n    .bk-date-picker-editor {\r\n        display: block;\r\n        width: 100%;\r\n        height: 32px;\r\n        line-height: 32px;\r\n        border: 1px solid $newGreyColor;\r\n        font-size: var(--font-size);\r\n        border-radius: 2px;\r\n        outline: none;\r\n        padding: 0 10px 0 30px;\r\n        color: $newBlackColor2;\r\n        cursor: pointer;\r\n        &:hover {\r\n          border: 1px solid $newBlackColor3;\r\n        }\r\n        &.only-bottom-border {\r\n            border-color: transparent transparent $newGreyColor transparent;\r\n            &:focus {\r\n                border-color: transparent transparent $newMainColor transparent;\r\n                box-shadow: none;\r\n            }\r\n            &[disabled],\r\n            &.readonly {\r\n                border-color: transparent transparent $newGreyColor1 transparent;\r\n            }\r\n        }\r\n        &:focus {\r\n            border: 1px solid $newMainColor;\r\n        }\r\n        &::placeholder {\r\n            color: $newGreyColor;\r\n        }\r\n        &[disabled] {\r\n            color: $newGreyColor;\r\n            background-color: $newGreyColor3;\r\n            cursor: not-allowed;\r\n            border-color: $newGreyColor;\r\n        }\r\n        &.readonly {\r\n            background-color: $newGreyColor3;\r\n            border-color: $newGreyColor;\r\n        }\r\n    }\r\n    .clear-action {\r\n        position: absolute;\r\n        right: 10px;\r\n        transform: translateY(-50%);\r\n        top: 50%;\r\n        color: $newGreyColor;\r\n        font-size: $iconSmallestSize;\r\n        cursor: pointer;\r\n        &:hover {\r\n            color: $newBlackColor3;\r\n        }\r\n    }\r\n    .icon-wrapper {\r\n        display: inline-block;\r\n        width: 32px;\r\n        height: 32px;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        color: $newGreyColor;\r\n        background-color: transparent;\r\n        cursor: pointer;\r\n        &.disabled {\r\n            cursor: not-allowed;\r\n        }\r\n        i.icon-clock {\r\n            transform: translate(-50%, -50%);\r\n            top: 50%;\r\n            left: 50%;\r\n            position: absolute;\r\n        }\r\n        .picker-icon {\r\n            width: 18px;\r\n            height: 18px;\r\n            position: absolute;\r\n            transform: translate(-50%, -50%);\r\n            top: 50%;\r\n            left: 50%;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-date-picker-dropdown {\r\n    /* width: inherit; */\r\n    /* max-height: 200px; */\r\n    overflow: auto;\r\n    margin: $dropdownMarginBottom 0 0 0;\r\n    padding: 5px 0 0 0;\r\n    background-color: $defaultColor;\r\n    box-sizing: border-box;\r\n    border-radius: 2px;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);\r\n    border: 1px solid $newGreyColor1;\r\n    position: absolute;\r\n    z-index: 900;\r\n}\r\n\r\n.bk-date-picker .bk-select-dropdown {\r\n    /* width: auto; */\r\n    padding: 0;\r\n    overflow: visible;\r\n    max-height: none;\r\n}\r\n\r\n.bk-date-picker-footer-wrapper {\r\n    border-top: 1px solid #dcdee5;\r\n    clear: both;\r\n    background-color: #fafbfd;\r\n    color: #979ba5;\r\n    font-size: 14px;\r\n}\r\n\r\n.bk-date-picker-top-wrapper {\r\n    margin-top: -5px;\r\n    clear: both;\r\n    color: #979ba5;\r\n    font-size: 14px;\r\n}\r\n"]}