style all body content from wordpress the same

src/components/PostList.js

@@ -27,6 +27,7 @@ export default class PostList extends React.Component {
                 </header>
                 <div className="post-body">
                   <div
+                    className="wp-content"
                     dangerouslySetInnerHTML={{
                       __html: post.excerpt.replace(/<p class="link-more.*/, ''),
                     }}

src/css/associations.scss

@@ -40,26 +40,4 @@
     max-width: $width-m;
     margin: 0 auto;
   }
-}
-.association-content {
-  max-width: $width-m;
-  margin: 0 auto;
-
-  img, div {
-    max-width: 100%;
-  }
-
-  ul {
-    max-width: $width-m;
-    margin: 0 auto 1rem;
-  }
-
-  ul, p {
-    margin: 0 auto 1.6rem;
-  }
-
-  h1, h2, h3, h4, h5, h6 {
-    max-width: $width-m;
-    margin-top: 3.6rem;
-  }
 }

src/css/events.scss

@@ -252,6 +252,7 @@
 
   h1 {
     font-size: 3.6rem;
+    line-height: 1;
     margin-right: -3.6rem;
     text-shadow: -0.06rem 0.1rem 0.26rem rgba(0, 0, 0, 0.9);
     margin-bottom: 0;

src/css/header.scss

@@ -9,7 +9,7 @@
   top: 0;
   left: 0;
   right: 0;
-  z-index: 10;
+  z-index: 1000;
 
   .logo {
     width: 1rem;

src/css/page.scss

@@ -6,27 +6,25 @@
   text-align: center;
 }
 
-.page {
-  &-content {
+.wp-content {
+  max-width: $width-m;
+  margin: 0 auto;
+
+  img, div {
+    max-width: 100%;
+  }
+
+  ul {
     max-width: $width-m;
-    margin: 0 auto;
+    margin: 0 auto 1rem;
+  }
 
-    img, div {
-      max-width: 100%;
-    }
+  ul, p {
+    margin: 0 auto 1.6rem;
+  }
 
-    ul {
-      max-width: $width-m;
-      margin: 0 auto 1rem;
-    }
-
-    ul, p {
-      margin: 0 auto 1.6rem;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-      max-width: $width-m;
-      margin-top: 3.6rem;
-    }
+  h1, h2, h3, h4, h5, h6 {
+    max-width: $width-m;
+    margin-top: 3.6rem;
   }
 }

src/templates/association.js

@@ -28,7 +28,7 @@ export const AssociationTemplate = data => {
       )}
       <div className="association-type">Type: {type}</div>
       <div
-        className="association-content"
+        className="association-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>

src/templates/event.js

@@ -97,7 +97,7 @@ export const EventTemplate = ({
         )}
       </div>
       <div
-        className="event-content"
+        className="event-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>

src/templates/page.js

@@ -8,7 +8,7 @@ export const PageTemplate = ({ title, content }) => {
     <section className="page">
       <h1 className="section-title">{title}</h1>
       <div
-        className="page-content"
+        className="page-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>

src/templates/post.js

@@ -37,7 +37,7 @@ export const BlogPostTemplate = ({
         )}
       </div>
       <div
-        className="post-content"
+        className="post-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>

src/templates/venue.js

@@ -37,7 +37,7 @@ export class VenueTemplate extends React.Component {
           )}
         </div>
         <div
-          className="venue-content"
+          className="venue-content wp-content"
           dangerouslySetInnerHTML={{ __html: content }}
         />
         <div className="venue-meta">