nutui-taro-upgrade/dist/packages/calendar/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-calendar{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-calendar .nut-calendar__header{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .calendar-month-day-choose{background-color:var(--nut-dark-calendar-choose-color, rgba(227, 227, 227, 0.2));color:var(--nut-calendar-choose-font-color, var(--nut-primary-color, #fa2c19))}.nut-theme-dark .nut-calendar .nut-calendar__footer{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-calendar{position:relative;display:flex;flex:1;color:#333;font-size:16px;background-color:var(--nut-white, #fff);overflow:hidden;height:100%;flex-direction:column}.nut-calendar.nut-calendar--nopop .nut-calendar__header .nut-calendar__header-title{font-size:var(--nut-calendar-base-font, var(--nut-font-size-3, 16px))}.nut-calendar .popup-box{height:100%}.nut-calendar .nut-calendar__content{overflow-y:auto}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar .nut-calendar__header{display:flex;flex-direction:column;text-align:center;padding-top:1px;background-color:var(--nut-white, #fff)}.nut-calendar .nut-calendar__header .nut-calendar__header-title{font-size:var(--nut-calendar-title-font, var(--nut-font-size-4, 18px));font-weight:var(--nut-calendar-title-font-weight, 500);line-height:44px}.nut-calendar .nut-calendar__header .nut-calendar__header-slot{min-height:24px}.nut-calendar .nut-calendar__header .nut-calendar__header-subtitle{padding:7px 0;line-height:22px;font-size:var(--nut-calendar-sub-title-font, var(--nut-font-size-2, 14px))}.nut-calendar .nut-calendar__header .nut-calendar__weekdays{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0px 0px 12px 12px;box-shadow:0px 4px 10px 0px rgba(0,0,0,.06)}.nut-calendar .nut-calendar__header .nut-calendar__weekdays .nut-calendar__weekday.weekend{color:var(--nut-calendar-day67-font-color, var(--nut-primary-color, #fa2c19))}.nut-calendar .nut-calendar__content{flex:1;width:100%;display:block}.nut-calendar .nut-calendar__content .nut-calendar__panel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__body{display:block}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__month{display:flex;flex-direction:column;text-align:center}.nut-calendar .nut-calendar__content .nut-calendar__panel div:nth-of-type(2) .nut-calendar__month-title{padding-top:0}.nut-calendar .nut-calendar__content .nut-calendar__panel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nut-calendar-text-font, var(--nut-font-size-1, 12px));color:var(--nut-text-color, #808080)}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__month-title{height:23px;line-height:23px;margin:8px 0;font-size:var(--nut-calendar-month-title-font-size, inherit)}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days{overflow:hidden}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day{float:left;width:14.28%;height:64px;font-weight:var(--nut-calendar-day-font-weight, 500);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day.weekend{color:var(--nut-calendar-day67-font-color, var(--nut-primary-color, #fa2c19))}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day .nut-calendar__day-tips{position:absolute;width:100%}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day .nut-calendar__day-tips--curr{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day .nut-calendar__day-tip{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px;color:var(--nut-calendar-primary-color, var(--nut-primary-color, #fa2c19))}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day .nut-calendar__day-tips--top{top:6px}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day .nut-calendar__day-tips--bottom{bottom:6px}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--active{background-color:var(--nut-calendar-primary-color, var(--nut-primary-color, #fa2c19));color:var(--nut-white, #fff) !important;border-radius:var(--nut-calendar-day-active-border-radius, 0px)}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--active .nut-calendar__day-tips{visibility:hidden}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--active .nut-calendar__day-tips--curr{visibility:hidden}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--active .nut-calendar__day-tip{color:var(--nut-white, #fff)}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--disabled{color:var(--nut-calendar-disable-color, #d1d0d0) !important}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--choose{color:var(--nut-calendar-choose-font-color, var(--nut-primary-color, #fa2c19))}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day--choose::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--nut-calendar-choose-color, var(--nut-primary-color, #fa2c19));opacity:.09;content:""}.nut-calendar .nut-calendar__content .nut-calendar__panel .nut-calendar__days .nut-calendar__day .nut-calendar__day-value{padding:2px 0;font-size:var(--nut-calendar-day-font, 16px)}.nut-calendar .nut-calendar__footer{display:flex;height:62px;width:100%;background-color:var(--nut-white, #fff)}.nut-calendar .nut-calendar__footer .nut-calendar__confirm{height:44px;width:100%;margin:10px 18px;border-radius:22px;background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));color:var(--nut-white, #fff);text-align:center;line-height:44px}