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

Add an underline to the active navbar item

Browse source
This commit is contained in:
NeilBrommer 2018-06-12 18:18:14 -07:00
parent ff2402cb02
commit f528170ae3
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
static/css/main.css
View file

@ -11,12 +11,23 @@ body {
cursor: default; cursor: default;
} }
.navbar, .fixed-top { .navbar.fixed-top {
padding-top: 0;
padding-bottom: 0;
background-color: #3f51b5 !important; background-color: #3f51b5 !important;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
border-bottom: #002984 1px solid; border-bottom: #002984 1px solid;
} }
.nav-item {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-nav .nav-item.active {
padding-bottom: 0.25rem;
border-bottom: white 0.25rem solid;
}
a:not(.nav-link):not(.navbar-brand) { a:not(.nav-link):not(.navbar-brand) {
color: #3f51b5; color: #3f51b5;
} }