From 652ccfc332cff4df1cb2938ca5dcebde093cbe4a Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 4 Mar 2019 13:22:00 +0100
Subject: [PATCH] Update typography styles

---
 client/src/components/modules/ModuleTeaser.vue |  8 ++++----
 client/src/pages/topic.vue                     | 11 ++++-------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/client/src/components/modules/ModuleTeaser.vue b/client/src/components/modules/ModuleTeaser.vue
index 78992349..2dda30c0 100644
--- a/client/src/components/modules/ModuleTeaser.vue
+++ b/client/src/components/modules/ModuleTeaser.vue
@@ -29,6 +29,7 @@
 
 <style scoped lang="scss">
   @import "@/styles/_variables.scss";
+  @import "@/styles/_mixins.scss";
 
   .module-teaser {
     box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.12);
@@ -55,13 +56,12 @@
 
     &__meta-title {
       color: $color-grey;
-      margin-bottom: 20px;
-      font-size: 1.2rem;
+      margin-bottom: $large-spacing;
+      @include regular-text;
     }
 
     &__title {
-      font-size: 1.5em;
-      font-weight: $font-weight-bold;
+      @include heading-3;
       margin-bottom: 5px;
     }
 
diff --git a/client/src/pages/topic.vue b/client/src/pages/topic.vue
index 4e597609..226dc281 100644
--- a/client/src/pages/topic.vue
+++ b/client/src/pages/topic.vue
@@ -57,12 +57,9 @@
 
   .topic {
     &__teaser {
-      color: $color-grey;
-      font-size: 1.2rem;
-      line-height: 25px;
+      color: $color-darkgrey-1;
       width: 90%;
-      max-width: 900px;
-      font-family: $sans-serif-font-family;
+      @include lead-paragraph;
     }
 
     &__modules {
@@ -71,8 +68,8 @@
       @supports (display: grid) {
         display: grid;
       }
-      grid-column-gap: 40px;
-      grid-row-gap: 30px;
+      grid-column-gap: $large-spacing;
+      grid-row-gap: $large-spacing;
 
       @include desktop {
         grid-template-columns: repeat(3, 1fr);