quasar 2.1.8 → 2.2.2

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.1.8
+ * Quasar Framework v2.2.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1489,7 +1489,10 @@ body.desktop .q-chip--clickable:focus
   &--bordered
     border: 1px solid $separator-color
   &__header
-    height: 68px
+    &-tabs
+      height: 32px
+    &-banner
+      height: 36px
     input
       line-height: 24px
       border: 0
@@ -2675,6 +2678,8 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
   background: $light-dimmed-background
   &--dark
     background: $dimmed-background
+  &__label
+    margin-top: 8px
 .q-textarea
   .q-field__control
     min-height: 56px
@@ -3185,6 +3190,11 @@ body.desktop
 .q-rating
   color: $rating-grade-color
   vertical-align: middle
+  &__icon-container
+    height: 1em
+    outline: 0
+    & + &
+      margin-left: 2px
   &__icon
     color: currentColor
     text-shadow: $rating-shadow
@@ -3197,14 +3207,10 @@ body.desktop
       opacity: 1
     &--exselected
       opacity: .7
-    & + &
-      margin-left: 2px
   &--no-dimming .q-rating__icon
     opacity: 1
-  &--editable .q-icon
+  &--editable .q-rating__icon-container
     cursor: pointer
-  &--non-editable span, .q-icon
-    outline: 0
 .q-responsive
   position: relative
   max-width: 100%
@@ -3326,6 +3332,7 @@ body.platform-ios
       margin-top: 8px
       margin-bottom: 8px
 .q-skeleton
+  --q-skeleton-speed: 1500ms
   background: $separator-color
   border-radius: $generic-border-radius
   &--anim
@@ -3373,13 +3380,13 @@ body.platform-ios
   &--square
     border-radius: 0
   &--anim-fade
-    animation: q-skeleton--fade 1.5s linear .5s infinite
+    animation: q-skeleton--fade var(--q-skeleton-speed) linear .5s infinite
   &--anim-pulse
-    animation: q-skeleton--pulse 1.5s ease-in-out .5s infinite
+    animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out .5s infinite
   &--anim-pulse-x
-    animation: q-skeleton--pulse-x 1.5s ease-in-out .5s infinite
+    animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out .5s infinite
   &--anim-pulse-y
-    animation: q-skeleton--pulse-y 1.5s ease-in-out .5s infinite
+    animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out .5s infinite
   &--anim-wave,
   &--anim-blink,
   &--anim-pop
@@ -3396,10 +3403,10 @@ body.platform-ios
       z-index: 0
   &--anim-blink:after
     background: rgba(255,255,255,.7)
-    animation: q-skeleton--fade 1.5s linear .5s infinite
+    animation: q-skeleton--fade var(--q-skeleton-speed) linear .5s infinite
   &--anim-wave:after
     background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))
-    animation: q-skeleton--wave 1.5s linear .5s infinite
+    animation: q-skeleton--wave var(--q-skeleton-speed) linear .5s infinite
   &--dark
     background: rgba(255, 255, 255, 0.05)
     &.q-skeleton--bordered
@@ -6978,9 +6985,6 @@ img.responsive
   touch-action: pan-x
 .q-touch-y
   touch-action: pan-y
-\:root
-  --q-transition-duration: .3s
-  --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1)
 .q-transition
   &--slide-right,
   &--slide-left,
@@ -6994,6 +6998,10 @@ img.responsive
   &--scale,
   &--rotate,
   &--flip
+    &-enter-active,
+    &-leave-active
+      --q-transition-duration: .3s
+      --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1)
     &-leave-active
       position: absolute
   &--slide-right,