claritas-web-framework 8.5.8 → 8.5.9

package/sass/utilities/_spacing.scss

@@ -1,107 +1,107 @@
-@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);
-
-    .margin-#{$infix}-auto {
-      margin: auto !important;
-    }
-
-    .margin-top-#{$infix}-auto,
-    .margin-y-#{$infix}-auto {
-      margin-top: auto !important;
-    }
-
-    .margin-bottom-#{$infix}-auto,
-    .margin-y-#{$infix}-auto {
-      margin-bottom: auto !important;
-    }
-
-    .margin-left-#{$infix}-auto,
-    .margin-x-#{$infix}-auto {
-      margin-left: auto !important;
-    }
-
-    .margin-right-#{$infix}-auto,
-    .margin-x-#{$infix}-auto {
-      margin-right: auto !important;
-    }
-
-    @each $key, $value in $spacers {
-      .margin-#{$infix}-#{$key} {
-        margin: #{$value} !important;
-      }
-
-      .margin-top-#{$infix}-#{$key},
-      .margin-y-#{$infix}-#{$key} {
-        margin-top: #{$value} !important;
-      }
-
-      .margin-bottom-#{$infix}-#{$key},
-      .margin-y-#{$infix}-#{$key} {
-        margin-bottom: #{$value} !important;
-      }
-
-      .margin-left-#{$infix}-#{$key},
-      .margin-x-#{$infix}-#{$key} {
-        margin-left: #{$value} !important;
-      }
-
-      .margin-right-#{$infix}-#{$key},
-      .margin-x-#{$infix}-#{$key} {
-        margin-right: #{$value} !important;
-      }
-
-      .padding-#{$infix}-#{$key} {
-        padding: #{$value} !important;
-      }
-
-      .padding-top-#{$infix}-#{$key},
-      .padding-y-#{$infix}-#{$key} {
-        padding-top: #{$value} !important;
-      }
-
-      .padding-bottom-#{$infix}-#{$key},
-      .padding-y-#{$infix}-#{$key} {
-        padding-bottom: #{$value} !important;
-      }
-
-      .padding-left-#{$infix}-#{$key},
-      .padding-x-#{$infix}-#{$key} {
-        padding-left: #{$value} !important;
-      }
-
-      .padding-right-#{$infix}-#{$key},
-      .padding-x-#{$infix}-#{$key} {
-        padding-right: #{$value} !important;
-      }
-
-      .margin-#{$infix}-neg-#{$key} {
-        margin: calc(#{$value} * -1) !important;
-      }
-
-      .margin-top-#{$infix}-neg-#{$key},
-      .margin-y-#{$infix}-neg-#{$key} {
-        margin-top: calc(#{$value} * -1) !important;
-      }
-
-      .margin-bottom-#{$infix}-neg-#{$key},
-      .margin-y-#{$infix}-neg-#{$key} {
-        margin-bottom: calc(#{$value} * -1) !important;
-      }
-
-      .margin-left-#{$infix}-neg-#{$key},
-      .margin-x-#{$infix}-neg-#{$key} {
-        margin-left: calc(#{$value} * -1) !important;
-      }
-
-      .margin-right-#{$infix}-neg-#{$key},
-      .margin-x-#{$infix}-neg-#{$key} {
-        margin-right: calc(#{$value} * -1) !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);
+
+    .margin-#{$infix}-auto {
+      margin: auto !important;
+    }
+
+    .margin-top-#{$infix}-auto,
+    .margin-y-#{$infix}-auto {
+      margin-top: auto !important;
+    }
+
+    .margin-bottom-#{$infix}-auto,
+    .margin-y-#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+
+    .margin-left-#{$infix}-auto,
+    .margin-x-#{$infix}-auto {
+      margin-left: auto !important;
+    }
+
+    .margin-right-#{$infix}-auto,
+    .margin-x-#{$infix}-auto {
+      margin-right: auto !important;
+    }
+
+    @each $key, $value in $spacers {
+      .margin-#{$infix}-#{$key} {
+        margin: #{$value} !important;
+      }
+
+      .margin-top-#{$infix}-#{$key},
+      .margin-y-#{$infix}-#{$key} {
+        margin-top: #{$value} !important;
+      }
+
+      .margin-bottom-#{$infix}-#{$key},
+      .margin-y-#{$infix}-#{$key} {
+        margin-bottom: #{$value} !important;
+      }
+
+      .margin-left-#{$infix}-#{$key},
+      .margin-x-#{$infix}-#{$key} {
+        margin-left: #{$value} !important;
+      }
+
+      .margin-right-#{$infix}-#{$key},
+      .margin-x-#{$infix}-#{$key} {
+        margin-right: #{$value} !important;
+      }
+
+      .padding-#{$infix}-#{$key} {
+        padding: #{$value} !important;
+      }
+
+      .padding-top-#{$infix}-#{$key},
+      .padding-y-#{$infix}-#{$key} {
+        padding-top: #{$value} !important;
+      }
+
+      .padding-bottom-#{$infix}-#{$key},
+      .padding-y-#{$infix}-#{$key} {
+        padding-bottom: #{$value} !important;
+      }
+
+      .padding-left-#{$infix}-#{$key},
+      .padding-x-#{$infix}-#{$key} {
+        padding-left: #{$value} !important;
+      }
+
+      .padding-right-#{$infix}-#{$key},
+      .padding-x-#{$infix}-#{$key} {
+        padding-right: #{$value} !important;
+      }
+
+      .margin-#{$infix}-neg-#{$key} {
+        margin: calc(#{$value} * -1) !important;
+      }
+
+      .margin-top-#{$infix}-neg-#{$key},
+      .margin-y-#{$infix}-neg-#{$key} {
+        margin-top: calc(#{$value} * -1) !important;
+      }
+
+      .margin-bottom-#{$infix}-neg-#{$key},
+      .margin-y-#{$infix}-neg-#{$key} {
+        margin-bottom: calc(#{$value} * -1) !important;
+      }
+
+      .margin-left-#{$infix}-neg-#{$key},
+      .margin-x-#{$infix}-neg-#{$key} {
+        margin-left: calc(#{$value} * -1) !important;
+      }
+
+      .margin-right-#{$infix}-neg-#{$key},
+      .margin-x-#{$infix}-neg-#{$key} {
+        margin-right: calc(#{$value} * -1) !important;
+      }
+    }
+  }
+}

