claritas-web-framework 8.5.7 → 8.5.9

package/sass/utilities/_flex.scss

@@ -1,65 +1,65 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-$flex-directions: (row, column, row-reverse, column-reverse) !default;
-$flex-wraps: (wrap, nowrap, wrap-reverse) !default;
-$flex-justifications: (flex-start, flex-end, center, space-between, space-around, space-evenly) !default;
-$flex-item-alignments: (auto, flex-start, flex-end, center, baseline, stretch) !default;
-$flex-content-alignments: (flex-start, flex-end, center, space-between, space-around, stretch) !default;
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @each $value in $flex-directions {
-      .flex-direction-#{$infix}-#{$value} {
-        flex-direction: #{$value} !important;
-      }
-    }
-
-    @each $value in $flex-wraps {
-      .flex-wrap-#{$infix}-#{$value} {
-        flex-wrap: #{$value} !important;
-      }
-    }
-
-    @each $value in $flex-justifications {
-      .justify-content-#{$infix}-#{$value} {
-        justify-content: #{$value} !important;
-      }
-    }
-
-    @each $value in $flex-item-alignments {
-      .align-items-#{$infix}-#{$value} {
-        align-items: #{$value} !important;
-      }
-    }
-
-    @each $value in $flex-content-alignments {
-      .align-content-#{$infix}-#{$value} {
-        align-content: #{$value} !important;
-      }
-    }
-
-    @each $value in $flex-content-alignments {
-      .align-self-#{$infix}-#{$value} {
-        align-self: #{$value} !important;
-      }
-    }
-
-    @for $value from 0 through 1 {
-      .flex-grow-#{$infix}-#{$value} {
-        flex-grow: #{$value} !important;
-      }
-
-      .flex-shrink-#{$infix}-#{$value} {
-        flex-shrink: #{$value} !important;
-      }
-    }
-
-    .flex-#{$infix}-fill {
-      flex: 1 1 auto !important;
-    }
-  }
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+$flex-directions: (row, column, row-reverse, column-reverse) !default;
+$flex-wraps: (wrap, nowrap, wrap-reverse) !default;
+$flex-justifications: (flex-start, flex-end, center, space-between, space-around, space-evenly) !default;
+$flex-item-alignments: (auto, flex-start, flex-end, center, baseline, stretch) !default;
+$flex-content-alignments: (flex-start, flex-end, center, space-between, space-around, stretch) !default;
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @each $value in $flex-directions {
+      .flex-direction-#{$infix}-#{$value} {
+        flex-direction: #{$value} !important;
+      }
+    }
+
+    @each $value in $flex-wraps {
+      .flex-wrap-#{$infix}-#{$value} {
+        flex-wrap: #{$value} !important;
+      }
+    }
+
+    @each $value in $flex-justifications {
+      .justify-content-#{$infix}-#{$value} {
+        justify-content: #{$value} !important;
+      }
+    }
+
+    @each $value in $flex-item-alignments {
+      .align-items-#{$infix}-#{$value} {
+        align-items: #{$value} !important;
+      }
+    }
+
+    @each $value in $flex-content-alignments {
+      .align-content-#{$infix}-#{$value} {
+        align-content: #{$value} !important;
+      }
+    }
+
+    @each $value in $flex-content-alignments {
+      .align-self-#{$infix}-#{$value} {
+        align-self: #{$value} !important;
+      }
+    }
+
+    @for $value from 0 through 1 {
+      .flex-grow-#{$infix}-#{$value} {
+        flex-grow: #{$value} !important;
+      }
+
+      .flex-shrink-#{$infix}-#{$value} {
+        flex-shrink: #{$value} !important;
+      }
+    }
+
+    .flex-#{$infix}-fill {
+      flex: 1 1 auto !important;
+    }
+  }
+}

package/sass/utilities/_float.scss

@@ -1,17 +1,17 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-$floats: (left, right, none) !default;
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @each $value in $floats {
-      .float-#{$infix}-#{$value} {
-        float: #{$value} !important;
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+$floats: (left, right, none) !default;
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @each $value in $floats {
+      .float-#{$infix}-#{$value} {
+        float: #{$value} !important;
+      }
+    }
+  }
+}

package/sass/utilities/_order.scss

@@ -1,23 +1,23 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @for $value from 0 through 12 {
-      .order-#{$infix}-#{$value} {
-        order: #{$value} !important;
-      }
-    }
-
-    .order-#{$infix}-first {
-      order: -1 !important;
-    }
-
-    .order-#{$infix}-last {
-      order: 13 !important;
-    }
-  }
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @for $value from 0 through 12 {
+      .order-#{$infix}-#{$value} {
+        order: #{$value} !important;
+      }
+    }
+
+    .order-#{$infix}-first {
+      order: -1 !important;
+    }
+
+    .order-#{$infix}-last {
+      order: 13 !important;
+    }
+  }
+}

package/sass/utilities/_overflow.scss

