Fix section heading and subheading bugs

TryGhost · Dec 15, 2018 · ffc8b75 · ffc8b75
1 parent f7d6b84
commit ffc8b75
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/integrations/IntegrationsContent.js b/src/components/integrations/IntegrationsContent.js
@@ -71,9 +71,9 @@ class IntegrationsContent extends React.Component {
                                 <header className="top-0 left-0 right-0 z-9999">
                                     <NavBar theme="light" />
                                 </header>
-                                <div className="pa-vw4 tc">
-                                    <h1 className="f2-ns f1-m f-headline-l ma0 pa0 white gh-integration-header-shadow">Ghost Integrations</h1>
-                                    <p className="ma0 mt2 f5 f4-ns white-80 lh-1-5">All your favourite apps and tools, integrated with Ghost</p>
+                                <div className="pa-vw4 tc white">
+                                    <h1 className={`${Spirit.sectionHeading} gh-integration-header-shadow`}>Ghost Integrations</h1>
+                                    <p className={ Spirit.sectionSubHeading }>All your favourite apps and tools, integrated with Ghost</p>
                                     <IntegrationSearchBox searchActive={this.searchSwitch} />
                                 </div>
                             </div>

diff --git a/src/styles/spirit-styles.js b/src/styles/spirit-styles.js
@@ -24,7 +24,7 @@ export const Spirit = {
 
     // Sections
     sectionHeading: ` mw-m center f2 f-headline-l lh-1-5 lh-h1-l fw6 pa0 ma0 measure--1-0 `,
-    sectionSubHeading: ` mw-m center f5 f4-l lh-1-65 lh-h4-l fw4 pa0 ma0 mla measure--0-2 `,
+    sectionSubHeading: ` mw-m center f5 f4-l lh-1-65 lh-h3-l fw4 pa0 ma0 mla mt3 measure--0-2 `,
 
     // Links
     link: {