From b86b1eea377b6455f0d83995447a5d700346b985 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 27 Feb 2019 16:52:55 +0100
Subject: [PATCH] Replace more explicit values with variables

---
 client/index.html                                  | 2 +-
 client/src/components/BookSidebar.vue              | 2 +-
 client/src/components/TopNavigation.vue            | 2 +-
 client/src/components/content-blocks/Solution.vue  | 2 +-
 client/src/components/modules/ModuleNavigation.vue | 2 +-
 client/src/styles/_article.scss                    | 2 +-
 client/src/styles/_buttons.scss                    | 2 +-
 client/src/styles/_typography.scss                 | 4 ++--
 client/src/styles/_variables.scss                  | 2 +-
 9 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/index.html b/client/index.html
index d4b97803..7b0024b6 100644
--- a/client/index.html
+++ b/client/index.html
@@ -6,7 +6,7 @@
     <title>skillbox</title>
 
     <link href='https://fonts.googleapis.com/css?family=Material+Icons' rel="stylesheet" type="text/css">
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
     <link href="https://use.typekit.net/tck7ptw.css" rel="stylesheet">
 
   <script>
diff --git a/client/src/components/BookSidebar.vue b/client/src/components/BookSidebar.vue
index b6e83818..985f5a14 100644
--- a/client/src/components/BookSidebar.vue
+++ b/client/src/components/BookSidebar.vue
@@ -40,7 +40,7 @@
 
     &__title {
       font-size: toRem(17px);
-      font-weight: 400;
+      font-weight: $font-weight-regular;
       color: $color-grey;
     }
   }
diff --git a/client/src/components/TopNavigation.vue b/client/src/components/TopNavigation.vue
index c7a44986..0d278098 100644
--- a/client/src/components/TopNavigation.vue
+++ b/client/src/components/TopNavigation.vue
@@ -31,7 +31,7 @@
       font-size: 1.0625rem;
       padding: 0 24px;
       font-family: $sans-serif-font-family;
-      font-weight: 400;
+      font-weight: $font-weight-regular;
       color: $color-grey;
 
       &--active {
diff --git a/client/src/components/content-blocks/Solution.vue b/client/src/components/content-blocks/Solution.vue
index 120fbd4a..7122f8e6 100644
--- a/client/src/components/content-blocks/Solution.vue
+++ b/client/src/components/content-blocks/Solution.vue
@@ -47,7 +47,7 @@
       /*margin-bottom: 15px;*/
       display: block;
       cursor: pointer;
-      font-weight: 400;
+      font-weight: $font-weight-regular;
     }
 
     &__text {
diff --git a/client/src/components/modules/ModuleNavigation.vue b/client/src/components/modules/ModuleNavigation.vue
index 75d838e1..32b80085 100644
--- a/client/src/components/modules/ModuleNavigation.vue
+++ b/client/src/components/modules/ModuleNavigation.vue
@@ -102,7 +102,7 @@
   @mixin module-navigation-typography {
     font-family: $sans-serif-font-family;
     color: $color-grey;
-    font-weight: 400;
+    font-weight: $font-weight-regular;
   }
 
   .module-navigation {
diff --git a/client/src/styles/_article.scss b/client/src/styles/_article.scss
index 110e2278..536cf826 100644
--- a/client/src/styles/_article.scss
+++ b/client/src/styles/_article.scss
@@ -20,7 +20,7 @@
   &__subtitle {
     grid-row: 2;
     font-family: $serif-font-family;
-    font-weight: 400;
+    font-weight: $font-weight-regular;
   }
 
   &__content {
diff --git a/client/src/styles/_buttons.scss b/client/src/styles/_buttons.scss
index 79ddbe94..872e34ed 100644
--- a/client/src/styles/_buttons.scss
+++ b/client/src/styles/_buttons.scss
@@ -4,7 +4,7 @@
   padding: 5px 15px;
   border-radius: 3px;
   font-family: $sans-serif-font-family;
-  font-weight: 400;
+  font-weight: $font-weight-regular;
   display: inline-flex;
   cursor: pointer;
 
diff --git a/client/src/styles/_typography.scss b/client/src/styles/_typography.scss
index 5bc62692..b9a9b620 100644
--- a/client/src/styles/_typography.scss
+++ b/client/src/styles/_typography.scss
@@ -4,7 +4,7 @@
 
 * {
   font-size: $base-font-size;
-  font-weight: 400;
+  font-weight: $font-weight-regular;
   color: $color-darkgrey-1;
 }
 
@@ -55,7 +55,7 @@ h4 {
 
 input, textarea, select, button {
   font-family: $sans-serif-font-family;
-  font-weight: 500;
+  font-weight: $font-weight-regular;
 
 }
 
diff --git a/client/src/styles/_variables.scss b/client/src/styles/_variables.scss
index ca2cd89b..05d400be 100644
--- a/client/src/styles/_variables.scss
+++ b/client/src/styles/_variables.scss
@@ -65,6 +65,6 @@ $large-spacing: 30px;
 
 $font-weight-bold: 700;
 $font-weight-semibold: 600;
-$font-weight-regular: 500;
+$font-weight-regular: 400;
 
 $default-line-height: 1.5;