@bildvitta/quasar-ui-asteroid 3.17.0-beta.21 → 3.17.0-beta.22

package/src/css/utils/line-height.scss

@@ -1,19 +1,19 @@
-.qs-lh-xs {
-  line-height: 0.85 !important;
-}
-
-.qs-lh-sm {
-  line-height: 1 !important;
-}
-
-.qs-lh-md {
-  line-height: 1.15 !important;
-}
-
-.qs-lh-lg {
-  line-height: 1.3 !important;
-}
-
-.qs-lh-xl {
-  line-height: 1.5 !important;
-}
+.qs-lh-xs {
+  line-height: 0.85 !important;
+}
+
+.qs-lh-sm {
+  line-height: 1 !important;
+}
+
+.qs-lh-md {
+  line-height: 1.15 !important;
+}
+
+.qs-lh-lg {
+  line-height: 1.3 !important;
+}
+
+.qs-lh-xl {
+  line-height: 1.5 !important;
+}

package/src/css/utils/opacity.scss

@@ -1,5 +1,5 @@
-@for $index from 1 through 9 {
-  .opacity-#{$index}0 {
-    opacity: #{'0.' + $index} !important;
-  }
-}
+@for $index from 1 through 9 {
+  .opacity-#{$index}0 {
+    opacity: #{'0.' + $index} !important;
+  }
+}

package/src/css/utils/scroll.scss

@@ -1,21 +1,21 @@
-.secondary-scroll {
-  scrollbar-color: $blue-grey-3 transparent;
-
-  &::-webkit-scrollbar {
-    height: 12px;
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: $blue-grey-3;
-    border-radius: var(--qas-generic-border-radius);
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background-color: $blue-grey-4;
-  }
-}
+.secondary-scroll {
+  scrollbar-color: $blue-grey-3 transparent;
+
+  &::-webkit-scrollbar {
+    height: 12px;
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: $blue-grey-3;
+    border-radius: var(--qas-generic-border-radius);
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background-color: $blue-grey-4;
+  }
+}

package/src/css/utils/text.scss

@@ -1,15 +1,15 @@
-.text-baseline {
-  vertical-align: baseline !important;
-}
-
-.text-break {
-  word-break: break-all !important;
-}
-
-.text-underline {
-  text-decoration: underline !important;
-}
-
-.text-no-decoration {
-  text-decoration: none !important;
-}
+.text-baseline {
+  vertical-align: baseline !important;
+}
+
+.text-break {
+  word-break: break-all !important;
+}
+
+.text-underline {
+  text-decoration: underline !important;
+}
+
+.text-no-decoration {
+  text-decoration: none !important;
+}

package/src/css/utils/unset.scss

@@ -1,8 +1,8 @@
-.unset {
-  all: unset;
-}
-
-a.unset,
-button.unset {
-  cursor: pointer;
-}
+.unset {
+  all: unset;
+}
+
+a.unset,
+button.unset {
+  cursor: pointer;
+}

package/src/css/variables/button.scss

@@ -1,4 +1,4 @@
-$button-font-size: 1rem;
-$button-line-height: 16px;
-$button-font-weight: 600;
-$button-border-radius: 32px;
+$button-font-size: 1rem;
+$button-line-height: 16px;
+$button-font-weight: 600;
+$button-border-radius: 32px;

package/src/css/variables/index.scss

@@ -1,6 +1,6 @@
-@import './button';
-@import './scrollbar';
-@import './separator';
-@import './shadow';
-@import './spacing';
-@import './typography';
+@import './button';
+@import './scrollbar';
+@import './separator';
+@import './shadow';
+@import './spacing';
+@import './typography';

package/src/css/variables/scrollbar.scss

