vue-mobcal3/dist/index.css

Vue3 Mobile Calendar

/*! base-class.css v1.0.8 | MIT License | https://github.com/doofox/base-class.css */.f{display:-webkit-box;display:-ms-flexbox;display:flex}.f1{-webkit-box-flex:1;-ms-flex:1;flex:1}.f2{-webkit-box-flex:2;-ms-flex:2;flex:2}.f3{-webkit-box-flex:3;-ms-flex:3;flex:3}.f4{-webkit-box-flex:4;-ms-flex:4;flex:4}.f5{-webkit-box-flex:5;-ms-flex:5;flex:5}.f6{-webkit-box-flex:6;-ms-flex:6;flex:6}.f7{-webkit-box-flex:7;-ms-flex:7;flex:7}.f8{-webkit-box-flex:8;-ms-flex:8;flex:8}.f9{-webkit-box-flex:9;-ms-flex:9;flex:9}.f10{-webkit-box-flex:10;-ms-flex:10;flex:10}.f11{-webkit-box-flex:11;-ms-flex:11;flex:11}.f12{-webkit-box-flex:12;-ms-flex:12;flex:12}.f13{-webkit-box-flex:13;-ms-flex:13;flex:13}.f14{-webkit-box-flex:14;-ms-flex:14;flex:14}.f15{-webkit-box-flex:15;-ms-flex:15;flex:15}.f16{-webkit-box-flex:16;-ms-flex:16;flex:16}.f17{-webkit-box-flex:17;-ms-flex:17;flex:17}.f18{-webkit-box-flex:18;-ms-flex:18;flex:18}.f19{-webkit-box-flex:19;-ms-flex:19;flex:19}.f20{-webkit-box-flex:20;-ms-flex:20;flex:20}.f21{-webkit-box-flex:21;-ms-flex:21;flex:21}.f22{-webkit-box-flex:22;-ms-flex:22;flex:22}.f23{-webkit-box-flex:23;-ms-flex:23;flex:23}.f24{-webkit-box-flex:24;-ms-flex:24;flex:24}.f-ac{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f-afs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.f-afe{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.f-jc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-js{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f-acjs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f-acjc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-afejc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f-w{-ms-flex-wrap:wrap;flex-wrap:wrap}.p-r{position:relative}.p-a{position:absolute}.p-f{position:fixed}.p-full{top:0;bottom:0;left:0;right:0;width:100%;height:100%}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray}.t-c{text-align:center}.t-l{text-align:left}.t-r{text-align:right}.t-b{font-weight:700}.t-b-100{font-weight:100}.t-b-200{font-weight:200}.t-b-300{font-weight:300}.t-b-400{font-weight:400}.t-b-500{font-weight:500}.t-b-600{font-weight:600}.t-b-700{font-weight:700}[hidden]{display:none}.hide{opacity:0;visibility:hidden}.show{opacity:1;visibility:visible}.f-l{float:left}.f-r{float:right}.clearfix:after{content:" ";display:table;clear:both}.bg-cover{height:100%;width:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.overflow{overflow:hidden}.overflow-y{overflow:hidden;overflow-y:auto}.overflow-x{overflow:hidden;overflow-x:auto}.block{display:block;width:100%}.iblock{display:inline-block}.untouch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.touch{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all}.cur-p{cursor:pointer}.cur-d{cursor:default}.w-0{width:0%}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}:root{--vue-mobcal-color-primary: #007ad3}.cal-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.cal-container .cal-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translateZ(0)}.cal-container .cal-wrapper .cal-slide{transform:translateZ(0);flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.cal-container.cal-container-autoheight,.cal-container.cal-container-autoheight .cal-slide{height:auto}.cal-container.cal-container-autoheight .cal-wrapper{align-items:flex-start;transition-property:transform,height}.vue-mobcal-wrapper{width:100%;background-color:#fff}.vue-mobcal-head{height:13.86667vw;padding:0 4vw;color:var(--vue-mobcal-color-primary);font-size:4vw;line-height:6.4vw;border-bottom:1px solid #f5f5f5;position:relative}.vue-mobcal-head .vue-mobcal-head-left{left:4vw}.vue-mobcal-head .vue-mobcal-head-right{right:4vw}.vue-mobcal-head .vue-mobcal-head-left,.vue-mobcal-head .vue-mobcal-head-right{position:absolute}.vue-mobcal-head .vue-mobcal-head-content span{height:6.4vw;padding:0 1.6vw;font-weight:600;vertical-align:middle}.vue-mobcal-head .vue-mobcal-head-content i{display:inline-block;vertical-align:middle}.vue-mobcal-head .vue-mobcal-head-content svg{width:4.26667vw;height:6.4vw;line-height:6.4vw;vertical-align:middle;fill:currentColor}.vue-mobcal-head .vue-mobcal-head-content .mobcal-font{padding:0 1.6vw}.vue-mobcal-page{padding:3.73333vw 6.4vw;position:relative}.vue-mobcal-page .vue-mobcal-table-head-fixed{position:relative;border-spacing:0;margin-top:0}.vue-mobcal-page .vue-mobcal-table-head-fixed thead{opacity:1}.vue-mobcal-page .vue-mobcal-table-head-fixed th{font-size:3.73333vw;line-height:5.33333vw;color:#2a2a2a;padding:0;width:14.285714286%;max-width:14.285714286%;min-width:14.285714286%}.vue-mobcal-page table{width:100%;border-spacing:0;margin-top:-.53333vw}.vue-mobcal-page thead{opacity:0}.vue-mobcal-page th{font-size:0;height:0}.vue-mobcal-page td{text-align:center;font-size:3.2vw;line-height:5.86667vw;color:#6d7278;padding:2.13333vw 0;width:14.285714286%;max-width:14.285714286%;min-width:14.285714286%}.vue-mobcal-page .detail{position:relative}.vue-mobcal-page .mindot{width:1.06667vw;height:1.06667vw;position:absolute;z-index:2;bottom:0;left:50%;margin-left:-.53333vw;background-color:var(--vue-mobcal-color-primary);border-radius:26.66667vw}.vue-mobcal-page .is-today span,.vue-mobcal-page .is-active-day span{position:relative;z-index:9}.vue-mobcal-page .is-today .mindot,.vue-mobcal-page .is-active-day .mindot{position:absolute;z-index:2}.vue-mobcal-page .is-today .dot,.vue-mobcal-page .is-active-day .dot{position:absolute;z-index:1;top:0;left:0;height:6.93333vw;width:6.93333vw;background-color:var(--vue-mobcal-color-primary);transform:translate(-50%) translateY(-.53333vw);margin-left:50%;opacity:.1;border-radius:26.66667vw}.vue-mobcal-page .is-today{color:var(--vue-mobcal-color-primary)}.vue-mobcal-page .is-today .dot{opacity:.1}.vue-mobcal-page .is-work-day{color:#000;font-weight:500}.vue-mobcal-page .is-other-month{color:#6d727880}.vue-mobcal-page .is-active-day{color:#fff}.vue-mobcal-page .is-active-day .dot{opacity:1}.vue-mobcal-mode-control{margin-top:-6.4vw;padding:3.73333vw 6.4vw;font-size:4.26667vw;line-height:4.26667vw;position:relative}.vue-mobcal-mode-control span{vertical-align:middle;display:inline-block;transform:rotate(180deg)}.vue-mobcal-mode-control span svg{width:4.26667vw;height:4.26667vw;line-height:4.26667vw;vertical-align:middle}.vue-mobcal-mode-control:before,.vue-mobcal-mode-control:after{position:absolute;top:6.4vw;content:"";display:block;height:1px;width:calc(50% - 8.53333vw);background-color:#0000001a}.vue-mobcal-mode-control.expand span{transform:rotate(0)}.vue-mobcal-mode-control:before{left:3.73333vw}.vue-mobcal-mode-control:after{right:3.73333vw}