Footer widget alignment. Closes #8

bigboxwc · Apr 5, 2018 · 03ec0bd · 03ec0bd
1 parent af21c52
commit 03ec0bd
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/resources/assets/scss/modules/footer-nav.scss b/resources/assets/scss/modules/footer-nav.scss
@@ -13,15 +13,23 @@
 
 .footer-nav__col {
 
-	@include make-col-ready();
+	@include col();
 
-	flex: 1 0 auto;
-	width: auto;
-	max-width: none;
+	flex-grow: 1;
+	flex-basis: 100%;
+
+	@include media-breakpoint-up(sm) {
+		flex-basis: 50%;
+	}
+
+	@include media-breakpoint-up(md) {
+		flex-basis: 0;
+	}
 }
 
 .footer-widget {
 	border: 0;
+	padding-bottom: 0;
 
 	a {
 		color: gray("600");

diff --git a/resources/assets/scss/modules/widget.scss b/resources/assets/scss/modules/widget.scss
@@ -13,7 +13,6 @@
 	}
 
 	&:last-child {
-		margin-bottom: 0;
 		padding-bottom: 0;
 		border-bottom: 0;
 	}

diff --git a/resources/views/partials/footer-nav.php b/resources/views/partials/footer-nav.php
@@ -34,7 +34,7 @@
 
 <div class="footer-nav">
 	<div class="container">
-		<div class="footer-nav__row">
+		<div class="footer-nav__row footer-nav__columns-<?php echo esc_attr( $count ); ?>">
 
 			<?php echo $widgets; // WPCS: XSS okay; ?>