package/sass/utilities/_translate.scss

@@ -1,15 +1,15 @@
-.translate--middle {
-  transform: translate(-50%, -50%) !important;
-}
-
-.translate-x--middle {
-  transform: translateX(-50%) !important;
-}
-
-.translate-y--middle {
-  transform: translateY(-50%) !important;
-}
-
-.translate--bottom {
-  transform: translateY(-100%) !important;
-}
+.translate--middle {
+  transform: translate(-50%, -50%) !important;
+}
+
+.translate-x--middle {
+  transform: translateX(-50%) !important;
+}
+
+.translate-y--middle {
+  transform: translateY(-50%) !important;
+}
+
+.translate--bottom {
+  transform: translateY(-100%) !important;
+}

package/sass/utilities/_typography.scss

@@ -1,62 +1,62 @@
-@use "sass:map";
-@use "./../variables" as *;
-@use "./../mixins/breakpoints" as *;
-
-@each $key, $value in $font-sizes {
-  .font-size--#{$key} {
-    font-size: #{$value} !important;
-  }
-}
-
-@each $key, $value in $font-families {
-  .font-family--#{$key} {
-    font-family: #{$value} !important;
-  }
-}
-
-@each $breakpoint in map.keys($breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: breakpoint-infix($breakpoint, $breakpoints);
-
-    @each $value in $text-aligns {
-      .text-align-#{$infix}-#{$value} {
-        text-align: #{$value} !important;
-      }
-    }
-
-    @each $value in $text-transforms {
-      .text-transform-#{$infix}-#{$value} {
-        text-transform: #{$value} !important;
-      }
-    }
-
-    @each $value in $text-wraps {
-      .text-wrap-#{$infix}-#{$value} {
-        white-space: #{$value} !important;
-      }
-    }
-
-    @each $key, $value in $font-weights {
-      .font-weight-#{$infix}-#{$key} {
-        font-weight: #{$value} !important;
-      }
-    }
-
-    @each $value in $font-styles {
-      .font-style-#{$infix}-#{$value} {
-        font-style: #{$value} !important;
-      }
-    }
-  }
-}
-
-.text-wrap--truncate {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-}
-
-code {
-  color: $pink !important;
-  font-family: $font-family-monospace !important;
-}
+@use "sass:map";
+@use "./../variables" as *;
+@use "./../mixins/breakpoints" as *;
+
+@each $key, $value in $font-sizes {
+  .font-size--#{$key} {
+    font-size: #{$value} !important;
+  }
+}
+
+@each $key, $value in $font-families {
+  .font-family--#{$key} {
+    font-family: #{$value} !important;
+  }
+}
+
+@each $breakpoint in map.keys($breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
+
+    @each $value in $text-aligns {
+      .text-align-#{$infix}-#{$value} {
+        text-align: #{$value} !important;
+      }
+    }
+
+    @each $value in $text-transforms {
+      .text-transform-#{$infix}-#{$value} {
+        text-transform: #{$value} !important;
+      }
+    }
+
+    @each $value in $text-wraps {
+      .text-wrap-#{$infix}-#{$value} {
+        white-space: #{$value} !important;
+      }
+    }
+
+    @each $key, $value in $font-weights {
+      .font-weight-#{$infix}-#{$key} {
+        font-weight: #{$value} !important;
+      }
+    }
+
+    @each $value in $font-styles {
+      .font-style-#{$infix}-#{$value} {
+        font-style: #{$value} !important;
+      }
+    }
+  }
+}
+
+.text-wrap--truncate {
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
+code {
+  color: $pink !important;
+  font-family: $font-family-monospace !important;
+}

package/sass/utilities/_visibility.scss

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

package/sass/utilities/_zIndex.scss

@@ -1,15 +1,15 @@
-@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);
-
-    @each $key, $value in $zindexes {
-      .zindex-#{$infix}-#{$key} {
-        z-index: #{$value} !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);
+
+    @each $key, $value in $zindexes {
+      .zindex-#{$infix}-#{$key} {
+        z-index: #{$value} !important;
+      }
+    }
+  }
+}

