procode-vs-theme 1.0.8 → 1.0.9

package/dist/src/utilities/_text.scss

@@ -1,43 +1,43 @@
-@use "../base/mixins/breakpoints" as bp;
-@use "../base/mixins/meta-class" as mc;
-
-// Text alignment
-@include mc.meta("qo-text-start", (text-align: left));
-@include mc.meta("qo-text-end", (text-align: right));
-@include mc.meta("qo-text-center", (text-align: center));
-@include mc.meta("qo-text-justify", (text-align: justify));
-
-// Text wrapping
-@include mc.meta("qo-text-nowrap", (white-space: nowrap));
-@include mc.meta("qo-text-wrap", (white-space: normal));
-@include mc.meta("qo-text-truncate", (overflow: hidden, text-overflow: ellipsis, white-space: nowrap));
-@include mc.meta("qo-text-break", (word-wrap: break-word, word-break: break-word));
-
-// Text transform
-@include mc.meta("qo-text-uppercase", (text-transform: uppercase));
-@include mc.meta("qo-text-lowercase", (text-transform: lowercase));
-@include mc.meta("qo-text-capitalize", (text-transform: capitalize));
-
-// Text decoration
-@include mc.meta("qo-text-decoration-none", (text-decoration: none));
-@include mc.meta("qo-text-decoration-underline", (text-decoration: underline));
-@include mc.meta("qo-text-decoration-line-through", (text-decoration: line-through));
-
-// Font style
-@include mc.meta("qo-fst-italic", (font-style: italic));
-@include mc.meta("qo-fst-normal", (font-style: normal));
-
-// Line height
-@include mc.meta("qo-lh-1", (line-height: 1));
-@include mc.meta("qo-lh-sm", (line-height: 1.25));
-@include mc.meta("qo-lh-base", (line-height: 1.5));
-@include mc.meta("qo-lh-lg", (line-height: 2));
-
-// Responsive text alignment
-@each $bp-name, $bp-value in bp.$breakpoints {
-  @media (min-width: $bp-value) {
-    @include mc.meta("qo-text-#{$bp-name}-start", (text-align: left));
-    @include mc.meta("qo-text-#{$bp-name}-end", (text-align: right));
-    @include mc.meta("qo-text-#{$bp-name}-center", (text-align: center));
-  }
-}
+@use "../base/mixins/breakpoints" as bp;
+@use "../base/mixins/meta-class" as mc;
+
+// Text alignment
+@include mc.meta("qo-text-start", (text-align: left));
+@include mc.meta("qo-text-end", (text-align: right));
+@include mc.meta("qo-text-center", (text-align: center));
+@include mc.meta("qo-text-justify", (text-align: justify));
+
+// Text wrapping
+@include mc.meta("qo-text-nowrap", (white-space: nowrap));
+@include mc.meta("qo-text-wrap", (white-space: normal));
+@include mc.meta("qo-text-truncate", (overflow: hidden, text-overflow: ellipsis, white-space: nowrap));
+@include mc.meta("qo-text-break", (word-wrap: break-word, word-break: break-word));
+
+// Text transform
+@include mc.meta("qo-text-uppercase", (text-transform: uppercase));
+@include mc.meta("qo-text-lowercase", (text-transform: lowercase));
+@include mc.meta("qo-text-capitalize", (text-transform: capitalize));
+
+// Text decoration
+@include mc.meta("qo-text-decoration-none", (text-decoration: none));
+@include mc.meta("qo-text-decoration-underline", (text-decoration: underline));
+@include mc.meta("qo-text-decoration-line-through", (text-decoration: line-through));
+
+// Font style
+@include mc.meta("qo-fst-italic", (font-style: italic));
+@include mc.meta("qo-fst-normal", (font-style: normal));
+
+// Line height
+@include mc.meta("qo-lh-1", (line-height: 1));
+@include mc.meta("qo-lh-sm", (line-height: 1.25));
+@include mc.meta("qo-lh-base", (line-height: 1.5));
+@include mc.meta("qo-lh-lg", (line-height: 2));
+
+// Responsive text alignment
+@each $bp-name, $bp-value in bp.$breakpoints {
+  @media (min-width: $bp-value) {
+    @include mc.meta("qo-text-#{$bp-name}-start", (text-align: left));
+    @include mc.meta("qo-text-#{$bp-name}-end", (text-align: right));
+    @include mc.meta("qo-text-#{$bp-name}-center", (text-align: center));
+  }
+}

