Add secondary navbar. Add jinja if for jumbotron bg and secondary navbar
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
.container.card-container
|
||||
max-width: 1200px
|
||||
margin-top: 56px
|
||||
// pending media query decision
|
||||
// .col-md-4
|
||||
// +media-breakpoint-up(lg)
|
||||
|
36
src/styles/_navbar-secondary.sass
Normal file
36
src/styles/_navbar-secondary.sass
Normal 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
|
@@ -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
|
||||
|
@@ -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
|
Reference in New Issue
Block a user