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

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

{"version":3,"sources":["date-picker.css"],"names":[],"mappings":"AAEA,sBAEI,UAAW,CACX,kBAAmB,CACnB,aAAsB,CACtB,cA+BJ,CA7BI,2BAKI,iBAWJ,CAVI,yDALA,oBAAqB,CACrB,UAAW,CACX,WAAY,CACZ,gBAWA,CATA,8BAMI,iBAAkB,CAElB,cACJ,CAEJ,mDACI,iBAUJ,CATI,wDACI,cAAe,CACf,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,UAAW,CACX,aACJ,CAIR,oCAEI,wBACJ,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,KAAM,CACN,QAAS,CACT,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,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';\r\n\r\n.bk-date-picker-cells {\r\n    /* width: 196px; */\r\n    margin: 9px;\r\n    white-space: normal;\r\n    color: $newBlackColor2;\r\n    font-size: 12px;\r\n    /* text-align: center; */\r\n    span {\r\n        display: inline-block;\r\n        width: 34px;\r\n        height: 32px;\r\n        line-height: 32px;\r\n        text-align: center;\r\n        em {\r\n            display: inline-block;\r\n            width: 34px;\r\n            height: 32px;\r\n            line-height: 32px;\r\n            /* margin: 3px; */\r\n            font-style: normal;\r\n            /* border-radius: 2px; */\r\n            cursor: pointer;\r\n        }\r\n    }\r\n    .bk-date-picker-cells-header {\r\n        text-align: center;\r\n        span {\r\n            cursor: default;\r\n            width: 28px;\r\n            height: 26px;\r\n            line-height: 26px;\r\n            text-align: center;\r\n            margin: 3px;\r\n            color: $newBlackColor2;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-date-picker-cells-cell:hover em {\r\n    /* background-color: $newMainColor3; */\r\n    background-color: $newGreyColor2;\r\n}\r\n.bk-date-picker-cells-focused em {\r\n    box-shadow: 0 0 0 1px $newMainColor2 inset;\r\n    color: $newMainColor;\r\n}\r\n.bk-date-picker-cells-cell-prev-month em,\r\n.bk-date-picker-cells-cell-next-month em {\r\n    color: $newGreyColor;\r\n}\r\n\r\n.bk-date-picker-cells-cell-prev-month:hover em,\r\n.bk-date-picker-cells-cell-next-month:hover em {\r\n    background: transparent;\r\n}\r\n\r\nspan.bk-date-picker-cells-cell-week-label,\r\nspan.bk-date-picker-cells-cell-week-label:hover,\r\nspan.bk-date-picker-cells-cell-disabled,\r\nspan.bk-date-picker-cells-cell-disabled:hover {\r\n    cursor: not-allowed;\r\n    color: $newGreyColor;\r\n}\r\n\r\nspan.bk-date-picker-cells-cell-week-label em,\r\nspan.bk-date-picker-cells-cell-week-label:hover em,\r\nspan.bk-date-picker-cells-cell-disabled em,\r\nspan.bk-date-picker-cells-cell-disabled:hover em {\r\n    color: inherit;\r\n    background: inherit;\r\n    cursor: not-allowed;\r\n}\r\n\r\nspan.bk-date-picker-cells-cell-disabled,\r\nspan.bk-date-picker-cells-cell-disabled:hover {\r\n    background-color: $newGreyColor2;\r\n}\r\n\r\n.bk-date-picker-cells-cell-today em {\r\n    position: relative;\r\n    box-shadow: 0 0 0 1px $newMainColor2 inset;\r\n    color: $newMainColor;\r\n}\r\n\r\n.bk-date-picker-cells-cell-range {\r\n    position: relative;\r\n    &:before {\r\n        content: '';\r\n        display: block;\r\n        background: $newMainColor3;\r\n        border-radius: 0;\r\n        border: 0;\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n    }\r\n    em {\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n}\r\n\r\n.bk-date-picker-cells-cell-selected em,\r\n.bk-date-picker-cells-cell-selected:hover em {\r\n    background-color: $newMainColor;\r\n    color: $defaultColor;\r\n    box-shadow: 0 0 0 1px $newMainColor inset;\r\n}\r\nspan.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {\r\n    background: $newGreyColor;\r\n    color: #f7f7f7;\r\n}\r\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {\r\n    background: #fff;\r\n}\r\n\r\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,\r\n.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {\r\n    box-shadow: 0 0 0 1px $newMainColor inset;\r\n}\r\n\r\n.bk-date-picker-cells-year,\r\n.bk-date-picker-cells-month {\r\n    margin-top: 7px;\r\n    span {\r\n        width: 36px;\r\n        height: 32px;\r\n        line-height: 32px;\r\n        margin: 10px 12px;\r\n        border-radius: 3px;\r\n        text-align: center;\r\n        em {\r\n            width: 36px;\r\n            height: 32px;\r\n            line-height: 32px;\r\n            text-align: center;\r\n        }\r\n    }\r\n}\r\n\r\n.bk-date-picker-header {\r\n    /* height: 32px;\r\n    line-height: 32px;\r\n    text-align: center;\r\n    border-bottom: 1px solid #e8eaec; */\r\n    height: 46px;\r\n    line-height: 46px;\r\n    text-align: center;\r\n    border-bottom: 1px solid $newGreyColor1;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: $newBlackColor2;\r\n    .bk-date-picker-header-label {\r\n        cursor: pointer;\r\n        &:hover {\r\n            color: $newMainColor;\r\n        }\r\n    }\r\n    .up-to-now {\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n        margin-left: 3px;\r\n        &.disabled {\r\n            cursor: not-allowed;\r\n            color: #c4c6cc;\r\n        }\r\n    }\r\n}\r\n.bk-date-picker-prev-btn {\r\n    float: left;\r\n}\r\n.bk-date-picker-prev-btn-arrow-double {\r\n    margin-left: 10px;\r\n}\r\n.bk-date-picker-prev-btn-arrow-double i:after {\r\n    margin-left: -8px;\r\n}\r\n.bk-date-picker-next-btn {\r\n    float: right;\r\n}\r\n.bk-date-picker-next-btn-arrow-double {\r\n    margin-right: 10px;\r\n}\r\n.bk-date-picker-next-btn-arrow-double i:after {\r\n    margin-left: -8px;\r\n}\r\n.bk-date-picker-with-range .bk-picker-panel-body {\r\n    min-width: 532px;\r\n}\r\n.bk-date-picker-with-range .bk-picker-panel-content {\r\n    float: left;\r\n}\r\n.bk-date-picker-with-range .bk-picker-cells-show-week-numbers {\r\n    min-width: 492px;\r\n}\r\n.bk-date-picker-transfer {\r\n    z-index: 1060;\r\n    max-height: none;\r\n    /* width: auto; */\r\n}\r\n/* .bk-date-picker-focused input {\r\n    border-color: #57a3f3;\r\n    outline: 0;\r\n    box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);\r\n} */\r\n.bk-picker-panel-icon-btn {\r\n    display: inline-block;\r\n    width: 20px;\r\n    /* height: 24px;\r\n    line-height: 26px;\r\n    margin-top: 4px; */\r\n    height: 46px;\r\n    line-height: 46px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    color: $newBlackColor3;\r\n    transition: color 0.2s ease-in-out;\r\n}\r\n.bk-picker-panel-icon-btn:hover {\r\n    color: #2d8cf0;\r\n}\r\n.bk-picker-panel-icon-btn i {\r\n    font-size: $iconSmallSize;\r\n}\r\n.bk-picker-panel-body-wrapper {\r\n    &.bk-picker-panel-with-sidebar {\r\n        padding-right: 140px;\r\n    }\r\n}\r\n.bk-picker-panel-sidebar {\r\n    /* width: 92px;\r\n    float: left;\r\n    margin-left: -92px;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    background: #f8f8f9;\r\n    border-right: 1px solid #e8eaec;\r\n    border-radius: border-radius-small 0 0 border-radius-small;\r\n    overflow: auto; */\r\n    width: 140px;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    background-color: $newGreyColor3;\r\n    border-left: 1px solid $newGreyColor1;\r\n    overflow: auto;\r\n    right: 0;\r\n    color: $newMainColor;\r\n    font-size: 14px;\r\n    padding: 12px 0;\r\n    .bk-picker-panel-shortcut {\r\n        /* &:nth-of-type(1) {\r\n            padding-top: 18px;\r\n        }\r\n        &:last-child {\r\n            padding-bottom: 18px;\r\n        } */\r\n        padding: 6px 21px;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        &:hover {\r\n            background-color: $newMainColor3;\r\n        }\r\n    }\r\n}\r\n.bk-picker-panel-body {\r\n    float: left;\r\n\r\n    /* width: 100%; */\r\n}\r\n.bk-picker-confirm {\r\n    /* border-top: 1px solid #e8eaec;\r\n    text-align: right;\r\n    padding: 8px;\r\n    clear: both; */\r\n    border-top: 1px solid $newGreyColor1;\r\n    text-align: right;\r\n    clear: both;\r\n    background-color: $newGreyColor3;\r\n    height: 42px;\r\n    line-height: 41px;\r\n    font-size: 14px;\r\n    padding: 0 20px;\r\n    a {\r\n        color: $newBlackColor3;\r\n        &.confirm {\r\n            margin-left: 10px;\r\n            color: $newMainColor;\r\n        }\r\n        &[disabled] {\r\n            cursor: not-allowed;\r\n            color: $newGreyColor;\r\n        }\r\n    }\r\n    .bk-picker-confirm-time {\r\n        float: left;\r\n    }\r\n}\r\n\r\n/* .bk-picker-confirm > span {\r\n    color: #2D8cF0;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    float: left;\r\n    padding: 2px 0;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n.bk-picker-confirm > span:hover {\r\n    color: #57a3f3;\r\n}\r\n.bk-picker-confirm > span:active {\r\n    color: #2b85e4;\r\n}\r\n */\r\n"]}