package/dist/src/utilities/_visibility.scss

@@ -1,4 +1,4 @@
-@use "../base/mixins/meta-class" as mc;
-
-@include mc.meta("qo-visible", (visibility: visible));
-@include mc.meta("qo-invisible", (visibility: hidden));
+@use "../base/mixins/meta-class" as mc;
+
+@include mc.meta("qo-visible", (visibility: visible));
+@include mc.meta("qo-invisible", (visibility: hidden));

package/dist/src/utilities/background-color/index.scss

@@ -1,16 +1,16 @@
-@use "../../base/color" as cl;
-@use "../../base/mixins/meta-class" as mc;
-
-@include mc.meta("qo-bg-primary", (background-color: cl.$background-primary));
-@include mc.meta("qo-bg-secondary", (background-color: cl.$background-secondary));
-@include mc.meta("qo-bg-success", (background-color: cl.$background-success));
-@include mc.meta("qo-bg-warning", (background-color: cl.$background-warning));
-@include mc.meta("qo-bg-danger", (background-color: cl.$background-danger));
-@include mc.meta("qo-bg-info", (background-color: cl.$background-info));
-@include mc.meta("qo-bg-default", (background-color: cl.$background-default));
-@include mc.meta("qo-bg-dark", (background-color: cl.$background-dark));
-@include mc.meta("qo-bg-dark-alt", (background-color: cl.$background-dark-a));
-@include mc.meta("qo-bg-medium", (background-color: cl.$background-medium));
-@include mc.meta("qo-bg-light", (background-color: cl.$background-light));
-@include mc.meta("qo-bg-tertiary", (background-color: cl.$background-tertiary));
-@include mc.meta("qo-bg-lime", (background-color: cl.$background-lime));
+@use "../../base/color" as cl;
+@use "../../base/mixins/meta-class" as mc;
+
+@include mc.meta("qo-bg-primary", (background-color: cl.$background-primary));
+@include mc.meta("qo-bg-secondary", (background-color: cl.$background-secondary));
+@include mc.meta("qo-bg-success", (background-color: cl.$background-success));
+@include mc.meta("qo-bg-warning", (background-color: cl.$background-warning));
+@include mc.meta("qo-bg-danger", (background-color: cl.$background-danger));
+@include mc.meta("qo-bg-info", (background-color: cl.$background-info));
+@include mc.meta("qo-bg-default", (background-color: cl.$background-default));
+@include mc.meta("qo-bg-dark", (background-color: cl.$background-dark));
+@include mc.meta("qo-bg-dark-alt", (background-color: cl.$background-dark-a));
+@include mc.meta("qo-bg-medium", (background-color: cl.$background-medium));
+@include mc.meta("qo-bg-light", (background-color: cl.$background-light));
+@include mc.meta("qo-bg-tertiary", (background-color: cl.$background-tertiary));
+@include mc.meta("qo-bg-lime", (background-color: cl.$background-lime));

package/dist/src/utilities/border/_border-color.scss

@@ -1,11 +1,11 @@
-@use "../../base/color" as cl;
-@use "../../base/mixins/meta-class" as mc;
-
-@include mc.meta("qo-border-primary", (border-color: cl.$border-primary));
-@include mc.meta("qo-border-secondary", (border-color: cl.$border-secondary));
-@include mc.meta("qo-border-success", (border-color: cl.$border-success));
-@include mc.meta("qo-border-warning", (border-color: cl.$border-warning));
-@include mc.meta("qo-border-danger", (border-color: cl.$border-danger));
-@include mc.meta("qo-border-info", (border-color: cl.$border-info));
-@include mc.meta("qo-border-light", (border-color: cl.$border-light));
-@include mc.meta("qo-border-dark", (border-color: cl.$border-dark));
+@use "../../base/color" as cl;
+@use "../../base/mixins/meta-class" as mc;
+
+@include mc.meta("qo-border-primary", (border-color: cl.$border-primary));
+@include mc.meta("qo-border-secondary", (border-color: cl.$border-secondary));
+@include mc.meta("qo-border-success", (border-color: cl.$border-success));
+@include mc.meta("qo-border-warning", (border-color: cl.$border-warning));
+@include mc.meta("qo-border-danger", (border-color: cl.$border-danger));
+@include mc.meta("qo-border-info", (border-color: cl.$border-info));
+@include mc.meta("qo-border-light", (border-color: cl.$border-light));
+@include mc.meta("qo-border-dark", (border-color: cl.$border-dark));

