Copied a lot of stuff from my template repo

2020-02-11 22:55:29 +01:00
parent 94d14ed717
commit fe926d1898
43 changed files with 13609 additions and 3 deletions
--- a/src/style/_navigation.scss
+++ b/src/style/_navigation.scss
@@ -0,0 +1,75 @@
+.nav {
+  transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
+  background-color: #000;
+  border-bottom: 1px solid rgb(128, 0, 0);
+  color: #FFF;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1000;
+
+  nav {
+    padding: 0 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 80px;
+
+    .header-logo img {
+      height: 35px;
+    }
+
+    .nav-links {
+      list-style: none;
+      display: flex;
+      align-items: center;
+
+      a {
+        display: inline-block;
+        text-decoration: none;
+
+        li {
+          margin: 0px 20px;
+          color: #FFF;
+          border-bottom: 1px solid transparent;
+
+          &:hover,
+          &.active {
+            border-color: inherit;
+            padding: 5px 0px;
+          }
+        }
+      }
+    }
+
+    .nav-left {
+      display: flex;
+
+      .header-logo {
+        margin-right: 20px;
+      }
+    }
+  }
+}
+
+body.hero .nav {
+  background-color: transparent;
+  border-bottom: 1px solid transparent;
+
+  a li {
+    color: #FFF;
+  }
+}
+
+body.hero.scroll .nav {
+  background-color: #000;
+  border-bottom: 1px solid rgb(128, 0, 0);
+
+  .header-logo img {
+    filter: none;
+  }
+
+  a li {
+    color: #FFF;
+  }
+}