Add responsiveness for footer. Update gulpjs, package.json and bootstrap sass

This commit is contained in:
Sam Lu
2018-07-16 21:49:23 -05:00
parent 5b14d78037
commit 3dcf8ba93a
88 changed files with 8957 additions and 893 deletions

View File

@@ -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

View File

@@ -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