quasar 1.20.2 → 1.21.0

package/dist/quasar.css

@@ -1,5 +1,5 @@
 /*
- * Quasar Framework v1.20.2
+ * Quasar Framework v1.21.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1201,14 +1201,12 @@ body.desktop .q-chip--clickable:focus {
 }
 .q-circular-progress--indeterminate .q-circular-progress__svg {
   transform-origin: 50% 50%;
-  -webkit-animation: q-spin 2s linear infinite /* rtl:ignore */;
-          animation: q-spin 2s linear infinite /* rtl:ignore */;
+  animation: q-spin 2s linear infinite /* rtl:ignore */;
 }
 .q-circular-progress--indeterminate .q-circular-progress__circle {
   stroke-dasharray: 1 400;
   stroke-dashoffset: 0;
-  -webkit-animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */;
-          animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */;
+  animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */;
 }
 .q-color-picker {
   overflow: hidden;
@@ -1960,8 +1958,7 @@ body.q-ios-padding .q-dialog__inner > div {
   opacity: 0;
 }
 .q-expansion-item--expanded .q-textarea--autogrow textarea {
-  -webkit-animation: q-expansion-done 0s;
-          animation: q-expansion-done 0s;
+  animation: q-expansion-done 0s;
 }
 .z-fab {
   z-index: 990;
@@ -2623,8 +2620,7 @@ body.q-ios-padding .q-dialog__inner > div {
   padding-right: 0;
 }
 .q-field--error .q-field__label {
-  -webkit-animation: q-field-label 0.36s;
-          animation: q-field-label 0.36s;
+  animation: q-field-label 0.36s;
 }
 .q-field--error .q-field__bottom {
   color: #c10015;
@@ -3245,16 +3241,13 @@ body.platform-ios .q-layout--containerized {
 }
 .q-linear-progress__model--indeterminate:before,
 .q-linear-progress__model--query:before {
-  -webkit-animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-          animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 .q-linear-progress__model--indeterminate:after,
 .q-linear-progress__model--query:after {
   transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
-  -webkit-animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-          animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  -webkit-animation-delay: 1.15s;
-          animation-delay: 1.15s;
+  animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+  animation-delay: 1.15s;
 }
 .q-linear-progress__track {
   opacity: 0.4;
@@ -3501,7 +3494,6 @@ body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
   opacity: 0.2;
   transition: opacity 0.3s;
   will-change: opacity;
-  cursor: -webkit-grab;
   cursor: grab;
 }
 .q-scrollarea__bar--v,
@@ -3692,20 +3684,16 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
   border-radius: 0;
 }
 .q-skeleton--anim-fade {
-  -webkit-animation: q-skeleton--fade 1.5s linear 0.5s infinite;
-          animation: q-skeleton--fade 1.5s linear 0.5s infinite;
+  animation: q-skeleton--fade 1.5s linear 0.5s infinite;
 }
 .q-skeleton--anim-pulse {
-  -webkit-animation: q-skeleton--pulse 1.5s ease-in-out 0.5s infinite;
-          animation: q-skeleton--pulse 1.5s ease-in-out 0.5s infinite;
+  animation: q-skeleton--pulse 1.5s ease-in-out 0.5s infinite;
 }
 .q-skeleton--anim-pulse-x {
-  -webkit-animation: q-skeleton--pulse-x 1.5s ease-in-out 0.5s infinite;
-          animation: q-skeleton--pulse-x 1.5s ease-in-out 0.5s infinite;
+  animation: q-skeleton--pulse-x 1.5s ease-in-out 0.5s infinite;
 }
 .q-skeleton--anim-pulse-y {
-  -webkit-animation: q-skeleton--pulse-y 1.5s ease-in-out 0.5s infinite;
-          animation: q-skeleton--pulse-y 1.5s ease-in-out 0.5s infinite;
+  animation: q-skeleton--pulse-y 1.5s ease-in-out 0.5s infinite;
 }
 .q-skeleton--anim-wave,
 .q-skeleton--anim-blink,
@@ -3727,13 +3715,11 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
 }
 .q-skeleton--anim-blink:after {
   background: rgba(255,255,255,0.7);
-  -webkit-animation: q-skeleton--fade 1.5s linear 0.5s infinite;
-          animation: q-skeleton--fade 1.5s linear 0.5s infinite;
+  animation: q-skeleton--fade 1.5s linear 0.5s infinite;
 }
 .q-skeleton--anim-wave:after {
   background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
-  -webkit-animation: q-skeleton--wave 1.5s linear 0.5s infinite;
-          animation: q-skeleton--wave 1.5s linear 0.5s infinite;
+  animation: q-skeleton--wave 1.5s linear 0.5s infinite;
 }
 .q-skeleton--dark {
   background: rgba(255,255,255,0.05);
@@ -3812,7 +3798,6 @@ body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--f
   height: 200px;
 }
 .q-slider--editable .q-slider__track-container {
-  cursor: -webkit-grab;
   cursor: grab;
 }
 .q-slider__track-container {
@@ -4086,7 +4071,6 @@ body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-sl
   transition: transform 0.28s;
 }
 .q-slider--active {
-  cursor: -webkit-grabbing;
   cursor: grabbing;
 }
 .q-slider--active .q-slider__thumb-shape {
@@ -4126,15 +4110,13 @@ body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-sli
   vertical-align: middle;
 }
 .q-spinner-mat {
-  -webkit-animation: q-spin 2s linear infinite;
-          animation: q-spin 2s linear infinite;
+  animation: q-spin 2s linear infinite;
   transform-origin: center center;
 }
 .q-spinner-mat .path {
   stroke-dasharray: 1, 200 /* rtl:ignore */;
   stroke-dashoffset: 0 /* rtl:ignore */;
-  -webkit-animation: q-mat-dash 1.5s ease-in-out infinite;
-          animation: q-mat-dash 1.5s ease-in-out infinite;
+  animation: q-mat-dash 1.5s ease-in-out infinite;
 }
 .q-splitter__panel {
   position: relative;
@@ -4911,12 +4893,12 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
 }
 .q-tabs--horizontal .q-tabs__arrow--start {
   top: 0;
-  left: 0;
+  left: 0 /* rtl:ignore */;
   bottom: 0;
 }
 .q-tabs--horizontal .q-tabs__arrow--end {
   top: 0;
-  right: 0;
+  right: 0 /* rtl:ignore */;
   bottom: 0;
 }
 .q-tabs--vertical {
@@ -4961,12 +4943,6 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
 .q-tabs--dense .q-tab--full {
   min-height: 52px;
 }
-@media (min-width: 1440px) {
-  .q-header .q-tab__content,
-  .q-footer .q-tab__content {
-    min-width: 128px;
-  }
-}
 .q-time {
   box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
   border-radius: 4px;
@@ -6205,8 +6181,7 @@ body.q-ios-padding .q-notifications__list--bottom {
   color: var(--q-color-primary);
 }
 .q-notification__badge {
-  -webkit-animation: q-notif-badge 0.42s;
-          animation: q-notif-badge 0.42s;
+  animation: q-notif-badge 0.42s;
   padding: 4px 8px;
   position: absolute;
   background: #c10015;
@@ -6241,8 +6216,7 @@ body.q-ios-padding .q-notifications__list--bottom {
   bottom: 0;
   left: -10px;
   right: -10px;
-  -webkit-animation: q-notif-progress linear;
-          animation: q-notif-progress linear;
+  animation: q-notif-progress linear;
   background: currentColor;
   opacity: 0.3;
   border-radius: 4px 4px 0 0;
@@ -6346,88 +6320,67 @@ body.q-ios-padding .q-notifications__list--bottom {
   --animate-repeat: 1;
 }
 .animated {
-  -webkit-animation-duration: var(--animate-duration);
-          animation-duration: var(--animate-duration);
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation-duration: var(--animate-duration);
+  animation-fill-mode: both;
 }
 .animated.infinite {
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
 }
 .animated.hinge {
-  -webkit-animation-duration: 2s;
-          animation-duration: 2s;
+  animation-duration: 2s;
 }
 .animated.repeat-1 {
-  -webkit-animation-iteration-count: var(--animate-repeat);
-          animation-iteration-count: var(--animate-repeat);
+  animation-iteration-count: var(--animate-repeat);
 }
 .animated.repeat-2 {
-  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
-          animation-iteration-count: calc(var(--animate-repeat) * 2);
+  animation-iteration-count: calc(var(--animate-repeat) * 2);
 }
 .animated.repeat-3 {
-  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
-          animation-iteration-count: calc(var(--animate-repeat) * 3);
+  animation-iteration-count: calc(var(--animate-repeat) * 3);
 }
 .animated.delay-1s {
-  -webkit-animation-delay: var(--animate-delay);
-          animation-delay: var(--animate-delay);
+  animation-delay: var(--animate-delay);
 }
 .animated.delay-2s {
-  -webkit-animation-delay: calc(var(--animate-delay) * 2);
-          animation-delay: calc(var(--animate-delay) * 2);
+  animation-delay: calc(var(--animate-delay) * 2);
 }
 .animated.delay-3s {
-  -webkit-animation-delay: calc(var(--animate-delay) * 3);
-          animation-delay: calc(var(--animate-delay) * 3);
+  animation-delay: calc(var(--animate-delay) * 3);
 }
 .animated.delay-4s {
-  -webkit-animation-delay: calc(var(--animate-delay) * 4);
-          animation-delay: calc(var(--animate-delay) * 4);
+  animation-delay: calc(var(--animate-delay) * 4);
 }
 .animated.delay-5s {
-  -webkit-animation-delay: calc(var(--animate-delay) * 5);
-          animation-delay: calc(var(--animate-delay) * 5);
+  animation-delay: calc(var(--animate-delay) * 5);
 }
 .animated.faster {
-  -webkit-animation-duration: calc(var(--animate-duration) / 2);
-          animation-duration: calc(var(--animate-duration) / 2);
+  animation-duration: calc(var(--animate-duration) / 2);
 }
 .animated.fast {
-  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
-          animation-duration: calc(var(--animate-duration) * 0.8);
+  animation-duration: calc(var(--animate-duration) * 0.8);
 }
 .animated.slow {
-  -webkit-animation-duration: calc(var(--animate-duration) * 2);
-          animation-duration: calc(var(--animate-duration) * 2);
+  animation-duration: calc(var(--animate-duration) * 2);
 }
 .animated.slower {
-  -webkit-animation-duration: calc(var(--animate-duration) * 3);
-          animation-duration: calc(var(--animate-duration) * 3);
+  animation-duration: calc(var(--animate-duration) * 3);
 }
 @media print, (prefers-reduced-motion: reduce) {
   .animated {
-    -webkit-animation-duration: 1ms !important;
-            animation-duration: 1ms !important;
+    animation-duration: 1ms !important;
     transition-duration: 1ms !important;
-    -webkit-animation-iteration-count: 1 !important;
-            animation-iteration-count: 1 !important;
+    animation-iteration-count: 1 !important;
   }
   .animated[class*='Out'] {
     opacity: 0;
   }
 }
 .q-animate--scale {
-  -webkit-animation: q-scale 0.15s;
-          animation: q-scale 0.15s;
-  -webkit-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
-          animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
+  animation: q-scale 0.15s;
+  animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 .q-animate--fade {
-  -webkit-animation: q-fade 0.2s /* rtl:ignore */;
-          animation: q-fade 0.2s /* rtl:ignore */;
+  animation: q-fade 0.2s /* rtl:ignore */;
 }
 :root {
   --q-color-primary: #1976d2;
@@ -11390,8 +11343,7 @@ body.body--dark {
     height: auto;
   }
   .q-spinner {
-    -webkit-animation: q-ie-spinner 2s linear infinite /* rtl:ignore */;
-            animation: q-ie-spinner 2s linear infinite /* rtl:ignore */;
+    animation: q-ie-spinner 2s linear infinite /* rtl:ignore */;
     transform-origin: center center /* rtl:ignore */;
     opacity: 0.5;
   }
@@ -11592,8 +11544,7 @@ body.body--dark {
     height: auto;
   }
   .q-spinner {
-    -webkit-animation: q-ie-spinner 2s linear infinite /* rtl:ignore */;
-            animation: q-ie-spinner 2s linear infinite /* rtl:ignore */;
+    animation: q-ie-spinner 2s linear infinite /* rtl:ignore */;
     transform-origin: center center /* rtl:ignore */;
     opacity: 0.5;
   }
@@ -11642,20 +11593,6 @@ body.body--dark {
     z-index: 1;
   }
 }
-@-webkit-keyframes q-circular-progress-circle {
-  0% {
-    stroke-dasharray: 1, 400;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 400, 400;
-    stroke-dashoffset: -100;
-  }
-  100% {
-    stroke-dasharray: 400, 400;
-    stroke-dashoffset: -300;
-  }
-}
 @keyframes q-circular-progress-circle {
   0% {
     stroke-dasharray: 1, 400;
@@ -11670,27 +11607,11 @@ body.body--dark {
     stroke-dashoffset: -300;
   }
 }
-@-webkit-keyframes q-expansion-done {
-  0% {
-    --q-exp-done: 1;
-  }
-}
 @keyframes q-expansion-done {
   0% {
     --q-exp-done: 1;
   }
 }
-@-webkit-keyframes q-field-label {
-  40% {
-    margin-left: 2px;
-  }
-  60%, 80% {
-    margin-left: -2px;
-  }
-  70%, 90% {
-    margin-left: 2px;
-  }
-}
 @keyframes q-field-label {
   40% {
     margin-left: 2px;
@@ -11702,29 +11623,12 @@ body.body--dark {
     margin-left: 2px;
   }
 }
-@-webkit-keyframes q-autofill {
-  to {
-    background: transparent;
-    color: inherit;
-  }
-}
 @keyframes q-autofill {
   to {
     background: transparent;
     color: inherit;
   }
 }
-@-webkit-keyframes q-linear-progress--indeterminate {
-  0% {
-    transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
-  }
-  60% {
-    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
-  }
-  100% {
-    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
-  }
-}
 @keyframes q-linear-progress--indeterminate {
   0% {
     transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
@@ -11736,17 +11640,6 @@ body.body--dark {
     transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
   }
 }
-@-webkit-keyframes q-linear-progress--indeterminate-short {
-  0% {
-    transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
-  }
-  60% {
-    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
-  }
-  100% {
-    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
-  }
-}
 @keyframes q-linear-progress--indeterminate-short {
   0% {
     transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
@@ -11758,17 +11651,6 @@ body.body--dark {
     transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
   }
 }
-@-webkit-keyframes q-skeleton--fade {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
 @keyframes q-skeleton--fade {
   0% {
     opacity: 1;
@@ -11780,17 +11662,6 @@ body.body--dark {
     opacity: 1;
   }
 }
-@-webkit-keyframes q-skeleton--pulse {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(0.85);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
 @keyframes q-skeleton--pulse {
   0% {
     transform: scale(1);
@@ -11802,17 +11673,6 @@ body.body--dark {
     transform: scale(1);
   }
 }
-@-webkit-keyframes q-skeleton--pulse-x {
-  0% {
-    transform: scaleX(1);
-  }
-  50% {
-    transform: scaleX(0.75);
-  }
-  100% {
-    transform: scaleX(1);
-  }
-}
 @keyframes q-skeleton--pulse-x {
   0% {
     transform: scaleX(1);
@@ -11824,17 +11684,6 @@ body.body--dark {
     transform: scaleX(1);
   }
 }
-@-webkit-keyframes q-skeleton--pulse-y {
-  0% {
-    transform: scaleY(1);
-  }
-  50% {
-    transform: scaleY(0.75);
-  }
-  100% {
-    transform: scaleY(1);
-  }
-}
 @keyframes q-skeleton--pulse-y {
   0% {
     transform: scaleY(1);
@@ -11846,14 +11695,6 @@ body.body--dark {
     transform: scaleY(1);
   }
 }
-@-webkit-keyframes q-skeleton--wave {
-  0% {
-    transform: translateX(-100%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-}
 @keyframes q-skeleton--wave {
   0% {
     transform: translateX(-100%);
@@ -11862,23 +11703,6 @@ body.body--dark {
     transform: translateX(100%);
   }
 }
-@-webkit-keyframes q-spin {
-  0% {
-    transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
-  }
-  25% {
-    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
-  }
-  50% {
-    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
-  }
-  75% {
-    transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */;
-  }
-  100% {
-    transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
-  }
-}
 @keyframes q-spin {
   0% {
     transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
@@ -11896,20 +11720,6 @@ body.body--dark {
     transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
   }
 }
-@-webkit-keyframes q-mat-dash {
-  0% {
-    stroke-dasharray: 1, 200 /* rtl:ignore */;
-    stroke-dashoffset: 0 /* rtl:ignore */;
-  }
-  50% {
-    stroke-dasharray: 89, 200 /* rtl:ignore */;
-    stroke-dashoffset: -35px /* rtl:ignore */;
-  }
-  100% {
-    stroke-dasharray: 89, 200 /* rtl:ignore */;
-    stroke-dashoffset: -124px /* rtl:ignore */;
-  }
-}
 @keyframes q-mat-dash {
   0% {
     stroke-dasharray: 1, 200 /* rtl:ignore */;
@@ -11924,23 +11734,6 @@ body.body--dark {
     stroke-dashoffset: -124px /* rtl:ignore */;
   }
 }
-@-webkit-keyframes q-notif-badge {
-  15% {
-    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-  }
-  30% {
-    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-  }
-  45% {
-    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-  }
-  60% {
-    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-  }
-  75% {
-    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-  }
-}
 @keyframes q-notif-badge {
   15% {
     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
@@ -11958,14 +11751,6 @@ body.body--dark {
     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
   }
 }
-@-webkit-keyframes q-notif-progress {
-  0% {
-    transform: scaleX(1);
-  }
-  100% {
-    transform: scaleX(0);
-  }
-}
 @keyframes q-notif-progress {
   0% {
     transform: scaleX(1);
@@ -11974,17 +11759,6 @@ body.body--dark {
     transform: scaleX(0);
   }
 }
-@-webkit-keyframes q-scale {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.04);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
 @keyframes q-scale {
   0% {
     transform: scale(1);
@@ -11996,14 +11770,6 @@ body.body--dark {
     transform: scale(1);
   }
 }
-@-webkit-keyframes q-fade {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
 @keyframes q-fade {
   0% {
     opacity: 0;
@@ -12012,17 +11778,6 @@ body.body--dark {
     opacity: 1;
   }
 }
-@-webkit-keyframes q-ie-spinner {
-  0% {
-    opacity: 0.5;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.5;
-  }
-}
 @keyframes q-ie-spinner {
   0% {
     opacity: 0.5;