Add .has-text-weight-extrabold

Since the variable $weight-extrabold exists, it makes sense to add .has-text-weight-extrabold as a typography class.

Updated examples and harmonised the css weight vs the description of semi-bold (semibold).

diff --git a/docs/documentation/helpers/typography-helpers.html b/docs/documentation/helpers/typography-helpers.html
index e4beffb73fa3b863da6cf92670db9dec7e4c6f64..cef11b7e859f09dd7c7e30634c4f32db989420d4 100644 (file)
--- a/docs/documentation/helpers/typography-helpers.html
+++ b/docs/documentation/helpers/typography-helpers.html
@@ -333,7 +333,15 @@ breadcrumb:
     <tr>
       <td><code>has-text-weight-bold</code></td>
       <td>
-        Transforms text weight to <span class="has-text-weight-bold">bold</span>
+        Transforms text weight to
+        <span class="has-text-weight-bold">bold</span>
+      </td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-extrabold</code></td>
+      <td>
+        Transforms text weight to
+        <span class="has-text-weight-extrabold">extrabold</span>
       </td>
     </tr>
   </tbody>

diff --git a/sass/helpers/typography.scss b/sass/helpers/typography.scss
index e5c295955dd67b7705c1a608e27b270e474b795b..410093e8cf4f664012ffa822c21b0c4a5d958ceb 100644 (file)
--- a/sass/helpers/typography.scss
+++ b/sass/helpers/typography.scss
@@ -149,6 +149,10 @@ $alignments: (
   font-weight: iv.$weight-bold !important;
 }
 
+.#{iv.$helpers-has-prefix}text-weight-extrabold {
+  font-weight: iv.$weight-extrabold !important;
+}
+
 .#{iv.$helpers-prefix}family-primary {
   font-family: dv.$family-primary !important;
 }