@cafebazaar/emrooz
Version:
Emrooz is a multilingual calendar built for Vue3. It also supports both Shamsi (Persian / Jalali) and Gregorian (English) calendars.
2 lines (1 loc) • 15.4 kB
CSS
.EMRangePickerCommonDatesItem[data-v-25bef3bd]{cursor:pointer;transition:var(--em-mostly-used-transition-duration);user-select:none;color:var(--em-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media only screen and (max-width: 500px){.EMRangePickerCommonDatesItem[data-v-25bef3bd]{padding:calc(var(--em-global-padding) / 2) calc(var(--em-global-padding) * 1.6);border-radius:var(--em-mostly-used-border-radius);background-color:var(--em-mostly-used-not-active-back-color)}}.EMRangePickerCommonDatesItem[data-v-25bef3bd]:hover{color:var(--em-mostly-used-active-color)}@media only screen and (max-width: 500px){.EMRangePickerCommonDatesItem[data-v-25bef3bd]:hover{color:#fff}}.EMRangePickerCommonDatesItem--active[data-v-25bef3bd]{color:var(--em-mostly-used-active-color)}@media only screen and (max-width: 500px){.EMRangePickerCommonDatesItem--active[data-v-25bef3bd]{color:#fff;background-color:var(--em-mostly-used-active-color)}}.EMRangePickerCommonDates[data-v-4a5e9e2c]{font-size:var(--em-mostly-used-font-size);display:flex;flex-direction:column;padding-left:calc(1.6 * var(--em-global-padding));box-sizing:border-box;overflow:hidden}@media only screen and (max-width: 500px){.EMRangePickerCommonDates[data-v-4a5e9e2c]{flex-direction:row;width:100%;position:relative;overflow-x:auto}}.EMRoot[lang=en] .EMRangePickerCommonDates[data-v-4a5e9e2c]{padding-right:calc(1.6 * var(--em-global-padding));padding-left:unset}@media only screen and (max-width: 500px){.EMRangePickerCommonDates__title[data-v-4a5e9e2c]{display:none}}.EMRangePickerCommonDates__list[data-v-4a5e9e2c]{list-style-type:none;padding:0;margin-bottom:0;margin-top:12px;flex:1;flex-basis:0;overflow-y:auto}@media only screen and (max-width: 500px){.EMRangePickerCommonDates__list[data-v-4a5e9e2c]{display:flex;margin:0;position:absolute;padding:10px 0}}.EMRangePickerCommonDates__list-item[data-v-4a5e9e2c]:not(:first-child){margin-top:8px}@media only screen and (max-width: 500px){.EMRangePickerCommonDates__list-item[data-v-4a5e9e2c]:not(:first-child){margin-top:0;margin-right:var(--em-global-margin)}.EMRoot[lang=en] .EMRangePickerCommonDates__list-item[data-v-4a5e9e2c]:not(:first-child){margin-left:var(--em-global-margin);margin-right:unset}}.EMSlide-enter-from{opacity:0;transform:translate(-100%)}.EMSlide-leave-active{transform:translate(100%);opacity:0}.EMSlide-leave-active{position:absolute;user-select:none;pointer-events:none}.EMSlide-enter-active{user-select:none;pointer-events:none}.EMSlide-prev-enter-from{opacity:0;transform:translate(100%)}.EMSlide-prev-leave-to{transform:translate(-100%);opacity:0}.EMSlide-prev-leave-active{left:0;position:absolute;user-select:none;pointer-events:none}.EMSlide-prev-enter-active{user-select:none;pointer-events:none}.EMButton[data-v-78956a5c]{background-color:var(--em-button-background-color);border-radius:var(--em-button-border-radius);color:var(--em-button-color);transition-duration:var(--em-button-transition-duration);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:0;padding:8px 16px}.EMButton--icon[data-v-78956a5c]{padding:6px 18px}.EMButton--disabled[data-v-78956a5c]{background-color:var(--em-button-disabled-background-color);color:var(--em-button-disabled-color);cursor:not-allowed}.EMButton--plain[data-v-78956a5c]{background-color:transparent;color:var(--em-button-plain-color);padding:0}.EMButton--plain[data-v-78956a5c]:hover{color:var(--em-button-plain-hover-color)}.EMRangePickerSliderControllers[data-v-0f470638]{font-size:var(--em-controllers-font-size);display:flex;align-items:center}.EMRangePickerSliderControllers__month-wrapper[data-v-0f470638]{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;padding:0 var(--em-global-padding)}.EMRangePickerSliderControllers__month[data-v-0f470638]{transition-duration:var(--em-transition-duration);transition-property:transform,opacity;display:inline-block}.EMGridItemUI[data-v-3b16e190]{transition-duration:var(--em-grid-transition-duration);width:27px;height:20px;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;font-size:var(--em-grid-item-font-size);color:var(--em-text-color);margin:4px 0}@media only screen and (max-width: 500px){.EMGridItemUI[data-v-3b16e190]{width:14.2857142857%;height:40px}}.EMGridItemUI--header[data-v-3b16e190]{color:var(--em-grid-header-color);cursor:default}.EMGridItemUI--empty[data-v-3b16e190]{cursor:default}.EMGridItemUI--closed[data-v-3b16e190]{color:var(--em-grid-closed-color)}.EMGridItemUI--disabled[data-v-3b16e190]{cursor:not-allowed;color:var(--em-grid-disabled-color)}.EMGridItemUI--active[data-v-3b16e190]{background:var(--em-grid-active-background-color)}.EMGridItemUI--active-start[data-v-3b16e190]{background:linear-gradient(to left,transparent 0%,transparent 50%,var(--em-grid-active-background-color) 50%,var(--em-grid-active-background-color) 100%)}.EMRoot[lang=en] .EMGridItemUI--active-start[data-v-3b16e190]{background:linear-gradient(to right,transparent 0%,transparent 50%,var(--em-grid-active-background-color) 50%,var(--em-grid-active-background-color) 100%)}.EMGridItemUI--active-end[data-v-3b16e190]{background:linear-gradient(to right,transparent 0%,transparent 50%,var(--em-grid-active-background-color) 50%,var(--em-grid-active-background-color) 100%)}.EMRoot[lang=en] .EMGridItemUI--active-end[data-v-3b16e190]{background:linear-gradient(to left,transparent 0%,transparent 50%,var(--em-grid-active-background-color) 50%,var(--em-grid-active-background-color) 100%)}.EMGridItemUI--today[data-v-3b16e190]:not(.EMGridItemUI--active):not(.EMGridItemUI--disabled){color:var(--em-grid-hover-color)}.EMGridItemUI[data-v-3b16e190]:not(.EMGridItemUI--header):not(.EMGridItemUI--active):not(.EMGridItemUI--disabled):hover{color:var(--em-grid-hover-color)}.EMGridItemUI__inner[data-v-3b16e190]{transition-duration:var(--em-grid-transition-duration);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 500px){.EMGridItemUI__inner[data-v-3b16e190]{width:40px;height:100%}}.EMGridItemUI__inner--active[data-v-3b16e190]{background-color:var(--em-grid-active-color);color:var(--em-grid-active-text-color)}.EMRangePickerSliderGrid[data-v-20120e3a]{border:var(--em-grid-border);width:191px;box-sizing:border-box;border-radius:var(--em-grid-border-radius);display:flex;flex-wrap:wrap}@media only screen and (max-width: 500px){.EMRangePickerSliderGrid[data-v-20120e3a]{width:100%}}.EMRangePickerSlider[data-v-7162daa6]{display:flex;flex-direction:column;overflow:hidden}@media only screen and (max-width: 500px){.EMRangePickerSlider[data-v-7162daa6]{box-sizing:border-box}}.EMRangePickerSlider__content[data-v-7162daa6]{position:relative;flex:1;margin-top:10px;display:flex;justify-content:space-between}.EMRangePickerSlider__grid-item[data-v-7162daa6]{transition-duration:var(--em-transition-duration);transition-property:transform,opacity;display:inline-block;height:100%}.EMVerticalSlide-enter-from{opacity:0;transform:translateY(-100%)}.EMVerticalSlide-leave-to{transform:translateY(100%);opacity:0}.EMVerticalSlide-leave-active{position:absolute;user-select:none;pointer-events:none}.EMVerticalSlide-enter-active{user-select:none;pointer-events:none}.EMRangePickerFooter[data-v-75608ba0]{padding-top:calc(var(--em-global-padding) * 1.6);box-sizing:border-box;display:flex;align-items:center;color:var(--em-footer-report-text-color);font-size:var(--em-footer-font-size)}.EMRangePickerFooter__report[data-v-75608ba0]{transition-duration:var(--em-transition-duration);display:flex;align-items:center}.EMRangePickerFooter__sep[data-v-75608ba0]{align-self:stretch;width:1px;background-color:var(--em-footer-sep-color);margin:calc(var(--em-global-margin) / 2) calc(var(--em-global-margin) * 1.5)}.EMRangePickerFooter__close[data-v-75608ba0]{color:var(--em-grey-90);cursor:pointer;margin-left:var(--em-global-margin)}.EMRoot[lang=en] .EMRangePickerFooter__close[data-v-75608ba0]{margin-right:var(--em-global-margin);margin-left:unset}.EMRangePickerFooter__action[data-v-75608ba0]{margin-right:auto}.EMRoot[lang=en] .EMRangePickerFooter__action[data-v-75608ba0]{margin-left:auto;margin-right:unset}.EMRangePicker[data-v-6513290a]{direction:rtl;background-color:var(--em-background-color);border-radius:var(--em-border-radius);display:flex;flex-direction:column;border:var(--em-border);padding:16px 24px;width:400px}.EMRoot[lang=en] .EMRangePicker[data-v-6513290a]{direction:ltr}.EMRangePicker--with-common-dates[data-v-6513290a]{width:560px}@media only screen and (max-width: 500px){.EMRangePicker[data-v-6513290a]{width:100%;box-sizing:border-box}}.EMRangePicker__content[data-v-6513290a]{display:flex;width:100%;flex:1;margin-bottom:20px}@media only screen and (max-width: 500px){.EMRangePicker__content[data-v-6513290a]{flex-direction:column}}.EMRangePicker__common-dates[data-v-6513290a]{flex-basis:160px}@media only screen and (max-width: 500px){.EMRangePicker__common-dates[data-v-6513290a]{flex-basis:50px;margin-bottom:var(--em-global-margin)}}.EMRangePicker__slider[data-v-6513290a]{flex:1}.EMRangePicker__footer[data-v-6513290a]{border-top:var(--em-footer-border-top)}.EMDatePickerUISliderControllers[data-v-29f8dded]{display:flex;align-items:center;font-size:var(--em-controllers-font-size)}.EMDatePickerUISliderControllers__month[data-v-29f8dded]{flex:1;text-align:center}.EMDatePickerUISliderGrid[data-v-d18e1b28]{border:var(--em-grid-border);width:191px;box-sizing:border-box;border-radius:var(--em-grid-border-radius);display:flex;flex-wrap:wrap}@media only screen and (max-width: 500px){.EMDatePickerUISliderGrid[data-v-d18e1b28]{width:100%}}.EMDatePickerUISlider[data-v-46c4deec]{overflow:hidden}.EMDatePickerUISlider__content[data-v-46c4deec]{position:relative}.EMDatePickerUISlider__grid[data-v-46c4deec]{box-sizing:border-box;margin-top:var(--em-global-margin);margin-bottom:calc(var(--em-global-margin) * 2);transition-duration:var(--em-transition-duration);transition-property:transform,opacity;height:100%}.EMDatePickerUIFooter[data-v-276d274a]{display:flex;align-items:center;padding-top:calc(var(--em-global-padding) * 1.6)}.EMDatePickerUIFooter__report[data-v-276d274a]{color:var(--em-footer-report-text-color);font-size:var(--em-footer-font-size);transition-duration:var(--em-transition-duration)}.EMDatePickerUIFooter__action[data-v-276d274a]{margin-right:auto}.EMRoot[lang=en] .EMDatePickerUIFooter__action[data-v-276d274a]{margin-left:auto;margin-right:unset}.EMDatePickerUI[data-v-6aa56adc]{direction:rtl;padding:calc(var(--em-global-padding) * 1.6) calc(var(--em-global-padding) * 2.4);background-color:var(--em-background-color);border-radius:var(--em-border-radius);border:var(--em-border);width:241px;box-sizing:border-box}.EMRoot[lang=en] .EMDatePickerUI[data-v-6aa56adc]{direction:ltr}@media only screen and (max-width: 500px){.EMDatePickerUI[data-v-6aa56adc]{width:100%;padding:calc(var(--em-global-padding) * 2.4)}}.EMDatePickerUI__footer[data-v-6aa56adc]{border-top:var(--em-footer-border-top)}.EMPickerInputBox[data-v-3ae4e06a]{background-color:var(--em-white);display:inline-flex;align-items:center;padding:var(--em-global-padding) calc(var(--em-global-padding) * 1.6);border:var(--em-border);border-radius:var(--em-border-radius);cursor:pointer;box-sizing:border-box;width:100%;direction:rtl}.EMRoot[lang=en] .EMPickerInputBox[data-v-3ae4e06a]{direction:ltr}.EMPickerInputBox__text[data-v-3ae4e06a]{color:var(--em-gray-color);margin-left:calc(var(--em-global-padding) / 2)}.EMRoot[lang=en] .EMPickerInputBox__text[data-v-3ae4e06a]{margin-right:calc(var(--em-global-padding) / 2);margin-left:unset}.EMPickerInputBox__input[data-v-3ae4e06a]{border:none;outline:none;cursor:pointer;flex:1;width:100%;font-family:inherit;text-align:center}.EMPickerInputBox__icon[data-v-3ae4e06a]{color:var(--em-dark-gray);margin-right:auto}.EMRoot[lang=en] .EMPickerInputBox__icon[data-v-3ae4e06a]{margin-left:auto;margin-right:unset}.EMPickerInputPopOver[data-v-32aaa8f9]{position:absolute;z-index:100;transition-duration:.3s}@media only screen and (max-width: 500px){.EMPickerInputPopOver[data-v-32aaa8f9]{position:fixed;right:0;bottom:0;top:auto;left:0;width:100%}}.EMSlideUpFade-enter-from{opacity:0;transform:translateY(-20px)}@media only screen and (max-width: 500px){.EMSlideUpFade-enter-from{transform:translateY(20px)}}.EMSlideUpFade-leave-active{transform:translateY(-20px);opacity:0}@media only screen and (max-width: 500px){.EMSlideUpFade-leave-active{transform:translateY(20px)}}.EMSlideUpFade-leave-active{position:absolute;user-select:none;pointer-events:none}@media only screen and (max-width: 500px){.EMSlideUpFade-leave-active{position:fixed}}.EMSlideUpFade-enter-active{user-select:none;pointer-events:none}.EMPickerInput[data-v-005a9f1c]{width:100%;display:inline-block;position:relative}.EMPickerInput__input[data-v-005a9f1c]{margin-top:calc(var(--em-global-margin) / 2)}@media only screen and (max-width: 500px){.EMRangePickerInputUI__range-picker[data-v-095b56cb]{border-top-right-radius:var(--em-mobile-corners-border-radius);border-top-left-radius:var(--em-mobile-corners-border-radius)}}@media only screen and (max-width: 500px){.EMDatePickerInputUI__date-picker[data-v-3beac47a]{border-top-right-radius:var(--em-mobile-corners-border-radius);border-top-left-radius:var(--em-mobile-corners-border-radius)}}:root{--em-white: #fff;--em-primary-color: #0EA960;--em-border-radius: 4px;--em-background-color: var(--em-white);--em-border: 1px solid #EAEEF4;--em-transition-duration: .3s;--em-text-color: #606266;--em-red-color: #F56C6C;--em-gray-color: #d0d0d2;--em-dark-gray: #C0C4CC;--em-light-gray: #F1F2F9;--em-grey-90: #20222A;--em-font-size: 14px;--em-small-font-size: 12px;--em-global-margin: 10px;--em-global-padding: 10px;--em-mobile-corners-border-radius: calc(var(--em-border-radius) * 6);--em-button-background-color: var(--em-primary-color);--em-button-border-radius: var(--em-border-radius);--em-button-color: var(--em-white);--em-button-disabled-color: #909399;--em-button-disabled-background-color: #EAEEF4;--em-button-plain-color: var(--em-text-color);--em-button-plain-hover-color: var(--em-primary-color);--em-button-transition-duration: var(--em-transition-duration);--em-grid-header-color: var(--em-dark-gray);--em-grid-active-color: var(--em-primary-color);--em-grid-active-background-color: #E7F7F0;--em-grid-active-text-color: var(--em-white);--em-grid-item-font-size: var(--em-small-font-size);--em-grid-border: var(--em-border);--em-grid-border-radius: var(--em-border-radius);--em-grid-disabled-color: var(--em-gray-color);--em-grid-hover-color: var(--em-primary-color);--em-grid-transition-duration: var(--em-transition-duration);--em-grid-closed-color: var(--em-red-color);--em-mostly-used-font-size: var(--em-font-size);--em-mostly-used-active-color: var(--em-primary-color);--em-mostly-used-transition-duration: var(--em-transition-duration);--em-mostly-used-border-radius: calc(var(--em-border-radius) * 2);--em-mostly-used-not-active-back-color: var(--em-light-gray);--em-footer-report-text-color: #909399;--em-footer-font-size: var(--em-font-size);--em-footer-border-top: var(--em-border);--em-footer-sep-color: var(--em-light-gray);--em-controllers-font-size: var(--em-font-size)}