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

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

{"version":3,"sources":["date-picker.css"],"names":[],"mappings":"AAEA,8BACI,2CACJ,CACA,sBACI,sBAAuB,CACvB,kBAAmB,CACnB,aAAsB,CACtB,cAiCJ,CAhCI,2BACI,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,YAcJ,CAbI,kCACI,KAAM,CACN,QACJ,CACA,8BACI,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAElB,cACJ,CAIA,wDACI,cAAe,CACf,UAAW,CACX,WAAY,CACZ,gBAAiB,CAEjB,aACJ,CAIR,oCAEI,oCACJ,CACA,iCACI,0CAA0C,CAA1C,kCAA0C,CAC1C,aACJ,CACA,kFAEI,aACJ,CAEA,8FAEI,sBACJ,CAEA,gLAII,kBAAmB,CACnB,aACJ,CAEA,4LAII,aAAc,CACd,kBAAmB,CACnB,kBACJ,CAEA,sFAEI,wBACJ,CAEA,oCACI,iBAAkB,CAClB,0CAA0C,CAA1C,kCAA0C,CAC1C,aACJ,CAEA,iCACI,iBAiBJ,CAhBI,wCACI,UAAW,CACX,aAAc,CACd,kBAA0B,CAC1B,eAAgB,CAChB,QAAS,CACT,iBAAkB,CAClB,OAAQ,CACR,WAAY,CACZ,MAAO,CACP,OACJ,CACA,oCACI,iBAAkB,CAClB,SACJ,CAGJ,oFAEI,wBAA+B,CAC/B,UAAoB,CACpB,0CAAyC,CAAzC,kCACJ,CACA,8EACI,kBAAyB,CACzB,aACJ,CACA,6EACI,eACJ,CAEA,oJAEI,0CAAyC,CAAzC,kCACJ,CAEA,uDAEI,cAeJ,CAdI,iEACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,gBAAiB,CACjB,iBAAkB,CAClB,iBAOJ,CANI,uEACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBACJ,CAIR,uBAKI,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,+BAAuC,CACvC,cAAe,CACf,eAAgB,CAChB,aAgBJ,CAfI,oDACI,cAIJ,CAHI,0DACI,aACJ,CAEJ,kCACI,eAAgB,CAChB,cAAe,CACf,eAKJ,CAJI,2CACI,kBAAmB,CACnB,aACJ,CAGR,yBACI,UACJ,CACA,sCACI,gBACJ,CACA,8CACI,gBACJ,CACA,yBACI,WACJ,CACA,sCACI,iBACJ,CACA,8CACI,gBACJ,CACA,iDACI,eACJ,CACA,oDACI,UACJ,CACA,8DACI,eACJ,CACA,yBACI,YAAa,CACb,eAEJ,CAMA,0BACI,oBAAqB,CACrB,UAAW,CAIX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,cAAe,CACf,aAAsB,CACtB,wCAAkC,CAAlC,gCACJ,CACA,gCACI,aACJ,CACA,4BACI,cACJ,CAEI,2DACI,mBACJ,CAEJ,yBAWI,WAAY,CACZ,iBAAkB,CAClB,KAAM,CACN,QAAS,CACT,wBAAgC,CAChC,6BAAqC,CACrC,aAAc,CACd,OAAQ,CACR,aAAoB,CACpB,cAAe,CACf,cAiBJ,CAhBI,mDAOI,gBAAiB,CACjB,cAAe,CACf,eAAgB,CAChB,sBAAuB,CACvB,kBAIJ,CAHI,yDACI,wBACJ,CAGR,sBACI,UAGJ,CACA,mBAKI,4BAAoC,CACpC,gBAAiB,CACjB,UAAW,CACX,wBAAgC,CAChC,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,cAeJ,CAdI,qBACI,aASJ,CARI,6BACI,gBAAiB,CACjB,aACJ,CACA,+BACI,kBAAmB,CACnB,aACJ,CAEJ,2CACI,UACJ","file":"date-picker.min.css","sourcesContent":["@import './variable.css';\n\n.bk-picker-panel-content-left {\n    border-right: 1px solid rgba(203, 213, 224, 0.5);\n}\n.bk-date-picker-cells {\n    margin: 9px 18px 0 20px;\n    white-space: normal;\n    color: $newBlackColor2;\n    font-size: 12px;\n    span {\n        display: inline-block;\n        width: 35px;\n        height: 35px;\n        line-height: 35px;\n        text-align: center;\n        margin:5px 0;\n        &::before {\n            top: 0;\n            bottom: 0;\n        }\n        em {\n            display: inline-block;\n            width: 35px;\n            height: 35px;\n            line-height: 35px;\n            font-style: normal;\n            /* border-radius: 2px; */\n            cursor: pointer;\n        }\n    }\n    .bk-date-picker-cells-header {\n        /* text-align: center; */\n        span {\n            cursor: default;\n            width: 35px;\n            height: 30px;\n            line-height: 30px;\n            /* margin: 3px; */\n            color: $newBlackColor2;\n        }\n    }\n}\n\n.bk-date-picker-cells-cell:hover em {\n    /* background-color: $newMainColor3; */\n    background-color: rgba(58, 132, 255, 0.1);;\n}\n.bk-date-picker-cells-focused em {\n    box-shadow: 0 0 0 1px $newMainColor2 inset;\n    color: $newMainColor;\n}\n.bk-date-picker-cells-cell-prev-month em,\n.bk-date-picker-cells-cell-next-month em {\n    color: $newGreyColor;\n}\n\n.bk-date-picker-cells-cell-prev-month:hover em,\n.bk-date-picker-cells-cell-next-month:hover em {\n    background: transparent;\n}\n\nspan.bk-date-picker-cells-cell-week-label,\nspan.bk-date-picker-cells-cell-week-label:hover,\nspan.bk-date-picker-cells-cell-disabled,\nspan.bk-date-picker-cells-cell-disabled:hover {\n    cursor: not-allowed;\n    color: $newGreyColor;\n}\n\nspan.bk-date-picker-cells-cell-week-label em,\nspan.bk-date-picker-cells-cell-week-label:hover em,\nspan.bk-date-picker-cells-cell-disabled em,\nspan.bk-date-picker-cells-cell-disabled:hover em {\n    color: inherit;\n    background: inherit;\n    cursor: not-allowed;\n}\n\nspan.bk-date-picker-cells-cell-disabled,\nspan.bk-date-picker-cells-cell-disabled:hover {\n    background-color: $newGreyColor2;\n}\n\n.bk-date-picker-cells-cell-today em {\n    position: relative;\n    box-shadow: 0 0 0 1px $newMainColor2 inset;\n    color: $newMainColor;\n}\n\n.bk-date-picker-cells-cell-range {\n    position: relative;\n    &:before {\n        content: '';\n        display: block;\n        background: $newMainColor3;\n        border-radius: 0;\n        border: 0;\n        position: absolute;\n        top: 5px;\n        bottom: -5px;\n        left: 0;\n        right: 0;\n    }\n    em {\n        position: relative;\n        z-index: 1;\n    }\n}\n\n.bk-date-picker-cells-cell-selected em,\n.bk-date-picker-cells-cell-selected:hover em {\n    background-color: $newMainColor;\n    color: $defaultColor;\n    box-shadow: 0 0 0 1px $newMainColor inset;\n}\nspan.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {\n    background: $newGreyColor;\n    color: #f7f7f7;\n}\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {\n    background: #fff;\n}\n\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {\n    box-shadow: 0 0 0 1px $newMainColor inset;\n}\n\n.bk-date-picker-cells-year,\n.bk-date-picker-cells-month {\n    margin-top: 7px;\n    span {\n        width: 36px;\n        height: 32px;\n        line-height: 32px;\n        margin: 10px 12px;\n        border-radius: 3px;\n        text-align: center;\n        em {\n            width: 36px;\n            height: 32px;\n            line-height: 32px;\n            text-align: center;\n        }\n    }\n}\n\n.bk-date-picker-header {\n    /* height: 32px;\n    line-height: 32px;\n    text-align: center;\n    border-bottom: 1px solid #e8eaec; */\n    padding: 0 20px;\n    height: 46px;\n    line-height: 46px;\n    text-align: center;\n    border-bottom: 1px solid $newGreyColor1;\n    font-size: 14px;\n    font-weight: 700;\n    color: $newBlackColor2;\n    .bk-date-picker-header-label {\n        cursor: pointer;\n        &:hover {\n            color: $newMainColor;\n        }\n    }\n    .up-to-now {\n        font-weight: 400;\n        cursor: pointer;\n        margin-left: 3px;\n        &.disabled {\n            cursor: not-allowed;\n            color: #c4c6cc;\n        }\n    }\n}\n.bk-date-picker-prev-btn {\n    float: left;\n}\n.bk-date-picker-prev-btn-arrow-double {\n    margin-left: 10px;\n}\n.bk-date-picker-prev-btn-arrow-double i:after {\n    margin-left: -8px;\n}\n.bk-date-picker-next-btn {\n    float: right;\n}\n.bk-date-picker-next-btn-arrow-double {\n    margin-right: 10px;\n}\n.bk-date-picker-next-btn-arrow-double i:after {\n    margin-left: -8px;\n}\n.bk-date-picker-with-range .bk-picker-panel-body {\n    min-width: 572px;\n}\n.bk-date-picker-with-range .bk-picker-panel-content {\n    float: left;\n}\n.bk-date-picker-with-range .bk-picker-cells-show-week-numbers {\n    min-width: 492px;\n}\n.bk-date-picker-transfer {\n    z-index: 1060;\n    max-height: none;\n    /* width: auto; */\n}\n/* .bk-date-picker-focused input {\n    border-color: #57a3f3;\n    outline: 0;\n    box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);\n} */\n.bk-picker-panel-icon-btn {\n    display: inline-block;\n    width: 20px;\n    /* height: 24px;\n    line-height: 26px;\n    margin-top: 4px; */\n    height: 46px;\n    line-height: 46px;\n    text-align: center;\n    cursor: pointer;\n    color: $newBlackColor3;\n    transition: color 0.2s ease-in-out;\n}\n.bk-picker-panel-icon-btn:hover {\n    color: #2d8cf0;\n}\n.bk-picker-panel-icon-btn i {\n    font-size: $iconSmallSize;\n}\n.bk-picker-panel-body-wrapper {\n    &.bk-picker-panel-with-sidebar {\n        padding-right: 140px;\n    }\n}\n.bk-picker-panel-sidebar {\n    /* width: 92px;\n    float: left;\n    margin-left: -92px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background: #f8f8f9;\n    border-right: 1px solid #e8eaec;\n    border-radius: border-radius-small 0 0 border-radius-small;\n    overflow: auto; */\n    width: 140px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    background-color: $newGreyColor3;\n    border-left: 1px solid $newGreyColor1;\n    overflow: auto;\n    right: 0;\n    color: $newMainColor;\n    font-size: 14px;\n    padding: 12px 0;\n    .bk-picker-panel-shortcut {\n        /* &:nth-of-type(1) {\n            padding-top: 18px;\n        }\n        &:last-child {\n            padding-bottom: 18px;\n        } */\n        padding: 6px 21px;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        &:hover {\n            background-color: $newMainColor3;\n        }\n    }\n}\n.bk-picker-panel-body {\n    float: left;\n\n    /* width: 100%; */\n}\n.bk-picker-confirm {\n    /* border-top: 1px solid #e8eaec;\n    text-align: right;\n    padding: 8px;\n    clear: both; */\n    border-top: 1px solid $newGreyColor1;\n    text-align: right;\n    clear: both;\n    background-color: $newGreyColor3;\n    height: 42px;\n    line-height: 41px;\n    font-size: 14px;\n    padding: 0 20px;\n    a {\n        color: $newBlackColor3;\n        &.confirm {\n            margin-left: 10px;\n            color: $newMainColor;\n        }\n        &[disabled] {\n            cursor: not-allowed;\n            color: $newGreyColor;\n        }\n    }\n    .bk-picker-confirm-time {\n        float: left;\n    }\n}\n\n/* .bk-picker-confirm > span {\n    color: #2D8cF0;\n    cursor: pointer;\n    user-select: none;\n    float: left;\n    padding: 2px 0;\n    transition: all 0.2s ease-in-out;\n}\n.bk-picker-confirm > span:hover {\n    color: #57a3f3;\n}\n.bk-picker-confirm > span:active {\n    color: #2b85e4;\n}\n */\n"]}