update scss files and make sure that homepage works in the same way

1 files changed, 17 insertions, 12 deletions

diff --git a/assets/css/modules/typography.scss b/assets/css/modules/typography.scss
index fe3f2b52..23800df9 100644
--- a/assets/css/modules/typography.scss
+++ b/assets/css/modules/typography.scss
@@ -1,9 +1,9 @@
-@import "../variables.scss";
-@import "../helpers.scss";
-@import '../vendor/modular-scale/modular-scale.scss';
+@import '../variables';
+@import '../helpers';
+@import '../vendor/modular-scale/modular-scale';
 
 .jumbotron {
-    @include modifier(heading-1) {
+    &--heading-1 {
         padding-top: 0;
         color: white !important;
         font-size: ms(3) !important;
@@ -17,7 +17,7 @@
         }
     }
 
-    @include modifier(lead) {
+    &--lead {
       font-size: ms(0);
       color: white;
       line-height: 1.6;
@@ -30,12 +30,12 @@
 }
 
 .section {
-    @include modifier(text--center) {
+    &--text--center {
         margin: 0 auto;
         text-align: center;
     }
 
-    @include modifier(heading-1) {
+    &--heading-1 {
         font-size: ms(3);
         font-weight: 300;
         line-height: 1.2;
@@ -49,7 +49,7 @@
         }
     }
 
-    @include modifier(heading-2) {
+    &--heading-2 {
         font-size: ms(2);
         font-weight: 300;
         color: $dark-grey;
@@ -61,19 +61,19 @@
         }
     }
 
-    @include modifier(intro) {
+    &--intro {
         font-size: ms(0, 22px);
         font-weight: 300;
     }
 
-    @include modifier(paragraph__tittle) {
+    &--paragraph__tittle {
         font-size: ms(0, 22px);
         line-height: 30px;
         font-weight: 600;
         color: $dark-blue;
     }
 
-    @include modifier(paragraph) {
+    &--paragraph {
         font-size: ms(0);
         font-weight: 400;
         line-height: 1.5;
@@ -88,7 +88,7 @@
     border-bottom: solid 1px;
     transition: all 0.5s ease;
     text-decoration: none;
-    
+
     &:hover {
         text-decoration: none;
         color: $dark-blue;
@@ -132,3 +132,8 @@ h5 {
   line-height: 1.5;
   color: #555;
 }
+
+.text-center {
+    margin: 0 auto;
+    text-align: center;
+}