Add style after new guidelines, markup and restructuring of components

2018-07-02 20:33:44 +02:00
parent 01b910f7d9
commit e5287ac835
11 changed files with 1132 additions and 63 deletions
--- a/src/components/SectionIntro.js
+++ b/src/components/SectionIntro.js
@@ -3,9 +3,9 @@ import Link from 'gatsby-link'

 const IntroDefault = ({ intro, headline, text, classes }) => (
  <div className={`${classes}`}>
-    <h3>{intro}</h3>
-    <h1>{headline}</h1>
-    <p>{text}</p>
+    <h3 className="text-white opacity-50 text-sm font-light uppercase pt-2 pb-2">{intro}</h3>
+    <h1 className="text-white font-light pt-2 pb-2">{headline}</h1>
+    <p className="font-light leading-normal text-white opacity-50">{text}</p>
  </div>
 )