package/tests.js

@@ -1,5 +1,5 @@
-import fusv from "find-unused-sass-variables";
-
-fusv.findAsync("scss").then((result) => {
-  console.log(result.unused);
-});
+import fusv from "find-unused-sass-variables";
+
+fusv.findAsync("scss").then((result) => {
+  console.log(result.unused);
+});

package/webpack.config.js

@@ -1,27 +1,27 @@
-const path = require("path");
-const rules = require("./webpack.rules");
-const plugins = require("./webpack.plugins");
-
-module.exports = {
-  entry: "./index.js",
-  output: {
-    filename: "index.js",
-    path: path.resolve(__dirname, "dist"),
-  },
-  devServer: {
-    static: {
-      directory: path.resolve(path.join(__dirname, "dist")),
-      watch: true,
-    },
-    open: true,
-    liveReload: true,
-    watchFiles: ["sass/**/*", "index.html", "index.js"],
-    hot: true,
-  },
-  target: "web",
-  stats: {
-    loggingDebug: ["sass-loader"],
-  },
-  plugins,
-  module: { rules },
-};
+const path = require("path");
+const rules = require("./webpack.rules");
+const plugins = require("./webpack.plugins");
+
+module.exports = {
+  entry: "./index.js",
+  output: {
+    filename: "index.js",
+    path: path.resolve(__dirname, "dist"),
+  },
+  devServer: {
+    static: {
+      directory: path.resolve(path.join(__dirname, "dist")),
+      watch: true,
+    },
+    open: true,
+    liveReload: true,
+    watchFiles: ["sass/**/*", "index.html", "index.js"],
+    hot: true,
+  },
+  target: "web",
+  stats: {
+    loggingDebug: ["sass-loader"],
+  },
+  plugins,
+  module: { rules },
+};

package/webpack.plugins.js

@@ -1,15 +1,15 @@
-const path = require("path");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-
-module.exports = [
-  new HtmlWebpackPlugin({
-    title: "Claritas Web Framework",
-    template: path.resolve(path.join(__dirname, "index.html")),
-    filename: "index.html", // output file
-  }),
-  new MiniCssExtractPlugin({
-    filename: "./index.css",
-    chunkFilename: "[id].css",
-  }),
-];
+const path = require("path");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+
+module.exports = [
+  new HtmlWebpackPlugin({
+    title: "Claritas Web Framework",
+    template: path.resolve(path.join(__dirname, "index.html")),
+    filename: "index.html", // output file
+  }),
+  new MiniCssExtractPlugin({
+    filename: "./index.css",
+    chunkFilename: "[id].css",
+  }),
+];

package/webpack.rules.js

@@ -1,8 +1,8 @@
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-
-module.exports = [
-  {
-    test: /\.(?:css|scss)$/i,
-    use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
-  },
-];
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+module.exports = [
+  {
+    test: /\.(?:css|scss)$/i,
+    use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
+  },
+];