vendor/assets/stylesheets/flatpickr/themes/material_orange.css in flatpickr-2.5.6.0 vs vendor/assets/stylesheets/flatpickr/themes/material_orange.css in flatpickr-2.5.8.0
- old
+ new
@@ -30,12 +30,12 @@
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
- -webkit-animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
@@ -274,41 +274,41 @@
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
- padding: 7px 0 0 0;
+ padding: 4.2px 0 0 0;
line-height: 1;
height: 28px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month.slideLeft {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
- -webkit-animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideLeftNew {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
- -webkit-animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRight {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
- -webkit-animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRightNew {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
- -webkit-animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
@@ -371,21 +371,20 @@
height: 28px;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
+ background: #ff8a65;
color: rgba(0,0,0,0.54);
line-height: 1;
margin: 0;
- background: #ff8a65;
text-align: center;
display: block;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder;
- margin: 0;
}
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0;
}
@@ -394,11 +393,10 @@
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 315px;
- background: #fff;
border-left: 1px solid rgba(72,72,72,0.2);
border-right: 1px solid rgba(72,72,72,0.2);
}
.flatpickr-days:focus {
outline: 0;
@@ -424,31 +422,31 @@
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1;
}
.flatpickr-calendar.animate .dayContainer.slideLeft {
- -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
- -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideRight {
- -webkit-animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
.flatpickr-calendar.animate .dayContainer.slideRightNew {
- -webkit-animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
- animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
+ animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
@@ -572,11 +570,10 @@
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
border-left: 1px solid rgba(72,72,72,0.2);
- box-shadow: 1px 0 0 rgba(72,72,72,0.2);
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
@@ -679,10 +676,14 @@
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
+ -webkit-align-self: center;
+ -ms-flex-item-align: center;
+ -ms-grid-row-align: center;
+ align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
@@ -694,11 +695,11 @@
background: #ececec;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
-@-webkit-keyframes flatpickrFadeInDown {
+@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
@@ -706,11 +707,11 @@
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
-@keyframes flatpickrFadeInDown {
+@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
@@ -718,114 +719,114 @@
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
-@-webkit-keyframes slideLeft {
+@-webkit-keyframes fpSlideLeft {
from {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
to {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
}
-@keyframes slideLeft {
+@keyframes fpSlideLeft {
from {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
to {
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
}
}
-@-webkit-keyframes slideLeftNew {
+@-webkit-keyframes fpSlideLeftNew {
from {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
to {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
-@keyframes slideLeftNew {
+@keyframes fpSlideLeftNew {
from {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
to {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
}
-@-webkit-keyframes slideRight {
+@-webkit-keyframes fpSlideRight {
from {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
to {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
}
-@keyframes slideRight {
+@keyframes fpSlideRight {
from {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
to {
-webkit-transform: translate3d(100%, 0px, 0px);
transform: translate3d(100%, 0px, 0px);
}
}
-@-webkit-keyframes slideRightNew {
+@-webkit-keyframes fpSlideRightNew {
from {
-webkit-transform: translate3d(-100%, 0, 0px);
transform: translate3d(-100%, 0, 0px);
}
to {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
}
-@keyframes slideRightNew {
+@keyframes fpSlideRightNew {
from {
-webkit-transform: translate3d(-100%, 0, 0px);
transform: translate3d(-100%, 0, 0px);
}
to {
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px);
}
}
-@-webkit-keyframes fadeOut {
+@-webkit-keyframes fpFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
-@keyframes fadeOut {
+@keyframes fpFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
-@-webkit-keyframes fadeIn {
+@-webkit-keyframes fpFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
-@keyframes fadeIn {
+@keyframes fpFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;