beathers 5.4.0 → 5.5.0

package/scss/style/_resets.scss

@@ -1,110 +1,112 @@
-@use '../settings/configs' as configs;
-@use '../variables' as vars;
-@use '../functions/colors' as colors;
-@use '../settings/index' as settings;
-
-// Definitions
-$useColors: if(vars.$useColors != null, vars.$useColors, settings.$useColors);
-$useColorsLightMode: if(vars.$useColorsLightMode != null, vars.$useColorsLightMode, settings.$useColorsLightMode);
-$useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode, settings.$useColorsDarkMode);
-
-html {
-  scroll-behavior: smooth;
-  interpolate-size: allow-keywords;
-}
-
-body {
-  position: relative;
-  /* stylelint-disable font-family-no-missing-generic-family-keyword */
-  font-family: 'regular';
-  overflow-x: hidden;
-}
-
-*,
-::before,
-::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-:focus,
-button:focus {
-  outline: unset;
-  box-shadow: unset;
-}
-
-ul {
-  margin: unset;
-  list-style: none;
-  padding: 0;
-
-  li {
-    margin-bottom: unset;
-  }
-}
-
-a {
-  text-decoration: unset;
-}
-
-@if $useColors {
-  @if $useColorsLightMode {
-    .light::selection {
-      background-color: colors.useColorWithMap('custom-2');
-      color: colors.useColorWithMap('white');
-    }
-  }
-  @if $useColorsDarkMode {
-    .dark::selection {
-      background-color: colors.useColorWithMap('custom-2', 'dark');
-      color: colors.useColorWithMap('black');
-    }
-  }
-}
-
-::-webkit-scrollbar {
-  width: 6px;
-
-  &-track {
-    background-color: transparent;
-    border-radius: unset;
-  }
-  &-thumb {
-    border-radius: 100vw;
-  }
-}
-@if $useColors {
-  @if $useColorsLightMode {
-    .light::-webkit-scrollbar-thumb {
-      background: colors.useColorWithMap('third');
-    }
-  }
-  @if $useColorsDarkMode {
-    .dark::-webkit-scrollbar-thumb {
-      background: colors.useColorWithMap('third', 'dark');
-    }
-  }
-}
-
-@each $option, $properties in configs.$clearanceOptions {
-  @each $property, $value in $properties {
-    .i\:#{$option} {
-      /* stylelint-disable declaration-no-important */
-      #{$property}: $value !important;
-    }
-    .#{$option} {
-      #{$property}: $value;
-    }
-  }
-}
-
-@each $cursor in configs.$cursors {
-  .cursor#{\:}#{$cursor} {
-    cursor: #{$cursor};
-  }
-}
-
-.scroll-smooth {
-  scroll-behavior: smooth;
-}
+@use '../settings/configs' as configs;
+@use '../settings/defaults' as defs;
+@use '../variables' as vars;
+@use '../functions/colors' as colors;
+@use '../settings/index' as settings;
+
+// Definitions
+$defaultFontFamilies: if(vars.$defaultFontFamilies != null, vars.$defaultFontFamilies, defs.$defaultFontFamilies);
+$useColors: if(vars.$useColors != null, vars.$useColors, settings.$useColors);
+$useColorsLightMode: if(vars.$useColorsLightMode != null, vars.$useColorsLightMode, settings.$useColorsLightMode);
+$useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode, settings.$useColorsDarkMode);
+
+html {
+  scroll-behavior: smooth;
+  interpolate-size: allow-keywords;
+}
+
+body {
+  position: relative;
+  font-family: 'regular', $defaultFontFamilies;
+  overflow-x: hidden;
+}
+
+*,
+::before,
+::after {
+  font-family: inherit;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+:focus,
+button:focus {
+  outline: unset;
+  box-shadow: unset;
+}
+
+ul {
+  margin: unset;
+  list-style: none;
+  padding: 0;
+
+  li {
+    margin-bottom: unset;
+  }
+}
+
+a {
+  text-decoration: unset;
+}
+
+@if $useColors {
+  @if $useColorsLightMode {
+    .light::selection {
+      background-color: colors.useColorWithMap('third');
+      color: colors.useColorWithMap('white');
+    }
+  }
+  @if $useColorsDarkMode {
+    .dark::selection {
+      background-color: colors.useColorWithMap('third', 'dark');
+      color: colors.useColorWithMap('black');
+    }
+  }
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+
+  &-track {
+    background-color: transparent;
+    border-radius: unset;
+  }
+  &-thumb {
+    border-radius: 100vw;
+  }
+}
+@if $useColors {
+  @if $useColorsLightMode {
+    .light::-webkit-scrollbar-thumb {
+      background: colors.useColorWithMap('third');
+    }
+  }
+  @if $useColorsDarkMode {
+    .dark::-webkit-scrollbar-thumb {
+      background: colors.useColorWithMap('third', 'dark');
+    }
+  }
+}
+
+@each $option, $properties in configs.$clearanceOptions {
+  @each $property, $value in $properties {
+    .i\:#{$option} {
+      /* stylelint-disable declaration-no-important */
+      #{$property}: $value !important;
+    }
+    .#{$option} {
+      #{$property}: $value;
+    }
+  }
+}
+
+@each $cursor in configs.$cursors {
+  .cursor#{\:}#{$cursor} {
+    cursor: #{$cursor};
+  }
+}
+
+.scroll-smooth {
+  scroll-behavior: smooth;
+}