NeilBrommer/Personal-Site
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Move active menu item underline to the left on mobile

Browse source
This commit is contained in:
NeilBrommer 2018-06-12 19:58:23 -07:00
parent 39b3e4c622
commit 6e52af8716
1 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/css/main.css
View file

@ -24,14 +24,32 @@ body {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
.navbar-nav .nav-item.active { @media screen and (min-width: 768px) {
.navbar-nav .nav-item.active {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
border-bottom: white 0.25rem solid; border-bottom: white 0.25rem solid;
}
}
@media screen and (max-width: 767px) {
.navbar-nav .nav-item.active {
padding-left: 0.75rem;
border-left: white 0.25rem solid;
}
.navbar-nav .nav-item {
padding-left: 1rem;
}
}
.navbar {
padding-left: 0;
} }
.navbar .navbar-brand { .navbar .navbar-brand {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
padding-left: 1rem;
} }
.card, .jumbotron { .card, .jumbotron {