@@ -1,11 +1,11 @@
-:root {
-  --qas-scrollbar-size: 9px;
-  --qas-scrollbar-background: #E0E0E0;
-  --qas-scrollbar-thumb-background: var(--q-primary);
-  --qas-scrollbar-thumb-background-hover: var(--q-primary-contrast);
-  --qas-scrollbar-border-radius: calc(var(--qas-generic-border-radius) * 2);
-
-  // Firefox support
-  scrollbar-color: var(--qas-scrollbar-thumb-background) var(--qas-scrollbar-background);
-  scrollbar-width: thin;
-}
+:root {
+  --qas-scrollbar-size: 9px;
+  --qas-scrollbar-background: #E0E0E0;
+  --qas-scrollbar-thumb-background: var(--q-primary);
+  --qas-scrollbar-thumb-background-hover: var(--q-primary-contrast);
+  --qas-scrollbar-border-radius: calc(var(--qas-generic-border-radius) * 2);
+
+  // Firefox support
+  scrollbar-color: var(--qas-scrollbar-thumb-background) var(--qas-scrollbar-background);
+  scrollbar-width: thin;
+}

package/src/css/variables/separator.scss

@@ -1,2 +1,2 @@
-$separator-color         : $grey-4;
-$separator-dark-color    : $grey-6;
+$separator-color         : $grey-4;
+$separator-dark-color    : $grey-6;

package/src/css/variables/shadow.scss

@@ -1,3 +1,3 @@
-$shadow-2: 0 4px 8px $accent;
-
-$shadows: ($shadow-2);
+$shadow-2: 0 4px 8px $accent;
+
+$shadows: ($shadow-2);

package/src/css/variables/spacing.scss

