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/base/_main.scss             |  1 +
 _scss/components/_navigation.scss | 42 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 _scss/components/_navigation.scss

(limited to '_scss')

diff --git a/_scss/base/_main.scss b/_scss/base/_main.scss
index 810b2d4..4adfaca 100644
--- a/_scss/base/_main.scss
+++ b/_scss/base/_main.scss
@@ -1 +1,2 @@
 @import 'components/core';
+@import 'components/navigation';
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