quasar 2.16.11 → 2.17.1

package/dist/quasar.sass

@@ -1,15 +1,17 @@
 /*!
- * Quasar Framework v2.16.11
+ * Quasar Framework v2.17.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
-@use 'sass:math'
-
+@use 'sass:list'
+@use 'sass:string'
+@use 'sass:math'
+@use 'sass:map'
 @function str-replace($string, $search, $replace: '')
-  $index: str-index($string, $search)
+  $index: string.index($string, $search)
   @if $index
-    $start: str-slice($string, 1, $index - 1)
-    $end: str-replace(str-slice($string, $index + str-length($search)), $search, $replace)
+    $start: string.slice($string, 1, $index - 1)
+    $end: str-replace(string.slice($string, $index + string.length($search)), $search, $replace)
     @return $start + $replace + $end
   @return $string
 @function str-fr($selector, $name, $i: '')
@@ -17,8 +19,7 @@
 @function str-fe($selector, $name, $noProc, $i: '')
   @if $noProc
     @return str-fr($selector, $name, $i)
-  @return join(str-fr($selector, '', $i), str-fr($selector, $name, $i), $separator: comma)
-
+  @return list.join(str-fr($selector, '', $i), str-fr($selector, $name, $i), $separator: comma)
 $PI: 3.14159265359
 @function pow($number, $exp)
   $value: 1
@@ -36,7 +37,7 @@ $PI: 3.14159265359
       $value: $value * $i
   @return $value
 @function toFixed($number, $power)
-  @return math.div(round($number * $power), $power)
+  @return math.div(math.round($number * $power), $power)
 @function sin($angle)
   $sin: 0
   
@@ -80,14 +81,14 @@ $body-font-size   : 14px !default
 $body-line-height : 1.5 !default
 $flex-gutter: ('none': 0, 'xs': $flex-gutter-xs, 'sm': $flex-gutter-sm, 'md': $flex-gutter-md, 'lg': $flex-gutter-lg, 'xl': $flex-gutter-xl) !default
 $sizes: ('xs': 0, 'sm': ($breakpoint-xs + 1), 'md': ($breakpoint-sm + 1), 'lg': ($breakpoint-md + 1), 'xl': ($breakpoint-lg + 1)) !default
-$breakpoint-xs-max: (map-get($sizes, "sm") - 0.02) !default
-$breakpoint-sm-min: map-get($sizes, "sm") !default
-$breakpoint-sm-max: (map-get($sizes, "md") - 0.02) !default
-$breakpoint-md-min: map-get($sizes, "md") !default
-$breakpoint-md-max: (map-get($sizes, "lg") - 0.02) !default
-$breakpoint-lg-min: map-get($sizes, "lg") !default
-$breakpoint-lg-max: (map-get($sizes, "xl") - 0.02) !default
-$breakpoint-xl-min: map-get($sizes, "xl") !default
+$breakpoint-xs-max: (map.get($sizes, "sm") - 0.02) !default
+$breakpoint-sm-min: map.get($sizes, "sm") !default
+$breakpoint-sm-max: (map.get($sizes, "md") - 0.02) !default
+$breakpoint-md-min: map.get($sizes, "md") !default
+$breakpoint-md-max: (map.get($sizes, "lg") - 0.02) !default
+$breakpoint-lg-min: map.get($sizes, "lg") !default
+$breakpoint-lg-max: (map.get($sizes, "xl") - 0.02) !default
+$breakpoint-xl-min: map.get($sizes, "xl") !default
 $h1:        (size: 6rem,     line-height: 6rem,     letter-spacing: -.01562em, weight: 300) !default
 $h2:        (size: 3.75rem,  line-height: 3.75rem,  letter-spacing: -.00833em, weight: 300) !default
 $h3:        (size: 3rem,     line-height: 3.125rem, letter-spacing: normal,    weight: 400) !default
@@ -101,7 +102,7 @@ $body2:     (size: .875rem,  line-height: 1.25rem,  letter-spacing: .01786em,  w
 $overline:  (size: .75rem,   line-height: 2rem,     letter-spacing: .16667em,  weight: 500) !default
 $caption:   (size: .75rem,   line-height: 1.25rem,  letter-spacing: .03333em,  weight: 400) !default
 $headings: ('h1': $h1, 'h2': $h2, 'h3': $h3, 'h4': $h4, 'h5': $h5, 'h6': $h6, 'subtitle1': $subtitle1, 'subtitle2': $subtitle2, 'body1': $body1, 'body2': $body2, 'overline': $overline, 'caption': $caption) !default
-$h-tags: (h1: map-get($headings, "h1"), h2: map-get($headings, "h2"), h3: map-get($headings, "h3"), h4: map-get($headings, "h4"), h5: map-get($headings, "h5"), h6: map-get($headings, "h6")) !default
+$h-tags: (h1: map.get($headings, "h1"), h2: map.get($headings, "h2"), h3: map.get($headings, "h3"), h4: map.get($headings, "h4"), h5: map.get($headings, "h5"), h6: map.get($headings, "h6")) !default
 $text-weights: (thin: 100, light: 300, regular: 400, medium: 500, bold: 700, bolder: 900) !default
 $primary   : #1976D2 !default
 $secondary : #26A69A !default
@@ -677,6 +678,7 @@ $menu-background                          : #fff !default
 $menu-box-shadow                          : $shadow-2 !default
 $menu-box-shadow-dark                     : $dark-shadow-2 !default
 $menu-max-width                           : 95vw !default
+$menu-max-height                          : 65vh !default
 $rating-grade-color                       : $yellow !default
 $rating-shadow                            : 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !default
 $tooltip-color                            : #fafafa !default
@@ -686,6 +688,8 @@ $tooltip-border-radius                    : $generic-border-radius !default
 $tooltip-fontsize                         : 10px !default
 $tooltip-mobile-padding                   : 8px 16px !default
 $tooltip-mobile-fontsize                  : 14px !default
+$tooltip-max-width                        : 95vw !default
+$tooltip-max-height                       : 65vh !default
 $uploader-title-font-size                 : 14px !default
 $uploader-title-line-height               : 1.285714 !default
 $uploader-subtitle-font-size              : 12px !default
@@ -3218,14 +3222,14 @@ body.platform-ios
 .q-menu
   position: fixed !important
   display: inline-block
-  max-width: $menu-max-width
+  max-width: $menu-max-width 
+  max-height: $menu-max-height 
   box-shadow: $menu-box-shadow
   background: $menu-background
   border-radius: $generic-border-radius
   overflow-y: auto
   overflow-x: hidden
   outline: 0
-  max-height: 65vh
   z-index: $z-menu
   &--square
     border-radius: 0
@@ -4661,15 +4665,15 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
     $top: (1 + sin($angle))
     $left: (1 + cos($angle))
     &__clock-pos-#{$pos}
-      top: toFixed(percentage($top * 0.5), 100)
-      left: toFixed(percentage($left * 0.5), 100) #{"/* rtl:ignore */"}
+      top: toFixed(math.percentage($top * 0.5), 100)
+      left: toFixed(math.percentage($left * 0.5), 100) #{"/* rtl:ignore */"}
   @for $pos from 12 through 23
     $angle: (270 + 30 * $pos)
     $top: (1 + sin($angle))
     $left: (1 + cos($angle))
     &__clock-pos-#{$pos}
