Morden: Update `%responsive-width-wide` & `%responsive-width-full`

morden/sass/_extra-child-theme.scss

@@ -5,14 +5,14 @@
 
 %responsive-width-wide {
 
-	@include align-width( $content-width-flex, -0.15 );
+	@include align-width( $content-width-flex, -0.25 );
 
 	@include media(mobile) {
-		@include align-width( $content-width-sm, -0.15 );
+		@include align-width( $content-width-sm, 0 );
 	}
 
 	@include media(tablet) {
-		@include align-width( $content-width-md, -0.15 );
+		@include align-width( $content-width-md, 0 );
 	}
 
 	@include media(laptop) {
@@ -20,24 +20,24 @@
 	}
 
 	@include media(desktop) {
-		@include align-width( $content-width-lg, -0.15 );
+		@include align-width( $content-width-lg, -0.25 );
 	}
 
 	@include media(wide) {
-		@include align-width( $content-width-lg, -0.15 );
+		@include align-width( $content-width-lg, -0.3 );
 	}
 }
 
 %responsive-width-full {
 
-	@include align-width( $content-width-flex, -0.4 );
+	@include align-width( $content-width-flex, -0.5 );
 
 	@include media(mobile) {
-		@include align-width( $content-width-sm, -0.4 );
+		@include align-width( $content-width-sm, -0.5 );
 	}
 
 	@include media(tablet) {
-		@include align-width( $content-width-md, -0.4 );
+		@include align-width( $content-width-md, -0.3 );
 	}
 
 	@include media(laptop) {

morden/style-rtl.css

@@ -3233,10 +3233,10 @@ img#wpstats {
 .wp-block-group.alignwide .alignfull,
 .wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 #colophon {
-	margin-right: calc( -0.15 * ( 100vw - 100% ));
-	margin-left: calc( -0.15 * ( 100vw - 100% ));
-	width: calc( 100% + (0.15 * 2) * ( 100vw - 100% ));
-	max-width: calc( 100% + (0.15 * 2) * ( 100vw - 100% ));
+	margin-right: calc( -0.25 * ( 100vw - 100% ));
+	margin-left: calc( -0.25 * ( 100vw - 100% ));
+	width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
+	max-width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
 }
 
 @media only screen and (min-width: 560px) {
@@ -3244,10 +3244,10 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-right: calc( -0.15 * ( 100vw - calc( 560px - 32px) ));
-		margin-left: calc( -0.15 * ( 100vw - calc( 560px - 32px) ));
-		width: calc( calc( 560px - 32px) + (0.15 * 2) * ( 100vw - calc( 560px - 32px) ));
-		max-width: calc( calc( 560px - 32px) + (0.15 * 2) * ( 100vw - calc( 560px - 32px) ));
+		margin-right: calc( 0 * ( 100vw - calc( 560px - 32px) ));
+		margin-left: calc( 0 * ( 100vw - calc( 560px - 32px) ));
+		width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
+		max-width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
 	}
 }
 
@@ -3256,10 +3256,10 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-right: calc( -0.15 * ( 100vw - calc( 640px - 32px) ));
-		margin-left: calc( -0.15 * ( 100vw - calc( 640px - 32px) ));
-		width: calc( calc( 640px - 32px) + (0.15 * 2) * ( 100vw - calc( 640px - 32px) ));
-		max-width: calc( calc( 640px - 32px) + (0.15 * 2) * ( 100vw - calc( 640px - 32px) ));
+		margin-right: calc( 0 * ( 100vw - calc( 640px - 32px) ));
+		margin-left: calc( 0 * ( 100vw - calc( 640px - 32px) ));
+		width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
+		max-width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
 	}
 }
 
@@ -3280,10 +3280,10 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-right: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		margin-left: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
-		max-width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
+		margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
+		margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
+		width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
+		max-width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
 	}
 }
 
@@ -3292,38 +3292,38 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-right: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		margin-left: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
-		max-width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
+		margin-right: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
+		margin-left: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
+		width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
+		max-width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
 	}
 }
 
 .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .footer-wrapper:before, .singular .hentry .entry-title,
 .page-title {
-	margin-right: calc( -0.4 * ( 100vw - 100% ));
-	margin-left: calc( -0.4 * ( 100vw - 100% ));
-	width: calc( 100% + (0.4 * 2) * ( 100vw - 100% ));
-	max-width: calc( 100% + (0.4 * 2) * ( 100vw - 100% ));
+	margin-right: calc( -0.5 * ( 100vw - 100% ));
+	margin-left: calc( -0.5 * ( 100vw - 100% ));
+	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
+	max-width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
 }
 
 @media only screen and (min-width: 560px) {
 	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .footer-wrapper:before, .singular .hentry .entry-title,
 	.page-title {
-		margin-right: calc( -0.4 * ( 100vw - calc( 560px - 32px) ));
-		margin-left: calc( -0.4 * ( 100vw - calc( 560px - 32px) ));
-		width: calc( calc( 560px - 32px) + (0.4 * 2) * ( 100vw - calc( 560px - 32px) ));
-		max-width: calc( calc( 560px - 32px) + (0.4 * 2) * ( 100vw - calc( 560px - 32px) ));
+		margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
+		margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
+		width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
+		max-width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
 	}
 }
 
 @media only screen and (min-width: 640px) {
 	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .footer-wrapper:before, .singular .hentry .entry-title,
 	.page-title {
-		margin-right: calc( -0.4 * ( 100vw - calc( 640px - 32px) ));
-		margin-left: calc( -0.4 * ( 100vw - calc( 640px - 32px) ));
-		width: calc( calc( 640px - 32px) + (0.4 * 2) * ( 100vw - calc( 640px - 32px) ));
-		max-width: calc( calc( 640px - 32px) + (0.4 * 2) * ( 100vw - calc( 640px - 32px) ));
+		margin-right: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
+		margin-left: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
+		width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
+		max-width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
 	}
 }
 

