Add responsiveness for footer. Update gulpjs, package.json and bootstrap sass
This commit is contained in:
@@ -3,6 +3,6 @@
|
||||
// md 576px - 757.98px
|
||||
// lg 992px to 1199.98px
|
||||
// xl 1200px and up
|
||||
@import ../../node_modules/bootstrap/sass/functions
|
||||
@import ../../node_modules/bootstrap/sass/variables
|
||||
@import ../../node_modules/bootstrap/sass/mixins/breakpoints
|
||||
@import ../../static/assets/bootstrap/sass/functions
|
||||
@import ../../static/assets/bootstrap/sass/variables
|
||||
@import ../../static/assets/bootstrap/sass/mixins/breakpoints
|
@@ -1,36 +1,42 @@
|
||||
footer.container-fluid
|
||||
background: #F8F8FB
|
||||
border-top: 1px solid #E3E3E6
|
||||
margin-top: 136px
|
||||
margin-top: 72px
|
||||
+media-breakpoint-up(sm)
|
||||
margin-top: 112px
|
||||
+media-breakpoint-up(lg)
|
||||
margin-top: 136px
|
||||
.container
|
||||
margin-top: 11px
|
||||
max-width: 1200px
|
||||
.row
|
||||
max-width: 1200px
|
||||
.col-4
|
||||
// background: blue
|
||||
// flex: 0 0 100%
|
||||
// max-width: 100%
|
||||
max-width: 100%
|
||||
flex: 0 0 100%
|
||||
flex-basis: 100%
|
||||
max-width: 100%
|
||||
margin-bottom: 60px
|
||||
padding-left: 20px
|
||||
padding-right: 20px
|
||||
padding: 0 20px 56px
|
||||
+media-breakpoint-up(sm)
|
||||
padding: 0 20px 32px
|
||||
+media-breakpoint-up(md)
|
||||
// background: lightcoral
|
||||
flex: 0 0 33%
|
||||
padding-bottom: 0
|
||||
max-width: 33%
|
||||
margin-bottom: 0px
|
||||
.col
|
||||
padding-left: 20px
|
||||
padding-right: 20px
|
||||
flex-basis: 50%
|
||||
padding: 0 20px 32px
|
||||
+media-breakpoint-up(sm)
|
||||
flex-basis: 0
|
||||
padding-bottom: 0
|
||||
h5
|
||||
color: $dark
|
||||
font-weight: 600
|
||||
font-size: 15px
|
||||
color: $dark
|
||||
letter-spacing: 0.6px
|
||||
text-transform: uppercase
|
||||
margin-bottom: 12px
|
||||
text-transform: uppercase
|
||||
p
|
||||
color: #6d6d6e
|
||||
line-height: 30px
|
||||
|
Reference in New Issue
Block a user