wot-design
Version:
Mobile UI components built on vue.js
1 lines • 4.59 kB
CSS
@charset "UTF-8";.wd-month-panel__weeks,.wd-year-panel__title{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.02)}.wd-month-panel__time-label::after,.wd-month__day.is-end::after,.wd-month__day.is-start::after,.wd-year__month.is-end::after,.wd-year__month.is-start::after{content:''}.wd-month-panel{font-size:16px}.wd-month-panel__title{text-align:center;font-size:14px;color:rgba(0,0,0,.85);padding:0 12px}.wd-month-panel__weeks{display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;line-height:36px;box-shadow:0 4px 8px 0 rgba(0,0,0,.02);color:rgba(0,0,0,.85);font-size:12px;padding:0 12px}.wd-month-panel__week{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.wd-month-panel__container{padding:0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch}.wd-month-panel__time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 -4px 8px 0 rgba(0,0,0,.02);box-shadow:0 -4px 8px 0 rgba(0,0,0,.02)}.wd-month-panel__time-label{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;text-align:center;line-height:125px;color:rgba(0,0,0,.85)}.wd-month-panel__time-label::after{position:absolute;height:35px;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#f5f5f5;z-index:0}.wd-month-panel__time-text{position:relative;z-index:1}.wd-month-panel__time-picker{padding:10px 0;-webkit-box-flex:3;-ms-flex:3;flex:3}.wd-month__title{padding:13px 0;text-align:center;font-size:14px;color:rgba(0,0,0,.85)}.wd-month__days{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px;color:rgba(0,0,0,.85)}.wd-month__day{position:relative;width:14.285%;height:64px;line-height:64px;text-align:center}.wd-month__day.is-disabled .wd-month__day-text{color:rgba(0,0,0,.25)}.wd-month__day.is-current{color:#4d80f0}.wd-month__day.is-selected .wd-month__day-container{border-radius:8px;background:#4d80f0;color:#fff}.wd-month__day.is-middle .wd-month__day-container,.wd-month__day.is-start::after{background:rgba(77,128,240,.09)}.wd-month__day.is-start::after{position:absolute;height:64px;top:0;right:0;left:50%;z-index:1}.wd-month__day.is-start.is-without-end::after{display:none}.wd-month__day.is-start .wd-month__day-container{background:#4d80f0;color:#fff;border-radius:8px}.wd-month__day.is-end::after{position:absolute;height:64px;top:0;left:0;right:50%;background:rgba(77,128,240,.09);z-index:1}.wd-month__day.is-end .wd-month__day-container,.wd-month__day.is-same .wd-month__day-container{background:#4d80f0;color:#fff;border-radius:8px}.wd-month__day-container{position:relative;z-index:2}.wd-month__day-text{font-weight:500}.wd-month__day-top{position:absolute;top:10px;left:0;right:0;line-height:1.1;font-size:10px;text-align:center}.wd-month__day-bottom{position:absolute;bottom:10px;left:0;right:0;line-height:1.1;font-size:10px;text-align:center}.wd-year-panel{font-size:16px;padding:0 12px}.wd-year-panel__title,.wd-year__title{font-size:14px;color:rgba(0,0,0,.85);text-align:center}.wd-year-panel__title{padding:5px 0;box-shadow:0 4px 8px 0 rgba(0,0,0,.02)}.wd-year-panel__container{overflow:auto;-webkit-overflow-scrolling:touch}.wd-year__title{padding:13px 0}.wd-year__months{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px;color:rgba(0,0,0,.85)}.wd-year__month{position:relative;width:25%;height:64px;line-height:64px;text-align:center}.wd-year__month.is-disabled .wd-year__month-text{color:rgba(0,0,0,.25)}.wd-year__month.is-current{color:#4d80f0}.wd-year__month.is-end,.wd-year__month.is-same,.wd-year__month.is-selected,.wd-year__month.is-start{color:#fff}.wd-year__month.is-selected .wd-year__month-text{border-radius:8px;background:#4d80f0}.wd-year__month.is-end::after,.wd-year__month.is-middle,.wd-year__month.is-start::after{background:rgba(77,128,240,.09)}.wd-year__month.is-start::after{position:absolute;top:0;right:0;left:50%;bottom:0}.wd-year__month.is-start .wd-year__month-text{background:#4d80f0;border-radius:8px}.wd-year__month.is-start.is-without-end::after{display:none}.wd-year__month.is-end::after{position:absolute;top:0;left:0;right:50%;bottom:0}.wd-year__month-bottom,.wd-year__month-top{position:absolute;left:0;right:0;line-height:1.1;font-size:10px;text-align:center}.wd-year__month.is-end .wd-year__month-text,.wd-year__month.is-same .wd-year__month-text{background:#4d80f0;border-radius:8px}.wd-year__month-text{width:50px;margin:0 auto;text-align:center}.wd-year__month-top{top:10px}.wd-year__month-bottom{bottom:10px}