From e519b8c147e491d74d09dacbe2ee5e133665a2b4 Mon Sep 17 00:00:00 2001
From: Valentin Popov <info@valentineus.link>
Date: Thu, 6 Dec 2018 23:52:27 +0400
Subject: feat(css): Style navigation bar

Signed-off-by: Valentin Popov <info@valentineus.link>
---
 _scss/components/_navigation.scss | 42 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 _scss/components/_navigation.scss

(limited to '_scss/components')

diff --git a/_scss/components/_navigation.scss b/_scss/components/_navigation.scss
new file mode 100644
index 0000000..652da46
--- /dev/null
+++ b/_scss/components/_navigation.scss
@@ -0,0 +1,42 @@
+.nav-pills {
+  list-style-type: none;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  text-align: center;
+
+  li {
+    float: left;
+    padding: .5em;
+
+    &:first-child {
+      padding-left: 0;
+    }
+
+    &:last-child {
+      padding-right: 0;
+    }
+  }
+}
+
+.nav-link {
+  text-align: center;
+  text-decoration: none;
+
+  &:focus,
+  &:hover {
+    border: 0;
+    text-decoration: underline;
+  }
+}
+
+.nav-right {
+  float: right;
+}
+
+@media (max-width: 382px) {
+  .nav-right,
+  .nav-pills li {
+    float: none;
+  }
+}
-- 
cgit v1.2.3