create(navbar) created and styled navbar

2026-09-11 10:56:08 +00:00 · 2021-07-26 15:49:20 +03:00
parent 20b769086a
commit c2b59b9b29
8 changed files with 128 additions and 68 deletions
@@ -0,0 +1,37 @@
+.navbar {
+  display: flex;
+  justify-content: space-between;
+
+  &_list {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 0.5rem;
+
+    font-size: 2rem;
+    list-style-type: none;
+
+    li:not(:last-child) {
+      margin-right: 1rem;
+    }
+
+    &-item {
+      a:visited,
+      a:link {
+        text-decoration: none;
+        color: var(--color-primary);
+      }
+
+      &--active a {
+        color: var(--color-primary);
+        &:after {
+          content: "";
+          display: block;
+          margin: auto;
+          height: 2px;
+          width: 100%;
+          background-color: var(--color-tertiary);
+        }
+      }
+    }
+  }
+}