package/dist/src/utilities/border/_border-radius.scss

@@ -1,10 +1,10 @@
-@use "../../base/border" as bo;
-@use "../../base/mixins/meta-class" as mc;
-
-@include mc.meta("qo-border-radius-0", (border-radius: bo.$border-radius-0));
-@include mc.meta("qo-border-radius-sm", (border-radius: bo.$border-radius-sm));
-@include mc.meta("qo-border-radius-md", (border-radius: bo.$border-radius-md));
-@include mc.meta("qo-border-radius-lg", (border-radius: bo.$border-radius-lg));
-@include mc.meta("qo-border-radius-xl", (border-radius: bo.$border-radius-xl));
-@include mc.meta("qo-border-radius-pill", (border-radius: bo.$border-radius-pill));
-@include mc.meta("qo-border-radius-full", (border-radius: bo.$border-radius-full));
+@use "../../base/border" as bo;
+@use "../../base/mixins/meta-class" as mc;
+
+@include mc.meta("qo-border-radius-0", (border-radius: bo.$border-radius-0));
+@include mc.meta("qo-border-radius-sm", (border-radius: bo.$border-radius-sm));
+@include mc.meta("qo-border-radius-md", (border-radius: bo.$border-radius-md));
+@include mc.meta("qo-border-radius-lg", (border-radius: bo.$border-radius-lg));
+@include mc.meta("qo-border-radius-xl", (border-radius: bo.$border-radius-xl));
+@include mc.meta("qo-border-radius-pill", (border-radius: bo.$border-radius-pill));
+@include mc.meta("qo-border-radius-full", (border-radius: bo.$border-radius-full));

package/dist/src/utilities/border/_border-size.scss

@@ -1,8 +1,8 @@
-@use "../../base/border" as bo;
-@use "../../base/mixins/meta-class" as mc;
-
-
-@include mc.meta("qo-border-none", (border-width: bo.$border-width-none));
-@include mc.meta("qo-border-sm", (border-width: bo.$border-width-sm));
-@include mc.meta("qo-border-md", (border-width: bo.$border-width-md));
-@include mc.meta("qo-border-lg", (border-width: bo.$border-width-lg));
+@use "../../base/border" as bo;
+@use "../../base/mixins/meta-class" as mc;
+
+
+@include mc.meta("qo-border-none", (border-width: bo.$border-width-none));
+@include mc.meta("qo-border-sm", (border-width: bo.$border-width-sm));
+@include mc.meta("qo-border-md", (border-width: bo.$border-width-md));
+@include mc.meta("qo-border-lg", (border-width: bo.$border-width-lg));

package/dist/src/utilities/box-shadow/index.scss

@@ -1,8 +1,8 @@
-@use "../../base/color" as cl;
-@use "../../base/mixins/meta-class" as mc;
-
-@include mc.meta("qo-boxshadow-none", (box-shadow: none));
-@include mc.meta("qo-boxshadow-sm", (box-shadow: 0 1px 2px 0 cl.$boxshadow-primary));
-@include mc.meta("qo-boxshadow-md", (box-shadow: 0 4px 8px 0 cl.$boxshadow-primary));
-@include mc.meta("qo-boxshadow-lg", (box-shadow: 0 8px 16px 0 cl.$boxshadow-primary));
-@include mc.meta("qo-boxshadow-xl", (box-shadow: 0 12px 24px 0 cl.$boxshadow-primary));
+@use "../../base/color" as cl;
+@use "../../base/mixins/meta-class" as mc;
+
+@include mc.meta("qo-boxshadow-none", (box-shadow: none));
+@include mc.meta("qo-boxshadow-sm", (box-shadow: 0 1px 2px 0 cl.$boxshadow-primary));
+@include mc.meta("qo-boxshadow-md", (box-shadow: 0 4px 8px 0 cl.$boxshadow-primary));
+@include mc.meta("qo-boxshadow-lg", (box-shadow: 0 8px 16px 0 cl.$boxshadow-primary));
+@include mc.meta("qo-boxshadow-xl", (box-shadow: 0 12px 24px 0 cl.$boxshadow-primary));

