Add secondary navbar. Add jinja if for jumbotron bg and secondary navbar

This commit is contained in:
Sam Lu
2018-07-20 22:55:04 -05:00
parent ecd09a3f02
commit a4bbff1ad0
6 changed files with 66 additions and 18 deletions

View File

@@ -1,5 +1,6 @@
.container.card-container
max-width: 1200px
margin-top: 56px
// pending media query decision
// .col-md-4
// +media-breakpoint-up(lg)

View File

@@ -0,0 +1,36 @@
.nav-scroller
position: relative
z-index: 2
height: 2.75rem
overflow-y: hidden
.navbar-secondary
max-width: 700px
margin-bottom: 56px
padding-left: 0
border-bottom: 1px solid $gray
.nav
display: flex
flex-wrap: nowrap
overflow-x: auto
text-align: center
white-space: nowrap
-webkit-overflow-scrolling: touch
.nav-link
font-size: 18px
color: $dark
padding: 13px 4px
margin-right: 16px
margin-left: 16px
&:hover
color: $muted
.nav-title
font-weight: 600
@include media-breakpoint-up(md)
padding-left: 0
margin-left: 0
&:hover
color: $dark
.active
border-bottom: 2px solid $primary
&:hover
color: $dark

View File

@@ -4,6 +4,9 @@
min-height: 48px
+media-breakpoint-up(md)
height: 56px
&.sticky-top
+media-breakpoint-down(sm)
position: static
.logo
display: flex
justify-content: center

View File

@@ -3,9 +3,6 @@
@import ../styles/custom-font
@import ../styles/navbar
@import ../styles/jumbotron
@import ../styles/navbar-secondary
@import ../styles/cards
@import ../styles/footer
.jumbotron
background-image: url('/../../static/assets/img/backgrounds/banner-open-projects.jpg')
margin-bottom: 56px
@import ../styles/footer