@@ -1,25 +1,25 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-$overflows: (auto, hidden, visible, scroll) !default;
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @each $value in $overflows {
-      .overflow-#{$infix}-#{$value} {
-        overflow: #{$value} !important;
-      }
-
-      .overflow-x-#{$infix}-#{$value} {
-        overflow-x: #{$value} !important;
-      }
-
-      .overflow-y-#{$infix}-#{$value} {
-        overflow-y: #{$value} !important;
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+$overflows: (auto, hidden, visible, scroll) !default;
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @each $value in $overflows {
+      .overflow-#{$infix}-#{$value} {
+        overflow: #{$value} !important;
+      }
+
+      .overflow-x-#{$infix}-#{$value} {
+        overflow-x: #{$value} !important;
+      }
+
+      .overflow-y-#{$infix}-#{$value} {
+        overflow-y: #{$value} !important;
+      }
+    }
+  }
+}

package/sass/utilities/_pointerEvents.scss

@@ -1,17 +1,17 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-$pointer-events: (auto, none) !default;
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @each $value in $pointer-events {
-      .pointer-events-#{$infix}-#{$value} {
-        pointer-events: #{$value} !important;
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+$pointer-events: (auto, none) !default;
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @each $value in $pointer-events {
+      .pointer-events-#{$infix}-#{$value} {
+        pointer-events: #{$value} !important;
+      }
+    }
+  }
+}

package/sass/utilities/_position.scss

@@ -1,59 +1,59 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-$positions: (static, relative, absolute, fixed, sticky) !default;
-$position-ints: (0, 25, 50, 75, 100) !default;
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @each $value in $positions {
-      .position-#{$infix}-#{$value} {
-        position: #{$value} !important;
-        z-index: map.get($zindexes, $value);
-      }
-    }
-
-    @each $value in $position-ints {
-      .top-#{$infix}-#{$value} {
-        top: #{$value}#{"%"} !important;
-      }
-
-      .right-#{$infix}-#{$value} {
-        right: #{$value}#{"%"} !important;
-      }
-
-      .bottom-#{$infix}-#{$value} {
-        bottom: #{$value}#{"%"} !important;
-      }
-
-      .left-#{$infix}-#{$value} {
-        left: #{$value}#{"%"} !important;
-      }
-    }
-  }
-}
-
-.position--fixed-top {
-  position: fixed !important;
-  top: 0 !important;
-  right: 0 !important;
-  left: 0 !important;
-  z-index: $zindex-fixed;
-}
-
-.positon--fixed-bottom {
-  position: fixed !important;
-  right: 0 !important;
-  bottom: 0 !important;
-  left: 0 !important;
-  z-index: $zindex-fixed;
-}
-
-.position--sticky-top {
-  position: sticky !important;
-  top: 0 !important;
-  z-index: $zindex-sticky;
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+$positions: (static, relative, absolute, fixed, sticky) !default;
+$position-ints: (0, 25, 50, 75, 100) !default;
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @each $value in $positions {
+      .position-#{$infix}-#{$value} {
+        position: #{$value} !important;
+        z-index: map.get($zindexes, $value);
+      }
+    }
+
+    @each $value in $position-ints {
+      .top-#{$infix}-#{$value} {
+        top: #{$value}#{"%"} !important;
+      }
+
+      .right-#{$infix}-#{$value} {
+        right: #{$value}#{"%"} !important;
+      }
+
+      .bottom-#{$infix}-#{$value} {
+        bottom: #{$value}#{"%"} !important;
+      }
+
+      .left-#{$infix}-#{$value} {
+        left: #{$value}#{"%"} !important;
+      }
+    }
+  }
+}
+
+.position--fixed-top {
+  position: fixed !important;
+  top: 0 !important;
+  right: 0 !important;
+  left: 0 !important;
+  z-index: $zindex-fixed;
+}
+
+.positon--fixed-bottom {
+  position: fixed !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  z-index: $zindex-fixed;
+}
+
+.position--sticky-top {
+  position: sticky !important;
+  top: 0 !important;
+  z-index: $zindex-sticky;
+}

package/sass/utilities/_shadow.scss

@@ -1,7 +1,7 @@
-@use "./../variables" as *;
-
-@each $key, $value in $box-shadows {
-  .box-shadow--#{$key} {
-    box-shadow: #{$value} !important;
-  }
-}
+@use "./../variables" as *;
+
+@each $key, $value in $box-shadows {
+  .box-shadow--#{$key} {
+    box-shadow: #{$value} !important;
+  }
+}

package/sass/utilities/_size.scss

