Load fonts

1 files changed, 9 insertions, 8 deletions

diff --git a/assets/_sass/_layout.scss b/assets/_sass/_layout.scss
index 0c2a1b7..9c1dd0a 100644
--- a/assets/_sass/_layout.scss
+++ b/assets/_sass/_layout.scss
@@ -12,12 +12,12 @@
     border-radius: 0 0 5px 5px;

     text-decoration: none;

 

-    @include transition(background .2s ease);

+    transition: background .2s ease;

 

     &:before { position: absolute; top: 0; left: -150%; content: ""; width: 50%; height: 100%;

       background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

       background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

-      @include skew(-45deg, 0);

+      transform: skew(-45deg, 0);

     }

     &:hover {

       background: var(--main-color-hover);

@@ -48,7 +48,7 @@
 }

 

 .site-navigation {

-  @include flexbox();

+  display: flex;

   @include justify-content();

   @include align-items();

   @include flex-flow(row wrap);

@@ -63,7 +63,7 @@
     text-decoration: none;

     color: var(--grey-555);

     padding: 0 0 2px;

-    @include transition(color .2s ease);

+    transition: color .2s ease;

     cursor: pointer;

 

     &:before {

@@ -74,7 +74,8 @@
       width: 0%;

       border-bottom: 2px solid var(--grey-222);

 

-      @include transition(width .18s ease, opacity .18s ease); content: "";

+      transition: width .18s ease, opacity .18s ease;

+      content: "";

     }

 

     &:hover, &.active { color: var(--grey-222);

@@ -96,7 +97,7 @@
     box-shadow: 0 2px 5px rgba(0, 0, 0, .1);

 

     .site-header-wrapper {

-      @include flexbox();

+      display: flex;

       @include align-items();

       @include justify-content();

       @include flex-flow(row wrap);

@@ -129,8 +130,8 @@
     @include justify-content(flex-start);

     @include flex-flow(column nowrap);

     gap: 20px 0;

-    @include translate(0, -100%);

-    @include transition(transform .25s ease-in-out);

+    transform: translate(0, -100%);

+    transition: transform .25s ease-in-out;

     padding: 100px 20px 0;

     background: rgba(255, 255, 255, .9);

     z-index: 10;