BeAPI · francoistibo · Sep 26, 2022 · Jun 23, 2022 · Jun 23, 2022 · Jun 23, 2022
diff --git a/src/scss/02-tools/_f-column.scss b/src/scss/02-tools/_f-column.scss
@@ -4,7 +4,7 @@
 /**
  * Column
  *
- * exemples :
+ * examples :
  *      column(6) 			-> return 6 column + 5 gutter of desktop preset
  * 		column('m', 6) 		-> return 6 column + 5 gutter of mobile preset
  * 		column(6, 5, 8)		-> return 6 column + 5 gutter of 8 grid size of desktop

diff --git a/src/scss/02-tools/_f-context-align.scss b/src/scss/02-tools/_f-context-align.scss
@@ -1,7 +1,7 @@
 /**
  * Align
  *
- * exemples :
+ * examples :
  *
  *      #{ context-align("wide") } .block#{ context-align() } {
  *          ... your css

diff --git a/src/scss/02-tools/_f-context-selector.scss b/src/scss/02-tools/_f-context-selector.scss
@@ -1,7 +1,7 @@
 /**
  * Context selector
  *
- * exemples :
+ * examples :
  *
  *      #{ context-selector('#main__content', '#editor', '.block') } {
  *          ... your css

diff --git a/src/scss/02-tools/_f-easings.scss b/src/scss/02-tools/_f-easings.scss
@@ -6,7 +6,7 @@
  *      converted from source: https://github.com/ai/easings.net/blob/master/src/easings/easingsFunctions.ts
  *      each ease receive a value $x in a range of 0 to 1
  *
- *      exemples :
+ *      examples :
  *
  *      @for (dollar)i from 0 through 10 {
  *          .test {

diff --git a/src/scss/02-tools/_f-get-svg-url.scss b/src/scss/02-tools/_f-get-svg-url.scss
@@ -3,7 +3,7 @@
 /**
  * get-svg-url
  *
- * exemples :
+ * examples :
  *      get-svg-url("arrow")
  *      get-svg-url("arrow", $color-primary)
  *

diff --git a/src/scss/02-tools/_m-breakpoint.scss b/src/scss/02-tools/_m-breakpoint.scss
@@ -3,7 +3,7 @@
 /**
  * Breakpoints
  *
- * exemples :
+ * examples :
  *
  *      @include breakpoints(sm, md) { ... }
  *          return @media screen and (min-width: 768px) and (max-width: 1024px) { ... }

diff --git a/src/scss/02-tools/_m-heading.scss b/src/scss/02-tools/_m-heading.scss
@@ -2,7 +2,7 @@
  * Heading mixins
  */
 
-@mixin heading($name: h1) {
+@mixin heading($name: h1, $style: default) {
     font-family: $font-family-primary;
     font-weight: 400;
 

diff --git a/src/scss/06-blocks/core/_heading.scss b/src/scss/06-blocks/core/_heading.scss
@@ -1,5 +1,53 @@
-@for $i from 1 through 6 {
-    h#{$i},
+/**
+ * Headings
+ *
+ * examples :
+ *  $headings: (
+ *      "1": (
+ *          "numbered"
+ *      ),
+ *      "2": (
+ *          "numbered",
+ *          "regular"
+ *      ),
+ *      "3": (
+ *          "numbered",
+ *          "regular"
+ *      ),
+ *      "4": (
+ *           "numbered",
+ *          "regular"
+ *      ),
+ *      "5": (
+ *          "numbered"
+ *      ),
+ *      "6": (
+ *          "numbered"
+ *      ),
+ *  );
+ *
+ */
+
+$headings: (
+    "1": (),
+    "2": (),
+    "3": (),
+    "4": (),
+    "5": (),
+    "6": (),
+);
+
+@each $i, $styles in $headings {
+    h#{$i} {
+        @include heading(h#{$i});
+
+        @each $style in $styles {
+            &.is-style-#{$style} {
+                @include heading(h#{$i}, $style);
+            }
+        }
+    }
+
     .is-style-h#{$i} {
         @include heading(h#{$i});
     }

diff --git a/yarn.lock b/yarn.lock
@@ -42,11 +42,11 @@ __metadata:
   linkType: hard
 
 "@babel/runtime@npm:^7.16.0, @babel/runtime@npm:^7.9.2":
-  version: 7.18.9
-  resolution: "@babel/runtime@npm:7.18.9"
+  version: 7.19.0
+  resolution: "@babel/runtime@npm:7.19.0"
   dependencies:
     regenerator-runtime: ^0.13.4
-  checksum: 36dd736baba7164e82b3cc9d43e081f0cb2d05ff867ad39cac515d99546cee75b7f782018b02a3dcf5f2ef3d27f319faa68965fdfec49d4912c60c6002353a2e
+  checksum: fa69c351bb05e1db3ceb9a02fdcf620c234180af68cdda02152d3561015f6d55277265d3109815992f96d910f3db709458cae4f8df1c3def66f32e0867d82294
   languageName: node
   linkType: hard