@@ -1,118 +1,118 @@
-@use "sass:map";
-@use "sass:list";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-@each $key in ("none", "auto") {
-  .width--#{$key} {
-    width: $key !important;
-  }
-
-  .height--#{$key} {
-    height: $key !important;
-  }
-
-  .min-width--#{$key} {
-    min-width: $key !important;
-  }
-
-  .min-height--#{$key} {
-    min-height: $key !important;
-  }
-
-  .max-width--#{$key} {
-    max-width: $key !important;
-  }
-
-  .max-height--#{$key} {
-    max-height: $key !important;
-  }
-}
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    .width-#{$infix}-auto {
-      width: auto !important;
-    }
-
-    .height-#{$infix}-auto {
-      height: auto !important;
-    }
-
-    .min-width-#{$infix}-auto {
-      min-width: auto !important;
-    }
-
-    .min-height-#{$infix}-auto {
-      min-height: auto !important;
-    }
-
-    .min-width-#{$infix}-none {
-      min-width: none !important;
-    }
-
-    .min-height-#{$infix}-none {
-      min-height: none !important;
-    }
-
-    .max-width-#{$infix}-none {
-      max-width: none !important;
-    }
-
-    .max-height-#{$infix}-none {
-      max-height: none !important;
-    }
-
-    @each $value in $sizes {
-      .width-#{$infix}-#{$value} {
-        width: #{$value}#{"%"} !important;
-      }
-
-      .height-#{$infix}-#{$value} {
-        height: #{$value}#{"%"} !important;
-      }
-
-      .max-width-#{$infix}-#{$value} {
-        max-width: #{$value}#{"%"} !important;
-      }
-
-      .max-height-#{$infix}-#{$value} {
-        max-height: #{$value}#{"%"} !important;
-      }
-
-      .min-width-#{$infix}-#{$value} {
-        min-width: #{$value}#{"%"} !important;
-      }
-
-      .min-height-#{$infix}-#{$value} {
-        min-height: #{$value}#{"%"} !important;
-      }
-
-      .width-#{$infix}-#{$value}-viewport {
-        width: #{$value}vw !important;
-      }
-
-      .height-#{$infix}-#{$value}-viewport {
-        height: #{$value}vh !important;
-      }
-
-      .max-width-#{$infix}-#{$value}-viewport {
-        max-width: #{$value}vw !important;
-      }
-
-      .max-height-#{$infix}-#{$value}-viewport {
-        max-height: #{$value}vh !important;
-      }
-
-      .min-width-#{$infix}-#{$value}-viewport {
-        min-width: #{$value}vw !important;
-      }
-
-      .min-height-#{$infix}-#{$value}-viewport {
-        min-height: #{$value}vh !important;
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "sass:list";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+@each $key in ("none", "auto") {
+  .width--#{$key} {
+    width: $key !important;
+  }
+
+  .height--#{$key} {
+    height: $key !important;
+  }
+
+  .min-width--#{$key} {
+    min-width: $key !important;
+  }
+
+  .min-height--#{$key} {
+    min-height: $key !important;
+  }
+
+  .max-width--#{$key} {
+    max-width: $key !important;
+  }
+
+  .max-height--#{$key} {
+    max-height: $key !important;
+  }
+}
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    .width-#{$infix}-auto {
+      width: auto !important;
+    }
+
+    .height-#{$infix}-auto {
+      height: auto !important;
+    }
+
+    .min-width-#{$infix}-auto {
+      min-width: auto !important;
+    }
+
+    .min-height-#{$infix}-auto {
+      min-height: auto !important;
+    }
+
+    .min-width-#{$infix}-none {
+      min-width: none !important;
+    }
+
+    .min-height-#{$infix}-none {
+      min-height: none !important;
+    }
+
+    .max-width-#{$infix}-none {
+      max-width: none !important;
+    }
+
+    .max-height-#{$infix}-none {
+      max-height: none !important;
+    }
+
+    @each $value in $sizes {
+      .width-#{$infix}-#{$value} {
+        width: #{$value}#{"%"} !important;
+      }
+
+      .height-#{$infix}-#{$value} {
+        height: #{$value}#{"%"} !important;
+      }
+
+      .max-width-#{$infix}-#{$value} {
+        max-width: #{$value}#{"%"} !important;
+      }
+
+      .max-height-#{$infix}-#{$value} {
+        max-height: #{$value}#{"%"} !important;
+      }
+
+      .min-width-#{$infix}-#{$value} {
+        min-width: #{$value}#{"%"} !important;
+      }
+
+      .min-height-#{$infix}-#{$value} {
+        min-height: #{$value}#{"%"} !important;
+      }
+
+      .width-#{$infix}-#{$value}-viewport {
+        width: #{$value}vw !important;
+      }
+
+      .height-#{$infix}-#{$value}-viewport {
+        height: #{$value}vh !important;
+      }
+
+      .max-width-#{$infix}-#{$value}-viewport {
+        max-width: #{$value}vw !important;
+      }
+
+      .max-height-#{$infix}-#{$value}-viewport {
+        max-height: #{$value}vh !important;
+      }
+
+      .min-width-#{$infix}-#{$value}-viewport {
+        min-width: #{$value}vw !important;
+      }
+
+      .min-height-#{$infix}-#{$value}-viewport {
+        min-height: #{$value}vh !important;
+      }
+    }
+  }
+}