From 4467e79ab9516010c93c8ba7c530ddd9622a5262 Mon Sep 17 00:00:00 2001
From: Eugen Wissner <belka@caraus.de>
Date: Wed, 15 Jul 2026 00:09:31 +0200
Subject: Load fonts

---
 assets/_sass/_layout.scss | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

(limited to 'assets/_sass/_layout.scss')

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;
-- 
cgit v1.2.3