feat(css): Style navigation bar

Signed-off-by: Valentin Popov <info@valentineus.link>
This commit is contained in:
Valentin Popov 2018-12-06 23:52:27 +04:00
parent 19fbb3342a
commit e519b8c147
Signed by: Valentin Popov
GPG Key ID: 269A00ACA90A8EA3
2 changed files with 43 additions and 0 deletions

View File

@ -1 +1,2 @@
@import 'components/core';
@import 'components/navigation';

View File

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