Make jumbotron responsive. Fix navbar responsive spacing.
This commit is contained in:
@@ -1,11 +1,15 @@
|
|||||||
.jumbotron
|
.jumbotron
|
||||||
width: 100%
|
|
||||||
height: 600px
|
|
||||||
background-color: #fff
|
background-color: #fff
|
||||||
background-repeat: no-repeat
|
background-repeat: no-repeat
|
||||||
background-position: left top
|
background-position: left top
|
||||||
background-size: cover
|
background-size: cover
|
||||||
|
height: 360px
|
||||||
|
width: 100%
|
||||||
margin-bottom: 0px
|
margin-bottom: 0px
|
||||||
|
+media-breakpoint-up(md)
|
||||||
|
height: 500px
|
||||||
|
+media-breakpoint-up(xl)
|
||||||
|
height: 600px
|
||||||
.container
|
.container
|
||||||
max-width: 1160px
|
max-width: 1160px
|
||||||
display: flex
|
display: flex
|
||||||
|
@@ -2,9 +2,11 @@
|
|||||||
background: #fff
|
background: #fff
|
||||||
height: auto
|
height: auto
|
||||||
min-height: 48px
|
min-height: 48px
|
||||||
|
padding: .1rem 1rem
|
||||||
+media-breakpoint-up(md)
|
+media-breakpoint-up(md)
|
||||||
height: 56px
|
|
||||||
box-shadow: 0 2px 2px -2px rgba(0,0,0,.15)
|
box-shadow: 0 2px 2px -2px rgba(0,0,0,.15)
|
||||||
|
height: 56px
|
||||||
|
padding: .5rem 1rem
|
||||||
&.sticky-top
|
&.sticky-top
|
||||||
+media-breakpoint-down(sm)
|
+media-breakpoint-down(sm)
|
||||||
position: static
|
position: static
|
||||||
|
Reference in New Issue
Block a user