diff options
| author | Valentin Popov <info@valentineus.link> | 2018-12-06 22:52:27 +0300 |
|---|---|---|
| committer | Valentin Popov <info@valentineus.link> | 2018-12-06 23:17:02 +0300 |
| commit | e519b8c147e491d74d09dacbe2ee5e133665a2b4 (patch) | |
| tree | 7241a3e39097df9e26cae9d95c526ae91d1c3df2 | |
| parent | 19fbb3342a443fa36f00130f833207c79c7583d7 (diff) | |
| download | popov.link-e519b8c147e491d74d09dacbe2ee5e133665a2b4.tar.xz popov.link-e519b8c147e491d74d09dacbe2ee5e133665a2b4.zip | |
feat(css): Style navigation bar
Signed-off-by: Valentin Popov <info@valentineus.link>
| -rw-r--r-- | _scss/base/_main.scss | 1 | ||||
| -rw-r--r-- | _scss/components/_navigation.scss | 42 |
2 files changed, 43 insertions, 0 deletions
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; + } +} |