Converted the css to sass

2023-08-30 19:15:19 +02:00
parent 3f3387b1d1
commit 89b6d7eeb7
9 changed files with 81 additions and 66 deletions
--- a/styles/header.scss
+++ b/styles/header.scss
@@ -0,0 +1,52 @@
+.navbar {
+    font-family: 'Nunito', sans-serif;
+    background: var(--header-BackgroundColor);
+    color: var(--header-textColor);
+    z-index: 9999;
+    height: var(--header-Height);
+    padding: 0 3.75rem;
+
+    .navbar-brand {
+        h3 {
+            margin-bottom: 0;
+        }
+        img {
+            height: 3rem;
+            width: 2.625rem;
+        }
+        .title {
+            font-size: 1.75rem;
+            font-weight: 350;
+            line-height: 2.1rem;
+        }
+        .subtitle {
+            font-size: 1.125rem;
+            font-weight: 250;
+        }
+    }
+
+    .nav-item .nav-link {
+        font-family: 'Nunito', sans-serif;
+        font-size: 1.4rem;
+        line-height: 1.5rem;
+        font-weight: 250;
+        white-space: nowrap;
+
+        &:hover {
+            color: rgba(255,255,255, .75);
+            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+        }
+    }
+}
+
+.external-link-icon:after {
+    content: "";
+    position: relative;
+    display: inline-block;
+    left: 5px;
+    top: 2px;
+    background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzUuNzg4IDE4IDQ2LjU2NCA0Ny4yMjRhNC40MDIgNC40MDIgMCAwIDAgMCA2LjIyMyA0LjQwMyA0LjQwMyAwIDAgMCA2LjIyMyAwTDgyIDI0LjIzM3Y5Ljc3QTQuMDAxIDQuMDAxIDAgMCAwIDg2IDM4YzIuMjA1IDAgNC0xLjc5IDQtMy45OTdWMTMuOTk3YzAtMS4xMDEtLjQ0Ny0yLjEtMS4xNy0yLjgyNEEzLjk4MyAzLjk4MyAwIDAgMCA4Ni4wMDIgMTBINjUuOTk3QTQuMDAxIDQuMDAxIDAgMCAwIDYyIDE0YzAgMi4yMDUgMS43OSA0IDMuOTk3IDRoOS43OTFaTTkwIDU4VjM4Ljk4NSA4MC4wM2MwIDUuNTA2LTMuOTY3IDkuOTctOC44NjcgOS45N0gxOC44NjdDMTMuOTcgOTAgMTAgODUuNTI3IDEwIDgwLjAzVjE5Ljk3YzAtNS41MDYgMy45NjctOS45NyA4Ljg2Ny05Ljk3aDQyLjdINDJhNCA0IDAgMSAxIDAgOEgyMC4yNzhDMTkuMDA1IDE4IDE4IDE5LjE5NSAxOCAyMC42NjlWNzkuMzNDMTggODAuNzggMTkuMDIgODIgMjAuMjc4IDgyaDU5LjQ0NEM4MC45OTUgODIgODIgODAuODA1IDgyIDc5LjMzMVY1OGE0IDQgMCAxIDEgOCAwWiIgZmlsbD0iI2ZmZDM5YyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=') center center;
+    background-size: contain;
+    height: 16px;
+    width: 16px;
+}