Merge pull request #2 from preist/fix-typos

Fix several typos throughout the project

scss/_index.scss

@@ -22,7 +22,7 @@
 @use "content/embedded"; // audio, canvas, iframe, img, svg, video
 @use "content/code"; // pre, code, ...
 @use "content/figure"; // figure, figcaption
-@use "content/miscs"; // hr, template, [hidden], dialog, canvas
+@use "content/misc"; // hr, template, [hidden], dialog, canvas
 
 // Forms
 @use "forms/basics"; // input, select, textarea, label, fieldset, legend

scss/_settings.scss

@@ -118,7 +118,7 @@ $modules: map.merge(
     "content/table": true,
     "content/code": true,
     "content/figure": true,
-    "content/miscs": true,
+    "content/misc": true,
 
     // Forms
     "forms/basics": true,

scss/components/_dropdown.scss

@@ -43,7 +43,7 @@
     margin-bottom: 0;
   }
 
-  // Bouton as a select
+  // Button as a select
   // inside container type accordion
   // ––––––––––––––––––––
   #{$parent-selector} details.dropdown summary:not([role]) {

scss/content/_misc.scss

@@ -1,9 +1,9 @@
 @use "sass:map";
 @use "../settings" as *;
 
-@if map.get($modules, "content/miscs") {
+@if map.get($modules, "content/misc") {
   /**
-   * Miscs
+   * Misc
    */
 
   // Reboot based on :

scss/forms/_checkbox-radio-switch.scss

@@ -79,7 +79,7 @@
     }
   }
 
-  // Switchs
+  // Switches
   #{$parent-selector} [type="checkbox"][role="switch"] {
     #{$css-var-prefix}background-color: var(#{$css-var-prefix}switch-background-color);
     #{$css-var-prefix}color: var(#{$css-var-prefix}switch-color);

scss/helpers/_functions.scss

@@ -11,39 +11,39 @@
 // Generate a shadow with 7 layers
 @function shadow($color) {
   $box-shadow-elevation: 1rem;
-  $box-shadow-blur-strengh: 6rem;
+  $box-shadow-blur-strength: 6rem;
   $box-shadow-opacity: 0.06;
 
   @return shadow-layer(
       $box-shadow-elevation * 0.029,
-      $box-shadow-blur-strengh * 0.029,
+      $box-shadow-blur-strength * 0.029,
       $box-shadow-opacity * 0.283,
       $color
     ),
     shadow-layer(
       $box-shadow-elevation * 0.067,
-      $box-shadow-blur-strengh * 0.067,
+      $box-shadow-blur-strength * 0.067,
       $box-shadow-opacity * 0.4,
       $color
     ),
     shadow-layer(
       $box-shadow-elevation * 0.125,
-      $box-shadow-blur-strengh * 0.125,
+      $box-shadow-blur-strength * 0.125,
       $box-shadow-opacity * 0.5,
       $color
     ),
     shadow-layer(
       $box-shadow-elevation * 0.225,
-      $box-shadow-blur-strengh * 0.225,
+      $box-shadow-blur-strength * 0.225,
       $box-shadow-opacity * 0.6,
       $color
     ),
     shadow-layer(
       $box-shadow-elevation * 0.417,
-      $box-shadow-blur-strengh * 0.417,
+      $box-shadow-blur-strength * 0.417,
       $box-shadow-opacity * 0.717,
       $color
     ),
-    shadow-layer($box-shadow-elevation, $box-shadow-blur-strengh, $box-shadow-opacity, $color),
+    shadow-layer($box-shadow-elevation, $box-shadow-blur-strength, $box-shadow-opacity, $color),
     0 0 0 0.0625rem #{rgba($color, ($box-shadow-opacity * 0.25))};
 }

scss/layout/_grid.scss

@@ -20,7 +20,7 @@
     }
 
     & > * {
-      min-width: 0; // HACK for childs in overflow
+      min-width: 0; // HACK for children in overflow
     }
   }
 }

scss/themes/default/_styles.scss

@@ -143,7 +143,7 @@
     }
   }
 
-  // Responsives spacings
+  // Responsive spacings
   @if $enable-responsive-spacings {
     // Landmarks and section
     @if map.get($modules, "layout/landmarks") or map.get($modules, "layout/section") {