feat: change all headings to font-black

gatsby-inc · Oct 13, 2021 · 666bf77 · 666bf77
1 parent 1c820af
commit 666bf77
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/contentful-page-block-column-section.js b/src/components/contentful-page-block-column-section.js
@@ -14,7 +14,7 @@ const ContentfulPageBlockColumnSection = ({ block }) => {
       <div className={`grid gap-2 `}>
         {heading ? (
           <h2
-            className={`text-3xl sm:text-4xl text-left font-bold text-gray-700 leading-tight mb-2 text-left lg:${textAlign}`}
+            className={`text-3xl sm:text-4xl text-left font-black text-gray-700 leading-tight mb-2 text-left lg:${textAlign}`}
           >
             {heading}
           </h2>

diff --git a/src/components/contentful-rich-text.js b/src/components/contentful-rich-text.js
@@ -18,32 +18,32 @@ const options = {
   },
   renderNode: {
     [BLOCKS.HEADING_1]: (node, children) => (
-      <h2 className="text-3xl sm:text-4xl text-left font-bold text-gray-700 leading-tight mb-2">
+      <h2 className="text-3xl sm:text-4xl text-left font-black text-gray-700 leading-tight mb-2">
         {children}
       </h2>
     ),
     [BLOCKS.HEADING_2]: (node, children) => (
-      <h2 className="text-3xl sm:text-4xl text-left font-bold text-gray-700 leading-tight mb-2">
+      <h2 className="text-3xl sm:text-4xl text-left font-black text-gray-700 leading-tight mb-2">
         {children}
       </h2>
     ),
     [BLOCKS.HEADING_3]: (node, children) => (
-      <h3 className="text-2xl sm:text-3xl text-left font-bold text-gray-700 leading-tight mb-2">
+      <h3 className="text-2xl sm:text-3xl text-left font-black text-gray-700 leading-tight mb-2">
         {children}
       </h3>
     ),
     [BLOCKS.HEADING_4]: (node, children) => (
-      <h4 className="text-xl sm:text-2xl text-left font-bold text-gray-700 leading-tight mb-2">
+      <h4 className="text-xl sm:text-2xl text-left font-black text-gray-700 leading-tight mb-2">
         {children}
       </h4>
     ),
     [BLOCKS.HEADING_5]: (node, children) => (
-      <h5 className="text-lg sm:text-xl text-left font-bold text-gray-700 leading-tight mb-2">
+      <h5 className="text-lg sm:text-xl text-left font-black text-gray-700 leading-tight mb-2">
         {children}
       </h5>
     ),
     [BLOCKS.HEADING_6]: (node, children) => (
-      <h6 className="text-md sm:text-lg text-left font-bold text-gray-700 leading-tight mb-2">
+      <h6 className="text-md sm:text-lg text-left font-black text-gray-700 leading-tight mb-2">
         {children}
       </h6>
     ),