add main nav bar

frontend/uxbox/ui/header.cljs

@@ -13,9 +13,15 @@
    [:header#main-bar.main-bar
     [:div.main-logo
      (nav/link "/" i/logo)]
-    [:ul
-     [:li "foo"]
-     [:li "bar"]]
+    [:ul.main-nav
+     [:li
+      [:a {:href "/"} "PROJECTS"]]
+     [:li.current
+      [:a {:href "/elements"} "ELEMENTS"]]
+     [:li
+      [:a {:href "/icons"} "ICONS"]]
+     [:li
+      [:a {:href "/colors"} "COLORS"]]]
     (ui.u/user)]))
 
 (def ^:static header

resources/public/styles/partials/main-bar.scss

@@ -19,6 +19,37 @@
 
 }
 
+.main-nav {
+  align-items: center;
+  display: flex;
+  height: 50px;
+  margin: 0 0 0 100px;
+
+  li {
+
+    a {
+      color: lighten($color-gray-light, 12%);
+      padding: 1rem;
+
+      &:hover {
+        color: $color-white;
+      }
+
+    }
+
+    &.current {
+
+      a {
+        color: $color-white;
+        font-weight: bold;
+      }
+
+    }
+
+  }
+
+}
+
 .user-zone {
   align-items: center;
   cursor: pointer;