-      top: toFixed(percentage(.15 + $top * .35), 100)
-      left: toFixed(percentage(.15 + $left * .35), 100) #{"/* rtl:ignore */"}
+      top: toFixed(math.percentage(.15 + $top * .35), 100)
+      left: toFixed(math.percentage(.15 + $left * .35), 100) #{"/* rtl:ignore */"}
   &__now-button
     background-color: var(--q-primary)
     color: #fff
@@ -5052,6 +5056,8 @@ body.desktop
   overflow-y: auto
   overflow-x: hidden
   padding: $tooltip-padding
+  max-width: $tooltip-max-width 
+  max-height: $tooltip-max-height 
   @media (max-width: $breakpoint-xs-max)
     font-size: $tooltip-mobile-fontsize
     padding: $tooltip-mobile-padding
@@ -5272,7 +5278,6 @@ body.desktop
       height: 200px
       min-width: 200px
       background-position: 50% 50%
-      background-size: cover
       background-repeat: no-repeat
       &:before
         content: none
@@ -6896,9 +6901,9 @@ body.q-ios-padding .q-notifications__list
   transition: $shadow-transition !important
 @for $z from 1 through 24
   .shadow-#{$z}
-    box-shadow: nth($shadows, $z)
+    box-shadow: list.nth($shadows, $z)
   .shadow-up-#{$z}
-    box-shadow: nth($shadows-up, $z)
+    box-shadow: list.nth($shadows-up, $z)
 .inset-shadow
   box-shadow: $inset-shadow
 .inset-shadow-down
@@ -6906,9 +6911,9 @@ body.q-ios-padding .q-notifications__list
 body.body--dark
   @for $z from 1 through 24
     .shadow-#{$z}
-      box-shadow: nth($dark-shadows, $z)
+      box-shadow: list.nth($dark-shadows, $z)
     .shadow-up-#{$z}
-      box-shadow: nth($dark-shadows-up, $z)
+      box-shadow: list.nth($dark-shadows-up, $z)
   .inset-shadow
     box-shadow: $inset-dark-shadow
   .inset-shadow-down
@@ -6923,7 +6928,6 @@ body.body--dark
   z-index: $z-fullscreen
 .z-inherit
   z-index: inherit !important
-
 @mixin fg($name, $size)
   $noProcNotZero: $size > 0
   @media (min-width: $size)
