From dc38b84a5450a3755323547c61dd1ef24655c7f1 Mon Sep 17 00:00:00 2001 From: Carsten Jacobsen Date: Fri, 7 Oct 2016 10:58:59 +0200 Subject: [PATCH] fix(style): adding overflow:hidden to year/month chooser -> IE rendered wrong --- dist/datepickk.css | 6 ++---- dist/datepickk.min.css | 2 +- dist/datepickk.min.css.map | 2 +- src/css/datepickk.less | 6 ++---- 4 files changed, 6 insertions(+), 10 deletions(-) diff --git a/dist/datepickk.css b/dist/datepickk.css index 3c1af92..71d8853 100644 --- a/dist/datepickk.css +++ b/dist/datepickk.css @@ -340,13 +340,12 @@ justify-content: space-between; background-color: rgba(27, 54, 63, 0.9); height: 0; - opacity: 1; + overflow: hidden; pointer-events: none; transition: height .2s ease; } #Datepickk .d-month-picker.d-show { height: 44px; - opacity: 1; pointer-events: auto; } #Datepickk .d-month-picker > div { @@ -374,13 +373,12 @@ justify-content: space-between; background-color: rgba(27, 54, 63, 0.9); height: 0; - opacity: 1; + overflow: hidden; pointer-events: none; transition: height .2s ease; } #Datepickk .d-year-picker.d-show { height: 44px; - opacity: 1; pointer-events: auto; } #Datepickk .d-year-picker > div { diff --git a/dist/datepickk.min.css b/dist/datepickk.min.css index d1190b0..bf95ab9 100644 --- a/dist/datepickk.min.css +++ b/dist/datepickk.min.css @@ -1,2 +1,2 @@ -#Datepickk .d-header i,#Datepickk .d-legend p{transition:background-color .2s ease;cursor:pointer}.d-noscroll{overflow:hidden}#Datepickk{position:fixed;top:0;left:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:999;width:100%;height:100%;font-family:Raleway,'Open Sans',Arial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Datepickk .d-confirm:empty,#Datepickk .d-title:empty,#Datepickk.inline .d-overlay,#Datepickk.wrapped .d-overlay{display:none}#Datepickk.MSIE:not(.wrapped):not(.inline) .d-calendar{height:560px}#Datepickk.d-show .d-overlay{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}#Datepickk.d-hide>*{-webkit-animation-name:DatepickkHide;animation-name:DatepickkHide;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}#Datepickk.d-hide .d-overlay{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-direction:reverse;animation-direction:reverse}#Datepickk .d-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,58,71,.95);z-index:1}#Datepickk .d-confirm,#Datepickk .d-title{font-size:30px;color:#fff;margin:25px 0;z-index:2;position:relative}#Datepickk .d-title{text-align:center}#Datepickk .d-confirm{border:none;background-color:transparent;outline:0;font-family:inherit;font-weight:500;cursor:pointer;padding:0}@media (max-height:528px){#Datepickk .d-confirm,#Datepickk .d-title{font-size:20px;margin:15px 0}#Datepickk .d-calendar{font-size:20px}}#Datepickk.multi .d-calendar,#Datepickk.multi .d-legend{max-width:800px}#Datepickk.multi .d-table{position:relative;padding-top:35px}#Datepickk.multi .d-table:before{content:attr(data-month);text-align:right;width:100%;font-size:1em;padding:5px 10px 5px 0;box-sizing:border-box;color:#CCC;position:absolute;left:0;top:0}#Datepickk.inline.d-show .d-calendar{-webkit-animation:none;animation:none}#Datepickk .d-fadeInUp,#Datepickk .d-legend p{-webkit-animation-name:DatepickfadeInUp;-webkit-animation-fill-mode:both}#Datepickk.inline,#Datepickk.wrapped{position:static;z-index:0}#Datepickk.inline .d-calendar,#Datepickk.wrapped .d-calendar{box-shadow:none;z-index:0;max-width:none;max-height:none}#Datepickk.inline .d-confirm,#Datepickk.inline .d-title,#Datepickk.wrapped .d-confirm,#Datepickk.wrapped .d-title{color:#222}#Datepickk.inline .d-legend,#Datepickk.wrapped .d-legend{color:#222!important;max-width:none;max-height:none}#Datepickk.fullscreen .d-calendar{max-width:none;max-height:none}#Datepickk.fullscreen .d-calendar input+label{outline:#eaeaea solid 1px;box-sizing:border-box;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}#Datepickk.fullscreen .d-calendar input+label text{padding:5px 10px 0 0}#Datepickk.fullscreen .d-legend{max-width:none}#Datepickk .d-calendar,#Datepickk .d-legend{max-width:500px;z-index:2;position:relative}#Datepickk .d-legend{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#f5f5f5;color:#fff}#Datepickk .d-legend:empty{height:0}#Datepickk .d-legend p{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:DatepickfadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s;animation-fill-mode:both;margin:0;padding:15px;color:#1B353F}#Datepickk .d-legend p:after{content:attr(data-legend)}#Datepickk .d-legend p span{width:20px;height:20px;border-radius:100%;vertical-align:bottom;display:inline-block;margin-right:10px}#Datepickk .d-calendar{margin:0;background-color:#fff;box-shadow:0 2px 10px -2px rgba(0,0,0,.6);font-size:20px;width:100%;max-height:560px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}#Datepickk .d-header{position:relative;background-color:#1B363F;color:#fff;font-size:1.5em}#Datepickk .d-header p{margin:.5em 0;text-align:center}#Datepickk .d-header i{position:absolute;top:50%;width:30px;height:30px;text-align:center;border-radius:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#Datepickk .d-header i:after,#Datepickk .d-header i:before{content:'';width:0;height:0;position:absolute}#Datepickk .d-header i:before{border-top:10px solid transparent;border-bottom:10px solid transparent}#Datepickk .d-header i:after{border-top:7px solid transparent;border-bottom:7px solid transparent;transition:border-color .2s ease}#Datepickk .d-header i#d-previous{left:20px}#Datepickk .d-header i#d-previous:before{border-right:10px solid #FFF;top:5px;left:7px}#Datepickk .d-header i#d-previous:after{border-right:7px solid #1B363F;top:8px;left:10px}#Datepickk .d-header i#d-next{right:20px}#Datepickk .d-header i#d-next:before{border-left:10px solid #FFF;top:5px;left:12px}#Datepickk .d-header i#d-next:after{border-left:7px solid #1B363F;top:8px;left:12px}#Datepickk .d-header i:hover{background-color:#5E7178}#Datepickk .d-header i:hover:after{border-left-color:#5E7178!important;border-right-color:#5E7178!important}#Datepickk .d-month{cursor:pointer;white-space:nowrap}#Datepickk .d-year{margin-left:10px;cursor:pointer}#Datepickk .d-year:before{content:""}#Datepickk .d-table input+label .d-tooltip:before,#Datepickk .d-table input+label [data-tooltip]:after,#Datepickk .d-table input+label.today text:before,#Datepickk .d-table input+label:before,#Datepickk .d-table input:disabled+label:after{content:'';position:absolute}#Datepickk .d-month-picker{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(27,54,63,.9);height:0;opacity:1;pointer-events:none;transition:height .2s ease}#Datepickk .d-month-picker.d-show{height:44px;opacity:1;pointer-events:auto}#Datepickk .d-month-picker>div{width:calc(100% / 12);text-align:center;line-height:44px;color:#fff;cursor:pointer}#Datepickk .d-month-picker>div:focus,#Datepickk .d-month-picker>div:hover{background-color:#e32d2d;color:#fff}#Datepickk .d-month-picker>div.current{background-color:#e9965a;color:#fff}#Datepickk .d-year-picker{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(27,54,63,.9);height:0;opacity:1;pointer-events:none;transition:height .2s ease}#Datepickk .d-year-picker.d-show{height:44px;opacity:1;pointer-events:auto}#Datepickk .d-year-picker>div{width:calc(100% / 11);text-align:center;line-height:44px;color:#fff;cursor:pointer}#Datepickk .d-year-picker>div:focus,#Datepickk .d-year-picker>div:hover{background-color:#e32d2d;color:#fff}#Datepickk .d-year-picker>div.current{background-color:#e9965a;color:#fff}#Datepickk .d-weekdays{display:-webkit-flex;display:-ms-flexbox;display:flex}#Datepickk .d-week{background-color:#E95A5A;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}#Datepickk .d-week+.d-week{border-left:1px solid rgba(255,255,255,.05)}#Datepickk .d-week>div{-webkit-flex-basis:calc(100% / 7);-ms-flex-preferred-size:calc(100% / 7);flex-basis:calc(100% / 7);text-align:center}#Datepickk .d-week>div p{margin:.8em 0}@media (max-height:540px){#Datepickk .d-week{display:none}}#Datepickk .d-table{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex:1;-ms-flex:1;flex:1}#Datepickk .d-table:first-child:nth-last-child(n+3),#Datepickk .d-table:first-child:nth-last-child(n+3)~div{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-flex-basis:calc(100% / 3 - 1px);-ms-flex-preferred-size:calc(100% / 3 - 1px);flex-basis:calc(100% / 3 - 1px);border-bottom:1px solid rgba(0,0,0,.05)}#Datepickk .d-table label:nth-of-type(7n) .d-date-legends{padding-right:0}#Datepickk .d-table label:nth-last-of-type(-n+7) .d-date-legends{padding-bottom:0}#Datepickk .d-table input{display:none}#Datepickk .d-table input+label{-webkit-flex-basis:calc(100% / 7);flex-basis:calc(100% / 7);-ms-flex-preferred-size:14.28%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,background .2s ease,color .2s ease;position:relative;-webkit-tap-highlight-color:transparent;box-sizing:border-box}#Datepickk .d-table input+label text{z-index:9;pointer-events:none;position:relative}#Datepickk .d-table input+label[style*=linear-gradient] text{text-shadow:0 0 20px #000}#Datepickk .d-table input+label.today text:before{width:100%;height:2px;background-color:#E95A5A;bottom:-5px;left:0}#Datepickk .d-table input+label:before{top:12.5%;left:12.5%;width:75%;height:75%;border-radius:5px;background-color:#7DD076;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}#Datepickk .d-table input+label.legend-hover{-webkit-animation:legendhover 1s infinite;animation:legendhover 1s infinite;z-index:10}@-webkit-keyframes legendhover{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}@keyframes legendhover{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}#Datepickk .d-table input+label.next,#Datepickk .d-table input+label.prev{color:#ccc}#Datepickk .d-table input+label [data-tooltip]:after{border-radius:100%;background-color:#1B363F;width:5px;height:5px;top:0;right:-10px}#Datepickk .d-table input+label .d-tooltip{position:absolute;background-color:#1B363F;color:#FFF;padding:7px;font-size:.7em;z-index:13;text-align:center;top:100%;left:50%;-webkit-transform:translate(-50%,-5px);transform:translate(-50%,-5px);display:none}#Datepickk .d-table input+label .d-tooltip:before{border-bottom:7px solid #1B363F;border-left:5px solid transparent;border-right:5px solid transparent;top:-7px;left:50%;margin-left:-5px}#Datepickk .d-table input+label .d-tooltip:empty{display:none!important}#Datepickk .d-table input+label:hover .d-tooltip{display:block}#Datepickk .d-table input:checked+label{color:#fff}#Datepickk .d-table input:checked+label:before{-webkit-transform:scaleX(1);transform:scaleX(1)}#Datepickk .d-table input:disabled+label{cursor:not-allowed}#Datepickk .d-table input:disabled+label:after{top:50%;left:20%;width:60%;height:2px;z-index:10;background-color:#c60000;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}#Datepickk .d-table input+label.d-hidden{cursor:default;color:#ccc!important;background:#f0f0f0!important;text-decoration:line-through}#Datepickk .d-table input+label.d-hidden:after{content:none}#Datepickk .d-tables{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#Datepickk .d-tables:not(.locked) input:not(:checked)+label:not(.hidden):hover{color:#222;background-color:#eaeaea}#Datepickk .d-tables.locked label{cursor:default}#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label,#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden){color:#fff}#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden):before{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:rgba(125,208,118,.5)}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label{color:#666}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label:before,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label:before{-webkit-transform:scaleX(0);transform:scaleX(0)}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.next,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.prev,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.next,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.prev{color:#ccc}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label{color:#fff}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label:before{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#7DD076}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label{color:inherit}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.next,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.prev{color:#ccc}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label:before{-webkit-transform:scaleX(0);transform:scaleX(0)}#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label{color:#fff}#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label:before{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:rgba(233,90,126,.3)}#Datepickk .d-tables.range.before input:not(.single):checked+label~label{color:inherit}#Datepickk .d-tables.range.before input:not(.single):checked+label~label.next,#Datepickk .d-tables.range.before input:not(.single):checked+label~label.prev{color:#ccc}#Datepickk .d-tables.range.before input:not(.single):checked+label~label:before{-webkit-transform:scaleX(0);transform:scaleX(0)}#Datepickk .d-fadeInUp{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:DatepickfadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s;animation-fill-mode:both}@-webkit-keyframes DatepickBGShow{from{opacity:0}}@keyframes DatepickBGShow{from{opacity:0}}@-webkit-keyframes DatepickfadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes DatepickfadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.d-fadeInUp{-webkit-animation-name:DatepickfadeInUp;animation-name:DatepickfadeInUp}#Datepickk.d-show>*{-webkit-animation-name:DatepickkShow;animation-name:DatepickkShow;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes DatepickkShow{from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes DatepickkShow{from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@-webkit-keyframes DatepickkHide{to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}}@keyframes DatepickkHide{to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}} +#Datepickk .d-header i,#Datepickk .d-legend p{transition:background-color .2s ease;cursor:pointer}.d-noscroll{overflow:hidden}#Datepickk{position:fixed;top:0;left:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:999;width:100%;height:100%;font-family:Raleway,'Open Sans',Arial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Datepickk .d-confirm:empty,#Datepickk .d-title:empty,#Datepickk.inline .d-overlay,#Datepickk.wrapped .d-overlay{display:none}#Datepickk.MSIE:not(.wrapped):not(.inline) .d-calendar{height:560px}#Datepickk.d-show .d-overlay{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}#Datepickk.d-hide>*{-webkit-animation-name:DatepickkHide;animation-name:DatepickkHide;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}#Datepickk.d-hide .d-overlay{-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-direction:reverse;animation-direction:reverse}#Datepickk .d-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(55,58,71,.95);z-index:1}#Datepickk .d-confirm,#Datepickk .d-title{font-size:30px;color:#fff;margin:25px 0;z-index:2;position:relative}#Datepickk .d-title{text-align:center}#Datepickk .d-confirm{border:none;background-color:transparent;outline:0;font-family:inherit;font-weight:500;cursor:pointer;padding:0}@media (max-height:528px){#Datepickk .d-confirm,#Datepickk .d-title{font-size:20px;margin:15px 0}#Datepickk .d-calendar{font-size:20px}}#Datepickk.multi .d-calendar,#Datepickk.multi .d-legend{max-width:800px}#Datepickk.multi .d-table{position:relative;padding-top:35px}#Datepickk.multi .d-table:before{content:attr(data-month);text-align:right;width:100%;font-size:1em;padding:5px 10px 5px 0;box-sizing:border-box;color:#CCC;position:absolute;left:0;top:0}#Datepickk.inline.d-show .d-calendar{-webkit-animation:none;animation:none}#Datepickk .d-fadeInUp,#Datepickk .d-legend p{-webkit-animation-name:DatepickfadeInUp;-webkit-animation-fill-mode:both}#Datepickk.inline,#Datepickk.wrapped{position:static;z-index:0}#Datepickk.inline .d-calendar,#Datepickk.wrapped .d-calendar{box-shadow:none;z-index:0;max-width:none;max-height:none}#Datepickk.inline .d-confirm,#Datepickk.inline .d-title,#Datepickk.wrapped .d-confirm,#Datepickk.wrapped .d-title{color:#222}#Datepickk.inline .d-legend,#Datepickk.wrapped .d-legend{color:#222!important;max-width:none;max-height:none}#Datepickk.fullscreen .d-calendar{max-width:none;max-height:none}#Datepickk.fullscreen .d-calendar input+label{outline:#eaeaea solid 1px;box-sizing:border-box;-webkit-align-items:flex-start!important;-ms-flex-align:start!important;align-items:flex-start!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}#Datepickk.fullscreen .d-calendar input+label text{padding:5px 10px 0 0}#Datepickk.fullscreen .d-legend{max-width:none}#Datepickk .d-calendar,#Datepickk .d-legend{max-width:500px;z-index:2;position:relative}#Datepickk .d-legend{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#f5f5f5;color:#fff}#Datepickk .d-legend:empty{height:0}#Datepickk .d-legend p{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:DatepickfadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s;animation-fill-mode:both;margin:0;padding:15px;color:#1B353F}#Datepickk .d-legend p:after{content:attr(data-legend)}#Datepickk .d-legend p span{width:20px;height:20px;border-radius:100%;vertical-align:bottom;display:inline-block;margin-right:10px}#Datepickk .d-calendar{margin:0;background-color:#fff;box-shadow:0 2px 10px -2px rgba(0,0,0,.6);font-size:20px;width:100%;max-height:560px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}#Datepickk .d-header{position:relative;background-color:#1B363F;color:#fff;font-size:1.5em}#Datepickk .d-header p{margin:.5em 0;text-align:center}#Datepickk .d-header i{position:absolute;top:50%;width:30px;height:30px;text-align:center;border-radius:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#Datepickk .d-header i:after,#Datepickk .d-header i:before{content:'';width:0;height:0;position:absolute}#Datepickk .d-header i:before{border-top:10px solid transparent;border-bottom:10px solid transparent}#Datepickk .d-header i:after{border-top:7px solid transparent;border-bottom:7px solid transparent;transition:border-color .2s ease}#Datepickk .d-header i#d-previous{left:20px}#Datepickk .d-header i#d-previous:before{border-right:10px solid #FFF;top:5px;left:7px}#Datepickk .d-header i#d-previous:after{border-right:7px solid #1B363F;top:8px;left:10px}#Datepickk .d-header i#d-next{right:20px}#Datepickk .d-header i#d-next:before{border-left:10px solid #FFF;top:5px;left:12px}#Datepickk .d-header i#d-next:after{border-left:7px solid #1B363F;top:8px;left:12px}#Datepickk .d-header i:hover{background-color:#5E7178}#Datepickk .d-header i:hover:after{border-left-color:#5E7178!important;border-right-color:#5E7178!important}#Datepickk .d-month{cursor:pointer;white-space:nowrap}#Datepickk .d-year{margin-left:10px;cursor:pointer}#Datepickk .d-year:before{content:""}#Datepickk .d-table input+label .d-tooltip:before,#Datepickk .d-table input+label [data-tooltip]:after,#Datepickk .d-table input+label.today text:before,#Datepickk .d-table input+label:before,#Datepickk .d-table input:disabled+label:after{content:'';position:absolute}#Datepickk .d-month-picker{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(27,54,63,.9);height:0;overflow:hidden;pointer-events:none;transition:height .2s ease}#Datepickk .d-month-picker.d-show{height:44px;pointer-events:auto}#Datepickk .d-month-picker>div{width:calc(100% / 12);text-align:center;line-height:44px;color:#fff;cursor:pointer}#Datepickk .d-month-picker>div:focus,#Datepickk .d-month-picker>div:hover{background-color:#e32d2d;color:#fff}#Datepickk .d-month-picker>div.current{background-color:#e9965a;color:#fff}#Datepickk .d-year-picker{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color:rgba(27,54,63,.9);height:0;overflow:hidden;pointer-events:none;transition:height .2s ease}#Datepickk .d-year-picker.d-show{height:44px;pointer-events:auto}#Datepickk .d-year-picker>div{width:calc(100% / 11);text-align:center;line-height:44px;color:#fff;cursor:pointer}#Datepickk .d-year-picker>div:focus,#Datepickk .d-year-picker>div:hover{background-color:#e32d2d;color:#fff}#Datepickk .d-year-picker>div.current{background-color:#e9965a;color:#fff}#Datepickk .d-weekdays{display:-webkit-flex;display:-ms-flexbox;display:flex}#Datepickk .d-week{background-color:#E95A5A;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}#Datepickk .d-week+.d-week{border-left:1px solid rgba(255,255,255,.05)}#Datepickk .d-week>div{-webkit-flex-basis:calc(100% / 7);-ms-flex-preferred-size:calc(100% / 7);flex-basis:calc(100% / 7);text-align:center}#Datepickk .d-week>div p{margin:.8em 0}@media (max-height:540px){#Datepickk .d-week{display:none}}#Datepickk .d-table{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex:1;-ms-flex:1;flex:1}#Datepickk .d-table:first-child:nth-last-child(n+3),#Datepickk .d-table:first-child:nth-last-child(n+3)~div{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-flex-basis:calc(100% / 3 - 1px);-ms-flex-preferred-size:calc(100% / 3 - 1px);flex-basis:calc(100% / 3 - 1px);border-bottom:1px solid rgba(0,0,0,.05)}#Datepickk .d-table label:nth-of-type(7n) .d-date-legends{padding-right:0}#Datepickk .d-table label:nth-last-of-type(-n+7) .d-date-legends{padding-bottom:0}#Datepickk .d-table input{display:none}#Datepickk .d-table input+label{-webkit-flex-basis:calc(100% / 7);flex-basis:calc(100% / 7);-ms-flex-preferred-size:14.28%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,background .2s ease,color .2s ease;position:relative;-webkit-tap-highlight-color:transparent;box-sizing:border-box}#Datepickk .d-table input+label text{z-index:9;pointer-events:none;position:relative}#Datepickk .d-table input+label[style*=linear-gradient] text{text-shadow:0 0 20px #000}#Datepickk .d-table input+label.today text:before{width:100%;height:2px;background-color:#E95A5A;bottom:-5px;left:0}#Datepickk .d-table input+label:before{top:12.5%;left:12.5%;width:75%;height:75%;border-radius:5px;background-color:#7DD076;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}#Datepickk .d-table input+label.legend-hover{-webkit-animation:legendhover 1s infinite;animation:legendhover 1s infinite;z-index:10}@-webkit-keyframes legendhover{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}@keyframes legendhover{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}#Datepickk .d-table input+label.next,#Datepickk .d-table input+label.prev{color:#ccc}#Datepickk .d-table input+label [data-tooltip]:after{border-radius:100%;background-color:#1B363F;width:5px;height:5px;top:0;right:-10px}#Datepickk .d-table input+label .d-tooltip{position:absolute;background-color:#1B363F;color:#FFF;padding:7px;font-size:.7em;z-index:13;text-align:center;top:100%;left:50%;-webkit-transform:translate(-50%,-5px);transform:translate(-50%,-5px);display:none}#Datepickk .d-table input+label .d-tooltip:before{border-bottom:7px solid #1B363F;border-left:5px solid transparent;border-right:5px solid transparent;top:-7px;left:50%;margin-left:-5px}#Datepickk .d-table input+label .d-tooltip:empty{display:none!important}#Datepickk .d-table input+label:hover .d-tooltip{display:block}#Datepickk .d-table input:checked+label{color:#fff}#Datepickk .d-table input:checked+label:before{-webkit-transform:scaleX(1);transform:scaleX(1)}#Datepickk .d-table input:disabled+label{cursor:not-allowed}#Datepickk .d-table input:disabled+label:after{top:50%;left:20%;width:60%;height:2px;z-index:10;background-color:#c60000;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}#Datepickk .d-table input+label.d-hidden{cursor:default;color:#ccc!important;background:#f0f0f0!important;text-decoration:line-through}#Datepickk .d-table input+label.d-hidden:after{content:none}#Datepickk .d-tables{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#Datepickk .d-tables:not(.locked) input:not(:checked)+label:not(.hidden):hover{color:#222;background-color:#eaeaea}#Datepickk .d-tables.locked label{cursor:default}#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label,#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden){color:#fff}#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden):before{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:rgba(125,208,118,.5)}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label{color:#666}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label:before,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label:before{-webkit-transform:scaleX(0);transform:scaleX(0)}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.next,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:focus~label.prev,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.next,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.prev{color:#ccc}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label{color:#fff}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label:before{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:#7DD076}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label{color:inherit}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.next,#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label.prev{color:#ccc}#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label~label:before{-webkit-transform:scaleX(0);transform:scaleX(0)}#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label{color:#fff}#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label:before{-webkit-transform:scaleX(1);transform:scaleX(1);background-color:rgba(233,90,126,.3)}#Datepickk .d-tables.range.before input:not(.single):checked+label~label{color:inherit}#Datepickk .d-tables.range.before input:not(.single):checked+label~label.next,#Datepickk .d-tables.range.before input:not(.single):checked+label~label.prev{color:#ccc}#Datepickk .d-tables.range.before input:not(.single):checked+label~label:before{-webkit-transform:scaleX(0);transform:scaleX(0)}#Datepickk .d-fadeInUp{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:DatepickfadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s;animation-fill-mode:both}@-webkit-keyframes DatepickBGShow{from{opacity:0}}@keyframes DatepickBGShow{from{opacity:0}}@-webkit-keyframes DatepickfadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes DatepickfadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.d-fadeInUp{-webkit-animation-name:DatepickfadeInUp;animation-name:DatepickfadeInUp}#Datepickk.d-show>*{-webkit-animation-name:DatepickkShow;animation-name:DatepickkShow;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes DatepickkShow{from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes DatepickkShow{from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@-webkit-keyframes DatepickkHide{to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}}@keyframes DatepickkHide{to{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}} /*# sourceMappingURL=datepickk.min.css.map */ diff --git a/dist/datepickk.min.css.map b/dist/datepickk.min.css.map index a2ff528..0a109e0 100644 --- a/dist/datepickk.min.css.map +++ b/dist/datepickk.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["datepickk.css"],"names":[],"mappings":"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","file":"datepickk.min.css","sourcesContent":["/*Main color*/\n/*Datepickk*/\n.d-noscroll {\n overflow: hidden;\n}\n#Datepickk {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 999;\n width: 100%;\n height: 100%;\n font-family: 'Raleway', 'Open Sans', Arial;\n user-select: none;\n}\n#Datepickk.MSIE:not(.wrapped):not(.inline) .d-calendar {\n height: 560px;\n}\n#Datepickk.d-show .d-overlay {\n animation-name: show;\n animation-duration: .2s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n}\n#Datepickk.d-hide > * {\n animation-name: DatepickkHide;\n animation-duration: .2s;\n animation-timing-function: linear;\n animation-fill-mode: both;\n}\n#Datepickk.d-hide .d-overlay {\n animation-name: show;\n animation-duration: .15s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n animation-direction: reverse;\n}\n#Datepickk .d-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(55, 58, 71, 0.95);\n z-index: 1;\n}\n#Datepickk .d-title {\n color: white;\n text-align: center;\n position: relative;\n font-size: 30px;\n margin: 25px 0;\n z-index: 2;\n}\n#Datepickk .d-confirm {\n border: none;\n position: relative;\n background-color: transparent;\n outline: none;\n font-family: inherit;\n font-size: 30px;\n font-weight: 500;\n color: white;\n margin: 25px 0;\n cursor: pointer;\n padding: 0;\n z-index: 2;\n}\n#Datepickk .d-title:empty,\n#Datepickk .d-confirm:empty {\n display: none;\n}\n@media (max-height: 528px) {\n #Datepickk .d-title,\n #Datepickk .d-confirm {\n font-size: 20px;\n margin: 15px 0;\n }\n #Datepickk .d-calendar {\n font-size: 20px;\n }\n}\n#Datepickk.multi .d-calendar,\n#Datepickk.multi .d-legend {\n max-width: 800px;\n}\n#Datepickk.multi .d-table {\n position: relative;\n padding-top: 35px;\n}\n#Datepickk.multi .d-table:before {\n content: attr(data-month);\n text-align: right;\n width: 100%;\n font-size: 1em;\n padding: 5px 10px 5px 0;\n box-sizing: border-box;\n color: #CCC;\n position: absolute;\n left: 0;\n top: 0;\n}\n#Datepickk.inline.d-show .d-calendar {\n animation: none;\n}\n#Datepickk.inline,\n#Datepickk.wrapped {\n position: static;\n z-index: 0;\n}\n#Datepickk.inline .d-calendar,\n#Datepickk.wrapped .d-calendar {\n box-shadow: none;\n z-index: 0;\n max-width: none;\n max-height: none;\n}\n#Datepickk.inline .d-confirm,\n#Datepickk.wrapped .d-confirm,\n#Datepickk.inline .d-title,\n#Datepickk.wrapped .d-title {\n color: #222;\n}\n#Datepickk.inline .d-overlay,\n#Datepickk.wrapped .d-overlay {\n display: none;\n}\n#Datepickk.inline .d-legend,\n#Datepickk.wrapped .d-legend {\n color: #222!important;\n max-width: none;\n max-height: none;\n}\n#Datepickk.fullscreen .d-calendar {\n max-width: none;\n max-height: none;\n}\n#Datepickk.fullscreen .d-calendar input + label {\n outline: 1px solid #eaeaea;\n box-sizing: border-box;\n align-items: flex-start !important;\n justify-content: flex-end !important;\n}\n#Datepickk.fullscreen .d-calendar input + label text {\n padding: 5px 10px 0 0;\n}\n#Datepickk.fullscreen .d-legend {\n max-width: none;\n}\n#Datepickk .d-legend {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n width: 100%;\n z-index: 2;\n background-color: whitesmoke;\n max-width: 500px;\n position: relative;\n color: white;\n}\n#Datepickk .d-legend:empty {\n height: 0;\n}\n#Datepickk .d-legend p {\n backface-visibility: visible !important;\n animation-name: DatepickfadeInUp;\n animation-duration: .5s;\n animation-fill-mode: both;\n margin: 0;\n padding: 15px;\n transition: background-color 0.2s ease;\n cursor: pointer;\n color: #1B353F;\n}\n#Datepickk .d-legend p:after {\n content: attr(data-legend);\n}\n#Datepickk .d-legend p span {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n vertical-align: bottom;\n display: inline-block;\n margin-right: 10px;\n}\n#Datepickk .d-calendar {\n margin: 0;\n background-color: white;\n box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.6);\n font-size: 20px;\n width: 100%;\n position: relative;\n max-width: 500px;\n max-height: 560px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n flex-grow: 1;\n z-index: 2;\n}\n#Datepickk .d-header {\n position: relative;\n background-color: #1B363F;\n color: white;\n font-size: 1.5em;\n}\n#Datepickk .d-header p {\n margin: .5em 0;\n text-align: center;\n}\n#Datepickk .d-header i {\n position: absolute;\n top: 50%;\n width: 30px;\n height: 30px;\n cursor: pointer;\n text-align: center;\n border-radius: 100%;\n transition: background-color 0.2s ease;\n transform: translateY(-50%);\n}\n#Datepickk .d-header i:before,\n#Datepickk .d-header i:after {\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n}\n#Datepickk .d-header i:before {\n border-top: 10px solid rgba(0, 0, 0, 0);\n border-bottom: 10px solid rgba(0, 0, 0, 0);\n}\n#Datepickk .d-header i:after {\n border-top: 7px solid rgba(0, 0, 0, 0);\n border-bottom: 7px solid rgba(0, 0, 0, 0);\n transition: border-color 0.2s ease;\n}\n#Datepickk .d-header i#d-previous {\n left: 20px;\n}\n#Datepickk .d-header i#d-previous:before {\n border-right: 10px solid #FFF;\n top: 5px;\n left: 7px;\n}\n#Datepickk .d-header i#d-previous:after {\n border-right: 7px solid #1B363F;\n top: 8px;\n left: 10px;\n}\n#Datepickk .d-header i#d-next {\n right: 20px;\n}\n#Datepickk .d-header i#d-next:before {\n border-left: 10px solid #FFF;\n top: 5px;\n left: 12px;\n}\n#Datepickk .d-header i#d-next:after {\n border-left: 7px solid #1B363F;\n top: 8px;\n left: 12px;\n}\n#Datepickk .d-header i:hover {\n background-color: #5E7178;\n}\n#Datepickk .d-header i:hover:after {\n border-left-color: #5E7178!important;\n border-right-color: #5E7178!important;\n}\n#Datepickk .d-month {\n cursor: pointer;\n white-space: nowrap;\n}\n#Datepickk .d-year {\n margin-left: 10px;\n cursor: pointer;\n}\n#Datepickk .d-year:before {\n content: \"\";\n}\n#Datepickk .d-month-picker {\n display: flex;\n justify-content: space-between;\n background-color: rgba(27, 54, 63, 0.9);\n height: 0;\n opacity: 1;\n pointer-events: none;\n transition: height .2s ease;\n}\n#Datepickk .d-month-picker.d-show {\n height: 44px;\n opacity: 1;\n pointer-events: auto;\n}\n#Datepickk .d-month-picker > div {\n width: calc(100% / 12);\n text-align: center;\n line-height: 44px;\n color: white;\n cursor: pointer;\n}\n#Datepickk .d-month-picker > div:hover,\n#Datepickk .d-month-picker > div:focus {\n background-color: #e32d2d;\n color: white;\n}\n#Datepickk .d-month-picker > div.current {\n background-color: #e9965a;\n color: white;\n}\n#Datepickk .d-year-picker {\n display: flex;\n justify-content: space-between;\n background-color: rgba(27, 54, 63, 0.9);\n height: 0;\n opacity: 1;\n pointer-events: none;\n transition: height .2s ease;\n}\n#Datepickk .d-year-picker.d-show {\n height: 44px;\n opacity: 1;\n pointer-events: auto;\n}\n#Datepickk .d-year-picker > div {\n width: calc(100% / 11);\n text-align: center;\n line-height: 44px;\n color: white;\n cursor: pointer;\n}\n#Datepickk .d-year-picker > div:hover,\n#Datepickk .d-year-picker > div:focus {\n background-color: #e32d2d;\n color: white;\n}\n#Datepickk .d-year-picker > div.current {\n background-color: #e9965a;\n color: white;\n}\n#Datepickk .d-weekdays {\n display: flex;\n}\n#Datepickk .d-week {\n background-color: #E95A5A;\n color: white;\n display: flex;\n width: 100%;\n}\n#Datepickk .d-week + .d-week {\n border-left: 1px solid rgba(255, 255, 255, 0.05);\n}\n#Datepickk .d-week > div {\n flex-basis: calc(100% / 7);\n text-align: center;\n}\n#Datepickk .d-week > div p {\n margin: .8em 0;\n}\n@media (max-height: 540px) {\n #Datepickk .d-week {\n display: none;\n }\n}\n#Datepickk .d-table {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n}\n#Datepickk .d-table:first-child:nth-last-child(n + 3),\n#Datepickk .d-table:first-child:nth-last-child(n + 3) ~ div {\n flex: 0;\n flex-basis: calc(100% / 3 - 1px);\n /*-1px due to browser render*/\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n#Datepickk .d-table label:nth-of-type(7n) .d-date-legends {\n padding-right: 0;\n}\n#Datepickk .d-table label:nth-last-of-type(-n + 7) .d-date-legends {\n padding-bottom: 0;\n}\n#Datepickk .d-table input {\n display: none;\n}\n#Datepickk .d-table input + label {\n flex-basis: calc(100% / 7);\n -ms-flex-preferred-size: 14.28%;\n /*Keep -> IE render fail*/\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease, background 0.2s ease, color 0.2s ease;\n position: relative;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n box-sizing: border-box;\n}\n#Datepickk .d-table input + label text {\n z-index: 9;\n pointer-events: none;\n position: relative;\n}\n#Datepickk .d-table input + label[style*=\"linear-gradient\"] text {\n text-shadow: 0 0 20px black;\n}\n#Datepickk .d-table input + label.today text:before {\n content: '';\n width: 100%;\n height: 2px;\n background-color: #E95A5A;\n position: absolute;\n bottom: -5px;\n left: 0;\n}\n#Datepickk .d-table input + label:before {\n content: '';\n position: absolute;\n top: 12.5%;\n left: 12.5%;\n width: 75%;\n height: 75%;\n border-radius: 5px;\n background-color: #7DD076;\n transition: transform 0.1s ease-out;\n transform: scaleX(0);\n transform-origin: left;\n}\n#Datepickk .d-table input + label.legend-hover {\n animation: legendhover 1s infinite;\n z-index: 10;\n}\n@keyframes legendhover {\n 0% {\n transform: translate(0, 0px);\n }\n 50% {\n transform: translate(0, -5px);\n }\n 100% {\n transform: translate(0, 0px);\n }\n}\n#Datepickk .d-table input + label.next,\n#Datepickk .d-table input + label.prev {\n color: #ccc;\n}\n#Datepickk .d-table input + label [data-tooltip]:after {\n content: '';\n border-radius: 100%;\n background-color: #1B363F;\n width: 5px;\n height: 5px;\n position: absolute;\n top: 0;\n right: -10px;\n}\n#Datepickk .d-table input + label .d-tooltip {\n position: absolute;\n background-color: #1B363F;\n color: #FFF;\n padding: 7px;\n font-size: .7em;\n z-index: 13;\n text-align: center;\n top: 100%;\n left: 50%;\n transform: translate(-50%, -5px);\n display: none;\n}\n#Datepickk .d-table input + label .d-tooltip:before {\n content: '';\n border-bottom: 7px solid #1B363F;\n border-left: 5px solid rgba(0, 0, 0, 0);\n border-right: 5px solid rgba(0, 0, 0, 0);\n top: -7px;\n left: 50%;\n position: absolute;\n margin-left: -5px;\n}\n#Datepickk .d-table input + label .d-tooltip:empty {\n display: none!important;\n}\n#Datepickk .d-table input + label:hover .d-tooltip {\n display: block;\n}\n#Datepickk .d-table input:checked + label {\n color: white;\n}\n#Datepickk .d-table input:checked + label:before {\n transform: scaleX(1);\n}\n#Datepickk .d-table input:disabled + label {\n cursor: not-allowed;\n}\n#Datepickk .d-table input:disabled + label:after {\n content: '';\n position: absolute;\n top: 50%;\n left: 20%;\n width: 60%;\n height: 2px;\n z-index: 10;\n background-color: #c60000;\n transform-origin: center;\n transform: rotate(-25deg);\n}\n#Datepickk .d-table input + label.d-hidden {\n cursor: default;\n color: #ccc!important;\n background: #f0f0f0!important;\n text-decoration: line-through;\n}\n#Datepickk .d-table input + label.d-hidden:after {\n content: none;\n}\n#Datepickk .d-tables {\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n}\n#Datepickk .d-tables:not(.locked) input:not(:checked) + label:not(.hidden):hover {\n color: #222;\n background-color: #eaeaea;\n}\n#Datepickk .d-tables.locked label {\n cursor: default;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked + label {\n color: white;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label:not(.hidden) {\n color: white;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label:not(.hidden):before {\n transform: scaleX(1);\n background-color: rgba(125, 208, 118, 0.5);\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label {\n color: #666;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label:before,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label:before {\n transform: scaleX(0);\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label.next,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label.next,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label.prev,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label.prev {\n color: #ccc;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label {\n color: white;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label:before {\n transform: scaleX(1);\n background-color: #7DD076;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label {\n color: inherit;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label.next,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label.prev {\n color: #ccc;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label:before {\n transform: scaleX(0);\n}\n#Datepickk .d-tables.range.before input:not(.single):not(:checked) + label {\n color: white;\n}\n#Datepickk .d-tables.range.before input:not(.single):not(:checked) + label:before {\n transform: scaleX(1);\n background-color: rgba(233, 90, 126, 0.3);\n}\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label {\n color: inherit;\n}\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label.next,\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label.prev {\n color: #ccc;\n}\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label:before {\n transform: scaleX(0);\n}\n#Datepickk .d-fadeInUp {\n backface-visibility: visible !important;\n animation-name: DatepickfadeInUp;\n animation-duration: .5s;\n animation-fill-mode: both;\n}\n@keyframes DatepickBGShow {\n from {\n opacity: 0;\n }\n}\n@keyframes DatepickfadeInUp {\n 0% {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n 100% {\n opacity: 1;\n transform: none;\n }\n}\n.d-fadeInUp {\n animation-name: DatepickfadeInUp;\n}\n#Datepickk.d-show > * {\n animation-name: DatepickkShow;\n animation-duration: .2s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n}\n@keyframes DatepickkShow {\n from {\n opacity: 0;\n transform: translateY(-50px);\n }\n}\n@keyframes DatepickkHide {\n to {\n opacity: 0;\n transform: translateY(50px);\n }\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["datepickk.css"],"names":[],"mappings":"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","file":"datepickk.min.css","sourcesContent":["/*Main color*/\n/*Datepickk*/\n.d-noscroll {\n overflow: hidden;\n}\n#Datepickk {\n position: fixed;\n top: 0;\n left: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 999;\n width: 100%;\n height: 100%;\n font-family: 'Raleway', 'Open Sans', Arial;\n user-select: none;\n}\n#Datepickk.MSIE:not(.wrapped):not(.inline) .d-calendar {\n height: 560px;\n}\n#Datepickk.d-show .d-overlay {\n animation-name: show;\n animation-duration: .2s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n}\n#Datepickk.d-hide > * {\n animation-name: DatepickkHide;\n animation-duration: .2s;\n animation-timing-function: linear;\n animation-fill-mode: both;\n}\n#Datepickk.d-hide .d-overlay {\n animation-name: show;\n animation-duration: .15s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n animation-direction: reverse;\n}\n#Datepickk .d-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(55, 58, 71, 0.95);\n z-index: 1;\n}\n#Datepickk .d-title {\n color: white;\n text-align: center;\n position: relative;\n font-size: 30px;\n margin: 25px 0;\n z-index: 2;\n}\n#Datepickk .d-confirm {\n border: none;\n position: relative;\n background-color: transparent;\n outline: none;\n font-family: inherit;\n font-size: 30px;\n font-weight: 500;\n color: white;\n margin: 25px 0;\n cursor: pointer;\n padding: 0;\n z-index: 2;\n}\n#Datepickk .d-title:empty,\n#Datepickk .d-confirm:empty {\n display: none;\n}\n@media (max-height: 528px) {\n #Datepickk .d-title,\n #Datepickk .d-confirm {\n font-size: 20px;\n margin: 15px 0;\n }\n #Datepickk .d-calendar {\n font-size: 20px;\n }\n}\n#Datepickk.multi .d-calendar,\n#Datepickk.multi .d-legend {\n max-width: 800px;\n}\n#Datepickk.multi .d-table {\n position: relative;\n padding-top: 35px;\n}\n#Datepickk.multi .d-table:before {\n content: attr(data-month);\n text-align: right;\n width: 100%;\n font-size: 1em;\n padding: 5px 10px 5px 0;\n box-sizing: border-box;\n color: #CCC;\n position: absolute;\n left: 0;\n top: 0;\n}\n#Datepickk.inline.d-show .d-calendar {\n animation: none;\n}\n#Datepickk.inline,\n#Datepickk.wrapped {\n position: static;\n z-index: 0;\n}\n#Datepickk.inline .d-calendar,\n#Datepickk.wrapped .d-calendar {\n box-shadow: none;\n z-index: 0;\n max-width: none;\n max-height: none;\n}\n#Datepickk.inline .d-confirm,\n#Datepickk.wrapped .d-confirm,\n#Datepickk.inline .d-title,\n#Datepickk.wrapped .d-title {\n color: #222;\n}\n#Datepickk.inline .d-overlay,\n#Datepickk.wrapped .d-overlay {\n display: none;\n}\n#Datepickk.inline .d-legend,\n#Datepickk.wrapped .d-legend {\n color: #222!important;\n max-width: none;\n max-height: none;\n}\n#Datepickk.fullscreen .d-calendar {\n max-width: none;\n max-height: none;\n}\n#Datepickk.fullscreen .d-calendar input + label {\n outline: 1px solid #eaeaea;\n box-sizing: border-box;\n align-items: flex-start !important;\n justify-content: flex-end !important;\n}\n#Datepickk.fullscreen .d-calendar input + label text {\n padding: 5px 10px 0 0;\n}\n#Datepickk.fullscreen .d-legend {\n max-width: none;\n}\n#Datepickk .d-legend {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n width: 100%;\n z-index: 2;\n background-color: whitesmoke;\n max-width: 500px;\n position: relative;\n color: white;\n}\n#Datepickk .d-legend:empty {\n height: 0;\n}\n#Datepickk .d-legend p {\n backface-visibility: visible !important;\n animation-name: DatepickfadeInUp;\n animation-duration: .5s;\n animation-fill-mode: both;\n margin: 0;\n padding: 15px;\n transition: background-color 0.2s ease;\n cursor: pointer;\n color: #1B353F;\n}\n#Datepickk .d-legend p:after {\n content: attr(data-legend);\n}\n#Datepickk .d-legend p span {\n width: 20px;\n height: 20px;\n border-radius: 100%;\n vertical-align: bottom;\n display: inline-block;\n margin-right: 10px;\n}\n#Datepickk .d-calendar {\n margin: 0;\n background-color: white;\n box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.6);\n font-size: 20px;\n width: 100%;\n position: relative;\n max-width: 500px;\n max-height: 560px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n flex-grow: 1;\n z-index: 2;\n}\n#Datepickk .d-header {\n position: relative;\n background-color: #1B363F;\n color: white;\n font-size: 1.5em;\n}\n#Datepickk .d-header p {\n margin: .5em 0;\n text-align: center;\n}\n#Datepickk .d-header i {\n position: absolute;\n top: 50%;\n width: 30px;\n height: 30px;\n cursor: pointer;\n text-align: center;\n border-radius: 100%;\n transition: background-color 0.2s ease;\n transform: translateY(-50%);\n}\n#Datepickk .d-header i:before,\n#Datepickk .d-header i:after {\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n}\n#Datepickk .d-header i:before {\n border-top: 10px solid rgba(0, 0, 0, 0);\n border-bottom: 10px solid rgba(0, 0, 0, 0);\n}\n#Datepickk .d-header i:after {\n border-top: 7px solid rgba(0, 0, 0, 0);\n border-bottom: 7px solid rgba(0, 0, 0, 0);\n transition: border-color 0.2s ease;\n}\n#Datepickk .d-header i#d-previous {\n left: 20px;\n}\n#Datepickk .d-header i#d-previous:before {\n border-right: 10px solid #FFF;\n top: 5px;\n left: 7px;\n}\n#Datepickk .d-header i#d-previous:after {\n border-right: 7px solid #1B363F;\n top: 8px;\n left: 10px;\n}\n#Datepickk .d-header i#d-next {\n right: 20px;\n}\n#Datepickk .d-header i#d-next:before {\n border-left: 10px solid #FFF;\n top: 5px;\n left: 12px;\n}\n#Datepickk .d-header i#d-next:after {\n border-left: 7px solid #1B363F;\n top: 8px;\n left: 12px;\n}\n#Datepickk .d-header i:hover {\n background-color: #5E7178;\n}\n#Datepickk .d-header i:hover:after {\n border-left-color: #5E7178!important;\n border-right-color: #5E7178!important;\n}\n#Datepickk .d-month {\n cursor: pointer;\n white-space: nowrap;\n}\n#Datepickk .d-year {\n margin-left: 10px;\n cursor: pointer;\n}\n#Datepickk .d-year:before {\n content: \"\";\n}\n#Datepickk .d-month-picker {\n display: flex;\n justify-content: space-between;\n background-color: rgba(27, 54, 63, 0.9);\n height: 0;\n overflow: hidden;\n pointer-events: none;\n transition: height .2s ease;\n}\n#Datepickk .d-month-picker.d-show {\n height: 44px;\n pointer-events: auto;\n}\n#Datepickk .d-month-picker > div {\n width: calc(100% / 12);\n text-align: center;\n line-height: 44px;\n color: white;\n cursor: pointer;\n}\n#Datepickk .d-month-picker > div:hover,\n#Datepickk .d-month-picker > div:focus {\n background-color: #e32d2d;\n color: white;\n}\n#Datepickk .d-month-picker > div.current {\n background-color: #e9965a;\n color: white;\n}\n#Datepickk .d-year-picker {\n display: flex;\n justify-content: space-between;\n background-color: rgba(27, 54, 63, 0.9);\n height: 0;\n overflow: hidden;\n pointer-events: none;\n transition: height .2s ease;\n}\n#Datepickk .d-year-picker.d-show {\n height: 44px;\n pointer-events: auto;\n}\n#Datepickk .d-year-picker > div {\n width: calc(100% / 11);\n text-align: center;\n line-height: 44px;\n color: white;\n cursor: pointer;\n}\n#Datepickk .d-year-picker > div:hover,\n#Datepickk .d-year-picker > div:focus {\n background-color: #e32d2d;\n color: white;\n}\n#Datepickk .d-year-picker > div.current {\n background-color: #e9965a;\n color: white;\n}\n#Datepickk .d-weekdays {\n display: flex;\n}\n#Datepickk .d-week {\n background-color: #E95A5A;\n color: white;\n display: flex;\n width: 100%;\n}\n#Datepickk .d-week + .d-week {\n border-left: 1px solid rgba(255, 255, 255, 0.05);\n}\n#Datepickk .d-week > div {\n flex-basis: calc(100% / 7);\n text-align: center;\n}\n#Datepickk .d-week > div p {\n margin: .8em 0;\n}\n@media (max-height: 540px) {\n #Datepickk .d-week {\n display: none;\n }\n}\n#Datepickk .d-table {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n}\n#Datepickk .d-table:first-child:nth-last-child(n + 3),\n#Datepickk .d-table:first-child:nth-last-child(n + 3) ~ div {\n flex: 0;\n flex-basis: calc(100% / 3 - 1px);\n /*-1px due to browser render*/\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n#Datepickk .d-table label:nth-of-type(7n) .d-date-legends {\n padding-right: 0;\n}\n#Datepickk .d-table label:nth-last-of-type(-n + 7) .d-date-legends {\n padding-bottom: 0;\n}\n#Datepickk .d-table input {\n display: none;\n}\n#Datepickk .d-table input + label {\n flex-basis: calc(100% / 7);\n -ms-flex-preferred-size: 14.28%;\n /*Keep -> IE render fail*/\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease, background 0.2s ease, color 0.2s ease;\n position: relative;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n box-sizing: border-box;\n}\n#Datepickk .d-table input + label text {\n z-index: 9;\n pointer-events: none;\n position: relative;\n}\n#Datepickk .d-table input + label[style*=\"linear-gradient\"] text {\n text-shadow: 0 0 20px black;\n}\n#Datepickk .d-table input + label.today text:before {\n content: '';\n width: 100%;\n height: 2px;\n background-color: #E95A5A;\n position: absolute;\n bottom: -5px;\n left: 0;\n}\n#Datepickk .d-table input + label:before {\n content: '';\n position: absolute;\n top: 12.5%;\n left: 12.5%;\n width: 75%;\n height: 75%;\n border-radius: 5px;\n background-color: #7DD076;\n transition: transform 0.1s ease-out;\n transform: scaleX(0);\n transform-origin: left;\n}\n#Datepickk .d-table input + label.legend-hover {\n animation: legendhover 1s infinite;\n z-index: 10;\n}\n@keyframes legendhover {\n 0% {\n transform: translate(0, 0px);\n }\n 50% {\n transform: translate(0, -5px);\n }\n 100% {\n transform: translate(0, 0px);\n }\n}\n#Datepickk .d-table input + label.next,\n#Datepickk .d-table input + label.prev {\n color: #ccc;\n}\n#Datepickk .d-table input + label [data-tooltip]:after {\n content: '';\n border-radius: 100%;\n background-color: #1B363F;\n width: 5px;\n height: 5px;\n position: absolute;\n top: 0;\n right: -10px;\n}\n#Datepickk .d-table input + label .d-tooltip {\n position: absolute;\n background-color: #1B363F;\n color: #FFF;\n padding: 7px;\n font-size: .7em;\n z-index: 13;\n text-align: center;\n top: 100%;\n left: 50%;\n transform: translate(-50%, -5px);\n display: none;\n}\n#Datepickk .d-table input + label .d-tooltip:before {\n content: '';\n border-bottom: 7px solid #1B363F;\n border-left: 5px solid rgba(0, 0, 0, 0);\n border-right: 5px solid rgba(0, 0, 0, 0);\n top: -7px;\n left: 50%;\n position: absolute;\n margin-left: -5px;\n}\n#Datepickk .d-table input + label .d-tooltip:empty {\n display: none!important;\n}\n#Datepickk .d-table input + label:hover .d-tooltip {\n display: block;\n}\n#Datepickk .d-table input:checked + label {\n color: white;\n}\n#Datepickk .d-table input:checked + label:before {\n transform: scaleX(1);\n}\n#Datepickk .d-table input:disabled + label {\n cursor: not-allowed;\n}\n#Datepickk .d-table input:disabled + label:after {\n content: '';\n position: absolute;\n top: 50%;\n left: 20%;\n width: 60%;\n height: 2px;\n z-index: 10;\n background-color: #c60000;\n transform-origin: center;\n transform: rotate(-25deg);\n}\n#Datepickk .d-table input + label.d-hidden {\n cursor: default;\n color: #ccc!important;\n background: #f0f0f0!important;\n text-decoration: line-through;\n}\n#Datepickk .d-table input + label.d-hidden:after {\n content: none;\n}\n#Datepickk .d-tables {\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n}\n#Datepickk .d-tables:not(.locked) input:not(:checked) + label:not(.hidden):hover {\n color: #222;\n background-color: #eaeaea;\n}\n#Datepickk .d-tables.locked label {\n cursor: default;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked + label {\n color: white;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label:not(.hidden) {\n color: white;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked + label ~ label:not(.hidden):before {\n transform: scaleX(1);\n background-color: rgba(125, 208, 118, 0.5);\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label {\n color: #666;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label:before,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label:before {\n transform: scaleX(0);\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label.next,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label.next,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:hover ~ label.prev,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ label:focus ~ label.prev {\n color: #ccc;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label {\n color: white;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label:before {\n transform: scaleX(1);\n background-color: #7DD076;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label {\n color: inherit;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label.next,\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label.prev {\n color: #ccc;\n}\n#Datepickk .d-tables.range:not(.before) input:not(.single):checked ~ input:checked + label ~ label:before {\n transform: scaleX(0);\n}\n#Datepickk .d-tables.range.before input:not(.single):not(:checked) + label {\n color: white;\n}\n#Datepickk .d-tables.range.before input:not(.single):not(:checked) + label:before {\n transform: scaleX(1);\n background-color: rgba(233, 90, 126, 0.3);\n}\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label {\n color: inherit;\n}\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label.next,\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label.prev {\n color: #ccc;\n}\n#Datepickk .d-tables.range.before input:not(.single):checked + label ~ label:before {\n transform: scaleX(0);\n}\n#Datepickk .d-fadeInUp {\n backface-visibility: visible !important;\n animation-name: DatepickfadeInUp;\n animation-duration: .5s;\n animation-fill-mode: both;\n}\n@keyframes DatepickBGShow {\n from {\n opacity: 0;\n }\n}\n@keyframes DatepickfadeInUp {\n 0% {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n 100% {\n opacity: 1;\n transform: none;\n }\n}\n.d-fadeInUp {\n animation-name: DatepickfadeInUp;\n}\n#Datepickk.d-show > * {\n animation-name: DatepickkShow;\n animation-duration: .2s;\n animation-timing-function: ease-out;\n animation-fill-mode: both;\n}\n@keyframes DatepickkShow {\n from {\n opacity: 0;\n transform: translateY(-50px);\n }\n}\n@keyframes DatepickkHide {\n to {\n opacity: 0;\n transform: translateY(50px);\n }\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/src/css/datepickk.less b/src/css/datepickk.less index d44c038..2550286 100644 --- a/src/css/datepickk.less +++ b/src/css/datepickk.less @@ -336,13 +336,12 @@ justify-content:space-between; background-color: fade(#1B363F,90%); height: 0; - opacity: 1; + overflow: hidden; pointer-events: none; transition: height .2s ease; &.d-show{ height: 44px; - opacity: 1; pointer-events: auto; } @@ -370,13 +369,12 @@ justify-content:space-between; background-color: fade(#1B363F,90%); height: 0; - opacity: 1; + overflow: hidden; pointer-events: none; transition: height .2s ease; &.d-show{ height: 44px; - opacity: 1; pointer-events: auto; }