jiku-ui/lib/theme-chalk/schedule-selector.css

A Component Library for Vue.js.

.hn-schedule-selector{display:inline-block;padding:20px 5px 20px 10px;text-align:center;font-size:14px;color:#303133}.hn-schedule-selector--border{border:1px solid #DCDFE6}.hn-schedule-selector__title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:56px;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hn-schedule-selector__date-day{width:80px;margin-right:10px}.hn-schedule-selector__content{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:5px;overflow:auto}.hn-schedule-selector__time-wrap{width:56px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hn-schedule-selector__time-label{height:28px;line-height:28px;margin-bottom:10px;background:#fff}.hn-schedule-selector__time-label:last-child{margin-bottom:0}@media (max-width:699px){.hn-schedule-selector__time-label{font-size:10px}}.hn-schedule-selector__time-label--halfHour{height:60px;line-height:60px}.hn-schedule-selector__date-cell{width:80px;height:28px;margin:0 10px 10px 0;border-radius:2px;-ms-touch-action:none;touch-action:none}.hn-schedule-selector__date-cell:hover{background:#d9ecff}.hn-schedule-selector__date-cell:last-child{margin-bottom:0}.hn-schedule-selector__date-cell--selected{background:#409EFF}.hn-schedule-selector__date-cell--unselected{background:#f4f9ff}.hn-schedule-selector__date-cell--halfHour:nth-child(odd){margin-bottom:4px}