Exford: Extend `%responsive-alignwide` for the Header & Footer

exford/sass/_extra-child-theme.scss

@@ -62,7 +62,7 @@ a {
 	padding-top: $spacing_vertical;
 	padding-bottom: $spacing_vertical;
 
-	//@extend %responsive-width-wide;
+	@extend %responsive-alignwide;
 
 	@include media(mobile) {
 		padding-top: #{2 * $spacing_vertical};
@@ -310,6 +310,13 @@ a {
 /**
  * Footer
  */
+#colophon {
+	@extend %responsive-alignwide;
+}
+
+/**
+ * Footer Navigation
+ */
 .footer-navigation {
 	.footer-menu {
 		a {

exford/style-rtl.css

@@ -3190,7 +3190,7 @@ img#wpstats {
 	}
 }
 
-.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 	width: calc(100% + 256px);
 	max-width: calc(100vw - 32px);
 	margin-right: auto;
@@ -3198,35 +3198,35 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 560px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 560px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 640px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
@@ -3679,6 +3679,9 @@ p:not(.site-title) a:hover {
 /**
  * Footer
  */
+/**
+ * Footer Navigation
+ */
 .footer-navigation .footer-menu a {
 	padding: 0 8px;
 }

exford/style.css

@@ -3194,7 +3194,7 @@ img#wpstats {
 	}
 }
 
-.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 	width: calc(100% + 256px);
 	max-width: calc(100vw - 32px);
 	margin-left: auto;
@@ -3202,35 +3202,35 @@ img#wpstats {
 }
 
 @media only screen and (min-width: 560px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 560px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 640px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery {
+	.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead, #colophon {
 		width: calc(calc( 782px - 32px) + 256px);
 		max-width: calc(100vw - 32px);
 	}
@@ -3695,6 +3695,9 @@ p:not(.site-title) a:hover {
 /**
  * Footer
  */
+/**
+ * Footer Navigation
+ */
 .footer-navigation .footer-menu a {
 	padding: 0 8px;
 }