@@ -6946,19 +6950,19 @@ body.body--dark
       &-shrink
         flex: 0 1 auto
     @for $i from 0 through $flex-cols
-      $ic: quote('' + $i)
+      $ic: string.quote('' + $i)
       #{str-fe('.col<name>-<i>', $name, $noProcNotZero, $ic)}
         @extend .col#{$name}-auto
       .row
         #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
           height: auto
-          width: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+          width: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
         @if $i != 0 or $name != ''
           #{str-fe('> .offset<name>-<i>', $name, $noProcNotZero, $ic)}
-            margin-left: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+            margin-left: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
       .column
         #{str-fe('> .col<name>-<i>', $name, $noProcNotZero, $ic)}
-          height: toFixed(percentage(math.div($i, $flex-cols)), 10000)
+          height: toFixed(math.percentage(math.div($i, $flex-cols)), 10000)
           width: auto
       @if $size == 0 and $i == $flex-cols
         .row > .col-all
@@ -7291,37 +7295,37 @@ body.q-ios-padding .fullscreen
   display: inline-block !important
 @each $space, $value in $spaces
   .q-pa-#{$space}
-    padding: map-get($value, "y") map-get($value, "x")
+    padding: map.get($value, "y") map.get($value, "x")
   .q-pl-#{$space}
-    padding-left: map-get($value, "x")
+    padding-left: map.get($value, "x")
   .q-pr-#{$space}
-    padding-right: map-get($value, "x")
+    padding-right: map.get($value, "x")
   .q-pt-#{$space}
-    padding-top: map-get($value, "y")
+    padding-top: map.get($value, "y")
   .q-pb-#{$space}
-    padding-bottom: map-get($value, "y")
+    padding-bottom: map.get($value, "y")
   .q-px-#{$space}
-    padding-left: map-get($value, "x")
-    padding-right: map-get($value, "x")
+    padding-left: map.get($value, "x")
+    padding-right: map.get($value, "x")
   .q-py-#{$space}
-    padding-top: map-get($value, "y")
-    padding-bottom: map-get($value, "y")
+    padding-top: map.get($value, "y")
+    padding-bottom: map.get($value, "y")
   .q-ma-#{$space}
-    margin: map-get($value, "y") map-get($value, "x")
+    margin: map.get($value, "y") map.get($value, "x")
   .q-ml-#{$space}
-    margin-left: map-get($value, "x")
+    margin-left: map.get($value, "x")
   .q-mr-#{$space}
-    margin-right: map-get($value, "x")
+    margin-right: map.get($value, "x")
   .q-mt-#{$space}
-    margin-top: map-get($value, "y")
+    margin-top: map.get($value, "y")
   .q-mb-#{$space}
-    margin-bottom: map-get($value, "y")
+    margin-bottom: map.get($value, "y")
   .q-mx-#{$space}
-    margin-left: map-get($value, "x")
-    margin-right: map-get($value, "x")
+    margin-left: map.get($value, "x")
+    margin-right: map.get($value, "x")
   .q-my-#{$space}
-    margin-top: map-get($value, "y")
-    margin-bottom: map-get($value, "y")
+    margin-top: map.get($value, "y")
+    margin-bottom: map.get($value, "y")
 .q-mt-auto, .q-my-auto
   margin-top: auto
 .q-ml-auto
@@ -7488,19 +7492,19 @@ body
   font-size: $body-font-size
 @each $heading, $value in $h-tags
   #{$heading}
-    font-size: map-get($value, "size")
-    font-weight: map-get($value, "weight")
-    line-height: map-get($value, "line-height")
-    letter-spacing: map-get($value, "letter-spacing")
+    font-size: map.get($value, "size")
+    font-weight: map.get($value, "weight")
+    line-height: map.get($value, "line-height")
+    letter-spacing: map.get($value, "letter-spacing")
 p
-  margin: 0 0 map-get(map-get($spaces, "md"), "y")
+  margin: 0 0 map.get(map.get($spaces, "md"), "y")
 .text-
   @each $heading, $value in $headings
     &#{$heading}
-      font-size: map-get($value, "size")
-      font-weight: map-get($value, "weight")
-      line-height: map-get($value, "line-height")
-      letter-spacing: map-get($value, "letter-spacing")
+      font-size: map.get($value, "size")
+      font-weight: map.get($value, "weight")
+      line-height: map.get($value, "line-height")
+      letter-spacing: map.get($value, "letter-spacing")
   &uppercase
     text-transform: uppercase
   &lowercase
@@ -7561,12 +7565,12 @@ sup
     -webkit-line-clamp: 3
 .readonly
   cursor: default !important
-.disabled, [disabled]
+.disabled, [disabled]:not([disabled=false])
   &,
   *
     outline: 0 !important
     cursor: not-allowed !important
-.disabled, [disabled]
+.disabled, [disabled]:not([disabled=false])
   opacity: .6 !important
 .hidden
   display: none !important