morden/style.css

@@ -3238,10 +3238,10 @@ img#wpstats {
 .wp-block-group.alignwide .alignfull,
 .wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 #colophon {
-	margin-left: calc( -0.15 * ( 100vw - 100% ));
-	margin-right: calc( -0.15 * ( 100vw - 100% ));
-	width: calc( 100% + (0.15 * 2) * ( 100vw - 100% ));
-	max-width: calc( 100% + (0.15 * 2) * ( 100vw - 100% ));
+	margin-left: calc( -0.25 * ( 100vw - 100% ));
+	margin-right: calc( -0.25 * ( 100vw - 100% ));
+	width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
+	max-width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
 }
 
 @media only screen and (min-width: 560px) {
@@ -3249,10 +3249,10 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-left: calc( -0.15 * ( 100vw - calc( 560px - 32px) ));
-		margin-right: calc( -0.15 * ( 100vw - calc( 560px - 32px) ));
-		width: calc( calc( 560px - 32px) + (0.15 * 2) * ( 100vw - calc( 560px - 32px) ));
-		max-width: calc( calc( 560px - 32px) + (0.15 * 2) * ( 100vw - calc( 560px - 32px) ));
+		margin-left: calc( 0 * ( 100vw - calc( 560px - 32px) ));
+		margin-right: calc( 0 * ( 100vw - calc( 560px - 32px) ));
+		width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
+		max-width: calc( calc( 560px - 32px) + (0 * 2) * ( 100vw - calc( 560px - 32px) ));
 	}
 }
 
@@ -3261,10 +3261,10 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-left: calc( -0.15 * ( 100vw - calc( 640px - 32px) ));
-		margin-right: calc( -0.15 * ( 100vw - calc( 640px - 32px) ));
-		width: calc( calc( 640px - 32px) + (0.15 * 2) * ( 100vw - calc( 640px - 32px) ));
-		max-width: calc( calc( 640px - 32px) + (0.15 * 2) * ( 100vw - calc( 640px - 32px) ));
+		margin-left: calc( 0 * ( 100vw - calc( 640px - 32px) ));
+		margin-right: calc( 0 * ( 100vw - calc( 640px - 32px) ));
+		width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
+		max-width: calc( calc( 640px - 32px) + (0 * 2) * ( 100vw - calc( 640px - 32px) ));
 	}
 }
 
@@ -3285,10 +3285,10 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-left: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		margin-right: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
-		max-width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
+		margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
+		margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
+		width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
+		max-width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
 	}
 }
 
@@ -3297,38 +3297,38 @@ img#wpstats {
 	.wp-block-group.alignwide .alignfull,
 	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
 	#colophon {
-		margin-left: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		margin-right: calc( -0.15 * ( 100vw - calc( 782px - 32px) ));
-		width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
-		max-width: calc( calc( 782px - 32px) + (0.15 * 2) * ( 100vw - calc( 782px - 32px) ));
+		margin-left: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
+		margin-right: calc( -0.3 * ( 100vw - calc( 782px - 32px) ));
+		width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
+		max-width: calc( calc( 782px - 32px) + (0.3 * 2) * ( 100vw - calc( 782px - 32px) ));
 	}
 }
 
 .wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .footer-wrapper:before, .singular .hentry .entry-title,
 .page-title {
-	margin-left: calc( -0.4 * ( 100vw - 100% ));
-	margin-right: calc( -0.4 * ( 100vw - 100% ));
-	width: calc( 100% + (0.4 * 2) * ( 100vw - 100% ));
-	max-width: calc( 100% + (0.4 * 2) * ( 100vw - 100% ));
+	margin-left: calc( -0.5 * ( 100vw - 100% ));
+	margin-right: calc( -0.5 * ( 100vw - 100% ));
+	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
+	max-width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
 }
 
 @media only screen and (min-width: 560px) {
 	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .footer-wrapper:before, .singular .hentry .entry-title,
 	.page-title {
-		margin-left: calc( -0.4 * ( 100vw - calc( 560px - 32px) ));
-		margin-right: calc( -0.4 * ( 100vw - calc( 560px - 32px) ));
-		width: calc( calc( 560px - 32px) + (0.4 * 2) * ( 100vw - calc( 560px - 32px) ));
-		max-width: calc( calc( 560px - 32px) + (0.4 * 2) * ( 100vw - calc( 560px - 32px) ));
+		margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
+		margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
+		width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
+		max-width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
 	}
 }
 
 @media only screen and (min-width: 640px) {
 	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, #page, #masthead:before, .footer-wrapper:before, .singular .hentry .entry-title,
 	.page-title {
-		margin-left: calc( -0.4 * ( 100vw - calc( 640px - 32px) ));
-		margin-right: calc( -0.4 * ( 100vw - calc( 640px - 32px) ));
-		width: calc( calc( 640px - 32px) + (0.4 * 2) * ( 100vw - calc( 640px - 32px) ));
-		max-width: calc( calc( 640px - 32px) + (0.4 * 2) * ( 100vw - calc( 640px - 32px) ));
+		margin-left: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
+		margin-right: calc( -0.3 * ( 100vw - calc( 640px - 32px) ));
+		width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
+		max-width: calc( calc( 640px - 32px) + (0.3 * 2) * ( 100vw - calc( 640px - 32px) ));
 	}
 }