From e78b3c34348f26d40a813612c5a3786f1c56607a Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Tue, 29 Aug 2017 18:07:53 +0800
Subject: Initial SASS build

---
 src/_navs.scss | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/_navs.scss

(limited to 'src/_navs.scss')

diff --git a/src/_navs.scss b/src/_navs.scss
new file mode 100644
index 0000000..4bedc27
--- /dev/null
+++ b/src/_navs.scss
@@ -0,0 +1,34 @@
+// Navs
+.nav {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  margin: $unit-1 0;
+
+  .nav-item {
+    a {
+      color: $gray-color-dark;
+      padding: $unit-1 $unit-2;
+      text-decoration: none;
+      &:focus,
+      &:hover {
+        color: $primary-color;
+      }
+    }
+    &.active {
+      & > a {
+        color: darken($gray-color-dark, 10%);
+        font-weight: bold;
+        &:focus,
+        &:hover {
+          color: $primary-color;
+        }
+      }
+    }
+  }
+
+  & .nav {
+    margin-bottom: $unit-2;
+    margin-left: $unit-4;
+  }
+}
-- 
cgit v1.3.1-23-gd82d