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; + } +}