Added OasisFooter.vue

2026-04-29 03:10:51 +00:00 · 2021-04-04 07:59:58 +02:00
parent 37ab6408ba
commit 760d7a4687
5 changed files with 168 additions and 26 deletions
@@ -60,6 +60,34 @@

 }

+.oasis-footer {
+  background: white;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 5px 0;
+
+  .logo {
+    width: 235px;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .links {
+    display: inline-block;
+
+    .highlighted {
+      color: $theme;
+    }
+
+    &:last-child {
+      margin-left: 25px;
+    }
+  }
+}
+
 .navigation {
  padding: 10px 0;

@@ -73,28 +101,6 @@
    width: 235px;
  }

-  .links {
-    display: block;
-
-    li {
-      display: inline-block;
-
-      a {
-        @include font-size(17);
-        padding: 9px 30px;
-        color: $text-primary;
-        font-weight: 800;
-        @include transition;
-        border-radius: 25px;
-
-        &:hover {
-          background: white;
-          box-shadow: 0 6px 20px -10px rgba($theme, 0.35);
-        }
-      }
-    }
-  }
-
  .logo img {
    width: 100%;
  }
@@ -310,3 +316,25 @@
    }
  }
 }
+
+.links {
+  display: block;
+
+  li {
+    display: inline-block;
+
+    a {
+      @include font-size(17);
+      padding: 9px 30px;
+      color: $text-primary;
+      font-weight: 800;
+      @include transition;
+      border-radius: 25px;
+
+      &:hover {
+        background: white;
+        box-shadow: 0 6px 20px -10px rgba($theme, 0.35);
+      }
+    }
+  }
+}