package/dist/src/utilities/spaces/_gap.scss

@@ -1,8 +1,8 @@
-@use "../../base/space" as sp;
-@use "../../base/mixins/meta-class" as mc;
-
-@each $key, $value in sp.$spacers {
-  @include mc.meta("qo-gap-#{$key}", (gap: $value));
-  @include mc.meta("qo-gap-x-#{$key}", (column-gap: $value));
-  @include mc.meta("qo-gap-y-#{$key}", (row-gap: $value));
-}
+@use "../../base/space" as sp;
+@use "../../base/mixins/meta-class" as mc;
+
+@each $key, $value in sp.$spacers {
+  @include mc.meta("qo-gap-#{$key}", (gap: $value));
+  @include mc.meta("qo-gap-x-#{$key}", (column-gap: $value));
+  @include mc.meta("qo-gap-y-#{$key}", (row-gap: $value));
+}

package/dist/src/utilities/spaces/_margin.scss

@@ -1,38 +1,38 @@
-@use "../../base/space" as sp;
-@use "../../base/mixins/meta-class" as mc;
-
-$_directions: (
-  "": "",
-  "top-": "top",
-  "right-": "right",
-  "bottom-": "bottom",
-  "left-": "left",
-);
-
-@each $key, $value in sp.$spacers {
-  @each $dir-name, $dir-prop in $_directions {
-    @if $dir-prop == "" {
-      @include mc.meta("qo-margin-#{$dir-name}#{$key}", (margin: $value));
-    } @else {
-      @include mc.meta("qo-margin-#{$dir-name}#{$key}", (margin-#{$dir-prop}: $value));
-    }
-  }
-
-  @include mc.meta("qo-margin-x-#{$key}", (margin-left: $value, margin-right: $value));
-  @include mc.meta("qo-margin-y-#{$key}", (margin-top: $value, margin-bottom: $value));
-}
-
-// Auto margins
-@include mc.meta("qo-margin-auto", (margin: auto));
-@include mc.meta("qo-margin-x-auto", (margin-left: auto, margin-right: auto));
-@include mc.meta("qo-margin-y-auto", (margin-top: auto, margin-bottom: auto));
-@include mc.meta("qo-margin-top-auto", (margin-top: auto));
-@include mc.meta("qo-margin-bottom-auto", (margin-bottom: auto));
-@include mc.meta("qo-margin-left-auto", (margin-left: auto));
-@include mc.meta("qo-margin-right-auto", (margin-right: auto));
-
-// @deprecated — typo aliases kept for backwards compatibility
-.qo-margin-botttom-sm { margin-bottom: sp.$space-sm; }
-.qo-margin-botttom-md { margin-bottom: sp.$space-md; }
-.qo-margin-botttom-lg { margin-bottom: sp.$space-lg; }
-.qo-margin-botttom-xl { margin-bottom: sp.$space-xl; }
+@use "../../base/space" as sp;
+@use "../../base/mixins/meta-class" as mc;
+
+$_directions: (
+  "": "",
+  "top-": "top",
+  "right-": "right",
+  "bottom-": "bottom",
+  "left-": "left",
+);
+
+@each $key, $value in sp.$spacers {
+  @each $dir-name, $dir-prop in $_directions {
+    @if $dir-prop == "" {
+      @include mc.meta("qo-margin-#{$dir-name}#{$key}", (margin: $value));
+    } @else {
+      @include mc.meta("qo-margin-#{$dir-name}#{$key}", (margin-#{$dir-prop}: $value));
+    }
+  }
+
+  @include mc.meta("qo-margin-x-#{$key}", (margin-left: $value, margin-right: $value));
+  @include mc.meta("qo-margin-y-#{$key}", (margin-top: $value, margin-bottom: $value));
+}
+
+// Auto margins
+@include mc.meta("qo-margin-auto", (margin: auto));
+@include mc.meta("qo-margin-x-auto", (margin-left: auto, margin-right: auto));
+@include mc.meta("qo-margin-y-auto", (margin-top: auto, margin-bottom: auto));
+@include mc.meta("qo-margin-top-auto", (margin-top: auto));
+@include mc.meta("qo-margin-bottom-auto", (margin-bottom: auto));
+@include mc.meta("qo-margin-left-auto", (margin-left: auto));
+@include mc.meta("qo-margin-right-auto", (margin-right: auto));
+
+// @deprecated — typo aliases kept for backwards compatibility
+.qo-margin-botttom-sm { margin-bottom: sp.$space-sm; }
+.qo-margin-botttom-md { margin-bottom: sp.$space-md; }
+.qo-margin-botttom-lg { margin-bottom: sp.$space-lg; }
+.qo-margin-botttom-xl { margin-bottom: sp.$space-xl; }

package/dist/src/utilities/spaces/_padding.scss

@@ -1,29 +1,29 @@
-@use "../../base/space" as sp;
-@use "../../base/mixins/meta-class" as mc;
-
-$_directions: (
-  "": "",
-  "top-": "top",
-  "right-": "right",
-  "bottom-": "bottom",
-  "left-": "left",
-);
-
-@each $key, $value in sp.$spacers {
-  @each $dir-name, $dir-prop in $_directions {
-    @if $dir-prop == "" {
-      @include mc.meta("qo-padding-#{$dir-name}#{$key}", (padding: $value));
-    } @else {
-      @include mc.meta("qo-padding-#{$dir-name}#{$key}", (padding-#{$dir-prop}: $value));
-    }
-  }
-
-  @include mc.meta("qo-padding-x-#{$key}", (padding-left: $value, padding-right: $value));
-  @include mc.meta("qo-padding-y-#{$key}", (padding-top: $value, padding-bottom: $value));
-}
-
-// @deprecated — typo aliases kept for backwards compatibility
-.qo-padding-botttom-sm { padding-bottom: sp.$space-sm; }
-.qo-padding-botttom-md { padding-bottom: sp.$space-md; }
-.qo-padding-botttom-lg { padding-bottom: sp.$space-lg; }
-.qo-padding-botttom-xl { padding-bottom: sp.$space-xl; }
+@use "../../base/space" as sp;
+@use "../../base/mixins/meta-class" as mc;
+
+$_directions: (
+  "": "",
+  "top-": "top",
+  "right-": "right",
+  "bottom-": "bottom",
+  "left-": "left",
+);
+
+@each $key, $value in sp.$spacers {
+  @each $dir-name, $dir-prop in $_directions {
+    @if $dir-prop == "" {
+      @include mc.meta("qo-padding-#{$dir-name}#{$key}", (padding: $value));
+    } @else {
+      @include mc.meta("qo-padding-#{$dir-name}#{$key}", (padding-#{$dir-prop}: $value));
+    }
+  }
+
+  @include mc.meta("qo-padding-x-#{$key}", (padding-left: $value, padding-right: $value));
+  @include mc.meta("qo-padding-y-#{$key}", (padding-top: $value, padding-bottom: $value));
+}
+
+// @deprecated — typo aliases kept for backwards compatibility
+.qo-padding-botttom-sm { padding-bottom: sp.$space-sm; }
+.qo-padding-botttom-md { padding-bottom: sp.$space-md; }
+.qo-padding-botttom-lg { padding-bottom: sp.$space-lg; }
+.qo-padding-botttom-xl { padding-bottom: sp.$space-xl; }

package/dist/src/utilities/typography/_color.scss

@@ -1,33 +1,33 @@
-@use "sass:color";
-@use "../../base/color" as cl;
-@use "../../base/mixins/meta-class" as mc;
-
-@include mc.meta("qo-text-primary", (color: cl.$text-primary));
-@include mc.meta("qo-text-secondary", (color: cl.$text-secondary));
-@include mc.meta("qo-text-success", (color: cl.$text-success));
-@include mc.meta("qo-text-warning", (color: cl.$text-warning));
-@include mc.meta("qo-text-danger", (color: cl.$text-danger));
-@include mc.meta("qo-text-info", (color: cl.$text-info));
-@include mc.meta("qo-text-default", (color: cl.$text-default));
-@include mc.meta("qo-text-dark", (color: cl.$text-dark));
-@include mc.meta("qo-text-light", (color: cl.$text-light));
-@include mc.meta("qo-text-tertiary", (color: cl.$text-tertiary));
-
-// Higher specificity variants when used with .qo-btn (beats Kendo .k-button-* selectors)
-// Intentionally NOT wrapped in meta() — button overrides must stay high specificity
-.qo-btn {
-  &.qo-text-primary { color: cl.$text-primary; &:hover, &:focus, &:active { color: cl.$text-primary-hover; } }
-  &.qo-text-secondary { color: cl.$text-secondary; &:hover, &:focus, &:active { color: cl.$text-dark; } }
-  &.qo-text-success { color: cl.$text-success; &:hover, &:focus, &:active { color: color.adjust(cl.$text-success, $lightness: -10%); } }
-  &.qo-text-warning { color: cl.$text-warning; &:hover, &:focus, &:active { color: color.adjust(cl.$text-warning, $lightness: -10%); } }
-  &.qo-text-danger { color: cl.$text-danger; &:hover, &:focus, &:active { color: cl.$text-danger-hover; } }
-  &.qo-text-info { color: cl.$text-info; &:hover, &:focus, &:active { color: color.adjust(cl.$text-info, $lightness: -10%); } }
-  &.qo-text-default { color: cl.$text-default; &:hover, &:focus, &:active { color: cl.$text-dark; } }
-  &.qo-text-dark { color: cl.$text-dark; &:hover, &:focus, &:active { color: color.adjust(cl.$text-dark, $lightness: -10%); } }
-  &.qo-text-light { color: cl.$text-light; &:hover, &:focus, &:active { color: cl.$text-light; } }
-  &.qo-text-tertiary { color: cl.$text-tertiary; &:hover, &:focus, &:active { color: color.adjust(cl.$text-tertiary, $lightness: -10%); } }
-}
-
-.qo-validation {
-  color: cl.$text-danger;
-}
+@use "sass:color";
+@use "../../base/color" as cl;
+@use "../../base/mixins/meta-class" as mc;
+
+@include mc.meta("qo-text-primary", (color: cl.$text-primary));
+@include mc.meta("qo-text-secondary", (color: cl.$text-secondary));
+@include mc.meta("qo-text-success", (color: cl.$text-success));
+@include mc.meta("qo-text-warning", (color: cl.$text-warning));
+@include mc.meta("qo-text-danger", (color: cl.$text-danger));
+@include mc.meta("qo-text-info", (color: cl.$text-info));
+@include mc.meta("qo-text-default", (color: cl.$text-default));
+@include mc.meta("qo-text-dark", (color: cl.$text-dark));
+@include mc.meta("qo-text-light", (color: cl.$text-light));
+@include mc.meta("qo-text-tertiary", (color: cl.$text-tertiary));
+
+// Higher specificity variants when used with .qo-btn (beats Kendo .k-button-* selectors)
+// Intentionally NOT wrapped in meta() — button overrides must stay high specificity
+.qo-btn {
+  &.qo-text-primary { color: cl.$text-primary; &:hover, &:focus, &:active { color: cl.$text-primary-hover; } }
+  &.qo-text-secondary { color: cl.$text-secondary; &:hover, &:focus, &:active { color: cl.$text-dark; } }
+  &.qo-text-success { color: cl.$text-success; &:hover, &:focus, &:active { color: color.adjust(cl.$text-success, $lightness: -10%); } }
+  &.qo-text-warning { color: cl.$text-warning; &:hover, &:focus, &:active { color: color.adjust(cl.$text-warning, $lightness: -10%); } }
+  &.qo-text-danger { color: cl.$text-danger; &:hover, &:focus, &:active { color: cl.$text-danger-hover; } }
+  &.qo-text-info { color: cl.$text-info; &:hover, &:focus, &:active { color: color.adjust(cl.$text-info, $lightness: -10%); } }
+  &.qo-text-default { color: cl.$text-default; &:hover, &:focus, &:active { color: cl.$text-dark; } }
+  &.qo-text-dark { color: cl.$text-dark; &:hover, &:focus, &:active { color: color.adjust(cl.$text-dark, $lightness: -10%); } }
+  &.qo-text-light { color: cl.$text-light; &:hover, &:focus, &:active { color: cl.$text-light; } }
+  &.qo-text-tertiary { color: cl.$text-tertiary; &:hover, &:focus, &:active { color: color.adjust(cl.$text-tertiary, $lightness: -10%); } }
+}
+
+.qo-validation {
+  color: cl.$text-danger;
+}

package/dist/src/utilities/typography/_font.scss

@@ -1,35 +1,35 @@
-@use "../../base/font" as ft;
-@use "../../base/mixins/meta-class" as mc;
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");
-
-@include mc.meta("qo-font-family-primary", (font-family: ft.$font-family-primary));
-@include mc.meta("qo-font-family-secondary", (font-family: ft.$font-family-secondary));
-
-@include mc.meta("qo-font-xxs", (font-size: ft.$font-size-xxs, line-height: ft.$line-height-xxs));
-@include mc.meta("qo-font-xs", (font-size: ft.$font-size-xs, line-height: ft.$line-height-xs));
-@include mc.meta("qo-font-sm", (font-size: ft.$font-size-sm, line-height: ft.$line-height-sm));
-@include mc.meta("qo-font-md", (font-size: ft.$font-size-md, line-height: ft.$line-height-md));
-@include mc.meta("qo-font-lg", (font-size: ft.$font-size-lg, line-height: ft.$line-height-lg));
-@include mc.meta("qo-font-xl", (font-size: ft.$font-size-xl, line-height: ft.$line-height-xl));
-@include mc.meta("qo-font-xxl", (font-size: ft.$font-size-xxl, line-height: ft.$line-height-xxl));
-
-@include mc.meta("qo-font-weight-light", (font-weight: ft.$font-weight-light));
-@include mc.meta("qo-font-weight-regular", (font-weight: ft.$font-weight-regular));
-@include mc.meta("qo-font-weight-medium", (font-weight: ft.$font-weight-medium));
-@include mc.meta("qo-font-weight-semibold", (font-weight: ft.$font-weight-semibold));
-@include mc.meta("qo-font-weight-bold", (font-weight: ft.$font-weight-bold));
-@include mc.meta("qo-font-weight-extrabold", (font-weight: ft.$font-weight-extrabold));
-
-.qo-validation {
-  font-size: ft.$font-size-md;
-  line-height: ft.$line-height-md;
-  font-weight: ft.$font-weight-light;
-  margin-top: 2px;
-}
-
-h4 {
-  font-size: ft.$font-size-md;
-  line-height: ft.$line-height-md;
-  font-family: ft.$font-family-primary;
-  font-weight: ft.$font-weight-medium;
-}
+@use "../../base/font" as ft;
+@use "../../base/mixins/meta-class" as mc;
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");
+
+@include mc.meta("qo-font-family-primary", (font-family: ft.$font-family-primary));
+@include mc.meta("qo-font-family-secondary", (font-family: ft.$font-family-secondary));
+
+@include mc.meta("qo-font-xxs", (font-size: ft.$font-size-xxs, line-height: ft.$line-height-xxs));
+@include mc.meta("qo-font-xs", (font-size: ft.$font-size-xs, line-height: ft.$line-height-xs));
+@include mc.meta("qo-font-sm", (font-size: ft.$font-size-sm, line-height: ft.$line-height-sm));
+@include mc.meta("qo-font-md", (font-size: ft.$font-size-md, line-height: ft.$line-height-md));
+@include mc.meta("qo-font-lg", (font-size: ft.$font-size-lg, line-height: ft.$line-height-lg));
+@include mc.meta("qo-font-xl", (font-size: ft.$font-size-xl, line-height: ft.$line-height-xl));
+@include mc.meta("qo-font-xxl", (font-size: ft.$font-size-xxl, line-height: ft.$line-height-xxl));
+
+@include mc.meta("qo-font-weight-light", (font-weight: ft.$font-weight-light));
+@include mc.meta("qo-font-weight-regular", (font-weight: ft.$font-weight-regular));
+@include mc.meta("qo-font-weight-medium", (font-weight: ft.$font-weight-medium));
+@include mc.meta("qo-font-weight-semibold", (font-weight: ft.$font-weight-semibold));
+@include mc.meta("qo-font-weight-bold", (font-weight: ft.$font-weight-bold));
+@include mc.meta("qo-font-weight-extrabold", (font-weight: ft.$font-weight-extrabold));
+
+.qo-validation {
+  font-size: ft.$font-size-md;
+  line-height: ft.$line-height-md;
+  font-weight: ft.$font-weight-light;
+  margin-top: 2px;
+}
+
+h4 {
+  font-size: ft.$font-size-md;
+  line-height: ft.$line-height-md;
+  font-family: ft.$font-family-primary;
+  font-weight: ft.$font-weight-medium;
+}