@@ -1,98 +1,98 @@
-@use 'sass:map';
-
-$space-base   : 16px;
-$space-x-base : $space-base; // 16px
-$space-y-base : $space-base; // 16px
-
-$space-none : (
-  x: 0,
-  y: 0
-);
-
-$space-xs: (
-  x: ($space-x-base * 0.25), // 4px
-  y: ($space-y-base * 0.25) // 4px
-);
-
-$space-sm: (
-  x: ($space-x-base * 0.5), // 8px
-  y: ($space-y-base * 0.5) // 8px
-);
-
-$space-md: (
-  x: $space-x-base, // 16px
-  y: $space-y-base // 16px
-);
-
-$space-lg: (
-  x: ($space-x-base * 1.5), // 24px
-  y: ($space-y-base * 1.5) // 24px
-);
-
-// O tamanho original seria "16px * 3" ou "48px", alterado para ter "32px"
-$space-xl: (
-  x: ($space-x-base * 2), // 32px
-  y: ($space-y-base * 2) // 32px
-);
-
-$space-2xl: (
-  x: ($space-x-base * 2.5), // 40px
-  y: ($space-y-base * 2.5) // 40px
-);
-
-$space-3xl: (
-  x: ($space-x-base * 3), // 48px
-  y: ($space-y-base * 3) // 48px
-);
-
-$space-4xl: (
-  x: ($space-x-base * 3.5),// 56px
-  y: ($space-y-base * 3.5) // 56px
-);
-
-$space-5xl: (
-  x: ($space-x-base * 4), // 64px
-  y: ($space-y-base * 4) // 64px
-);
-
-$spaces: (
-  none: $space-none, // 0px
-  xs: $space-xs, // 4px
-  sm: $space-sm, // 8px
-  md: $space-md, // 16px
-  lg: $space-lg, // 24px
-  xl: $space-xl, // 32px
-  2xl: $space-2xl, // 40px
-  3xl: $space-3xl, // 48px
-  4xl: $space-4xl, // 56px
-  5xl: $space-5xl // 64px
-);
-
-$flex-gutter-xs : map.get($space-xs, 'x');
-$flex-gutter-sm : map.get($space-sm, 'x');
-$flex-gutter-md : map.get($space-md, 'x');
-$flex-gutter-lg : map.get($space-lg, 'x');
-$flex-gutter-xl : map.get($space-xl, 'x');
-$flex-gutter-2xl : map.get($space-2xl, 'x');
-$flex-gutter-3xl : map.get($space-3xl, 'x');
-$flex-gutter-4xl : map.get($space-4xl, 'x');
-$flex-gutter-5xl : map.get($space-5xl, 'x');
-
-$flex-gutter: (
-  none: 0, // 0px
-  xs: $flex-gutter-xs, // 4px
-  sm: $flex-gutter-sm, // 8px
-  md: $flex-gutter-md, // 16px
-  lg: $flex-gutter-lg, // 24px
-  xl: $flex-gutter-xl, // 32px
-  2xl: $flex-gutter-2xl, // 40px
-  3xl: $flex-gutter-3xl, // 48px
-  4xl: $flex-gutter-4xl, // 56px
-  5xl: $flex-gutter-5xl // 64px
-);
-
-:root {
-  @each $key, $space in $spaces {
-    --qas-spacing-#{$key}: #{map.get($space, 'x')};
-  }
-}
+@use 'sass:map';
+
+$space-base   : 16px;
+$space-x-base : $space-base; // 16px
+$space-y-base : $space-base; // 16px
+
+$space-none : (
+  x: 0,
+  y: 0
+);
+
+$space-xs: (
+  x: ($space-x-base * 0.25), // 4px
+  y: ($space-y-base * 0.25) // 4px
+);
+
+$space-sm: (
+  x: ($space-x-base * 0.5), // 8px
+  y: ($space-y-base * 0.5) // 8px
+);
+
+$space-md: (
+  x: $space-x-base, // 16px
+  y: $space-y-base // 16px
+);
+
+$space-lg: (
+  x: ($space-x-base * 1.5), // 24px
+  y: ($space-y-base * 1.5) // 24px
+);
+
+// O tamanho original seria "16px * 3" ou "48px", alterado para ter "32px"
+$space-xl: (
+  x: ($space-x-base * 2), // 32px
+  y: ($space-y-base * 2) // 32px
+);
+
+$space-2xl: (
+  x: ($space-x-base * 2.5), // 40px
+  y: ($space-y-base * 2.5) // 40px
+);
+
+$space-3xl: (
+  x: ($space-x-base * 3), // 48px
+  y: ($space-y-base * 3) // 48px
+);
+
+$space-4xl: (
+  x: ($space-x-base * 3.5),// 56px
+  y: ($space-y-base * 3.5) // 56px
+);
+
+$space-5xl: (
+  x: ($space-x-base * 4), // 64px
+  y: ($space-y-base * 4) // 64px
+);
+
+$spaces: (
+  none: $space-none, // 0px
+  xs: $space-xs, // 4px
+  sm: $space-sm, // 8px
+  md: $space-md, // 16px
+  lg: $space-lg, // 24px
+  xl: $space-xl, // 32px
+  2xl: $space-2xl, // 40px
+  3xl: $space-3xl, // 48px
+  4xl: $space-4xl, // 56px
+  5xl: $space-5xl // 64px
+);
+
+$flex-gutter-xs : map.get($space-xs, 'x');
+$flex-gutter-sm : map.get($space-sm, 'x');
+$flex-gutter-md : map.get($space-md, 'x');
+$flex-gutter-lg : map.get($space-lg, 'x');
+$flex-gutter-xl : map.get($space-xl, 'x');
+$flex-gutter-2xl : map.get($space-2xl, 'x');
+$flex-gutter-3xl : map.get($space-3xl, 'x');
+$flex-gutter-4xl : map.get($space-4xl, 'x');
+$flex-gutter-5xl : map.get($space-5xl, 'x');
+
+$flex-gutter: (
+  none: 0, // 0px
+  xs: $flex-gutter-xs, // 4px
+  sm: $flex-gutter-sm, // 8px
+  md: $flex-gutter-md, // 16px
+  lg: $flex-gutter-lg, // 24px
+  xl: $flex-gutter-xl, // 32px
+  2xl: $flex-gutter-2xl, // 40px
+  3xl: $flex-gutter-3xl, // 48px
+  4xl: $flex-gutter-4xl, // 56px
+  5xl: $flex-gutter-5xl // 64px
+);
+
+:root {
+  @each $key, $space in $spaces {
+    --qas-spacing-#{$key}: #{map.get($space, 'x')};
+  }
+}