Bläddra i källkod

Varia: Code tidying and removing unnecessary mixins and extend references

Allan Cole 5 år sedan
förälder
incheckning
933b827fc1

+ 0 - 14
varia/sass/abstracts/_mixins.scss

@@ -41,20 +41,6 @@
 	}
 }
 
-/**
- * Align widths
- * - Sets negative margin for .alignwide and .alignfull blocks
- */
-@mixin align-width( $width: 100%, $multiplier: -0.25 ) {
-
-	$positive_multiplier: abs($multiplier);
-
-	margin-left: calc( #{$multiplier} * ( 100vw - #{$width} ) );
-	margin-right: calc( #{$multiplier} * ( 100vw - #{$width} ) );
-	width: calc( #{$width} + (#{$positive_multiplier} * 2) * ( 100vw - #{$width} ) );
-	max-width: calc( #{$width} + (#{$positive_multiplier} * 2) * ( 100vw - #{$width} ) );
-}
-
 /**
  * Align wide widths
  * - Sets negative margin for .alignwide and .alignfull blocks

+ 1 - 24
varia/sass/abstracts/_responsive-logic.scss

@@ -66,30 +66,7 @@ $content-width-xxl: calc( #{map-deep-get($config-global, "breakpoint", "xxl")} -
 }
 
 %responsive-alignfull {
-
-/*
-	@include align-width( $content-width-flex, -0.5 );
-
-	@include media(mobile) {
-		@include align-width( $content-width-sm, -0.5 );
-	}
-
-	@include media(tablet) {
-		@include align-width( $content-width-md, -0.5 );
-	}
-
-	@include media(laptop) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-
-	@include media(desktop) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-
-	@include media(wide) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-*/
+	/* Letting the box-model do all the work here. */
 }
 
 %responsive-alignright {

+ 0 - 11
varia/sass/blocks/cover/_style.scss

@@ -75,17 +75,6 @@
 		}
 	}
 
-/*
-	&.alignwide,
-	&.alignfull {
-		.wp-block-cover__inner-container,
-		.wp-block-cover-image-text,
-		.wp-block-cover-text {
-			@extend %responsive-align-container;
-		}
-	}
-*/
-
 	&.has-left-content,
 	&.has-right-content {
 		justify-content: center;

+ 0 - 19
varia/sass/blocks/group/_style.scss

@@ -18,25 +18,6 @@
 		}
 	}
 
-/*
-	&.alignwide .wp-block-group__inner-container,
-	&.alignfull .wp-block-group__inner-container {
-		@extend %responsive-align-container;
-	}
-
-	&.alignwide .alignwide,
-	&.alignwide .alignfull,
-	&.alignfull .alignwide {
-		@extend %responsive-width-wide;
-		clear: both;
-	}
-
-	&.alignfull .alignfull, {
-		@extend %responsive-width-full;
-		clear: both;
-	}
-*/
-
 	&.has-background {
 		padding: #{map-deep-get($config-global, "spacing", "horizontal")};
 

+ 6 - 2
varia/sass/blocks/pullquote/_style.scss

@@ -35,6 +35,10 @@
 	 */
 	&:not(.is-style-solid-color) {
 		background: none;
+
+		blockquote {
+			padding-left: 0;
+		}
 	}
 
 	&.is-style-default {
@@ -53,7 +57,7 @@
 		color: #{map-deep-get($config-global, "color", "background", "default")};
 
 		&:not(.alignleft):not(.alignright) blockquote {
-			@extend %responsive-align-container;
+			@extend %responsive-aligndefault;
 		}
 
 		blockquote {
@@ -75,6 +79,6 @@
 	&.alignfull blockquote {
 		margin-left: auto;
 		margin-right: auto;
-		@extend %responsive-align-container;
+		@extend %responsive-aligndefault;
 	}
 }

+ 0 - 6
varia/sass/blocks/utilities/_style.scss

@@ -63,12 +63,6 @@
 	width: 100%;
 }
 
-.entry-content [class*="inner-container"] {
-//	@extend %responsive-aligndefault;
-//	@extend %responsive-align-container;
-//	clear: both;
-}
-
 // Content alignment
 .has-left-content {
 	justify-content: flex-start;

+ 1 - 1
varia/sass/components/content/_entry-content.scss

@@ -50,6 +50,6 @@
 
 	// Classic editor audio embeds.
 	.wp-audio-shortcode {
-		@extend %responsive-align-container;
+		@extend %responsive-aligndefault;
 	}
 }

+ 0 - 4
varia/style-editor.css

@@ -103,10 +103,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Responsive breakpoints
  * - breakpoints values are defined in _config-global.scss
  */
-/**
- * Align widths
- * - Sets negative margin for .alignwide and .alignfull blocks
- */
 /**
  * Align wide widths
  * - Sets negative margin for .alignwide and .alignfull blocks

+ 35 - 99
varia/style-rtl.css

@@ -127,10 +127,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Responsive breakpoints
  * - breakpoints values are defined in _config-global.scss
  */
-/**
- * Align widths
- * - Sets negative margin for .alignwide and .alignfull blocks
- */
 /**
  * Align wide widths
  * - Sets negative margin for .alignwide and .alignfull blocks
@@ -1185,16 +1181,6 @@ input.has-focus[type="submit"],
 	/**
 	 * Block Options
 	 */
-	/*
-	&.alignwide,
-	&.alignfull {
-		.wp-block-cover__inner-container,
-		.wp-block-cover-image-text,
-		.wp-block-cover-text {
-			@extend %responsive-align-container;
-		}
-	}
-*/
 }
 
 .wp-block-cover .wp-block-cover__inner-container,
@@ -1328,27 +1314,6 @@ input.has-focus[type="submit"],
 	max-width: 50%;
 }
 
-.wp-block-group {
-	/*
-	&.alignwide .wp-block-group__inner-container,
-	&.alignfull .wp-block-group__inner-container {
-		@extend %responsive-align-container;
-	}
-
-	&.alignwide .alignwide,
-	&.alignwide .alignfull,
-	&.alignfull .alignwide {
-		@extend %responsive-width-wide;
-		clear: both;
-	}
-
-	&.alignfull .alignfull, {
-		@extend %responsive-width-full;
-		clear: both;
-	}
-*/
-}
-
 .wp-block-group .wp-block-group__inner-container {
 	margin-right: auto;
 	margin-left: auto;
@@ -1761,6 +1726,10 @@ p.has-background:not(.has-background-background-color) a {
 	background: none;
 }
 
+.wp-block-pullquote:not(.is-style-solid-color) blockquote {
+	padding-right: 0;
+}
+
 .wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
 	text-align: center;
 }
@@ -3127,44 +3096,62 @@ img#wpstats {
  * Page Layout Styles & Repsonsive Styles
  */
 /* Responsive width-content overrides */
-.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+.wp-block-pullquote.alignfull > p,
+.wp-block-pullquote.alignwide blockquote,
+.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 	max-width: 100%;
 	margin-right: auto;
 	margin-left: auto;
 }
 
 @media only screen and (min-width: 560px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 560px - 32px);
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 640px - 32px);
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 782px - 32px);
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 782px - 32px);
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 782px - 32px);
 	}
 }
@@ -3212,29 +3199,7 @@ img#wpstats {
 }
 
 .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
-	/*
-	@include align-width( $content-width-flex, -0.5 );
-
-	@include media(mobile) {
-		@include align-width( $content-width-sm, -0.5 );
-	}
-
-	@include media(tablet) {
-		@include align-width( $content-width-md, -0.5 );
-	}
-
-	@include media(laptop) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-
-	@include media(desktop) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-
-	@include media(wide) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-*/
+	/* Letting the box-model do all the work here. */
 }
 
 .alignright {
@@ -3305,35 +3270,6 @@ img#wpstats {
 	}
 }
 
-.wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
-.wp-block-pullquote.alignfull > p,
-.wp-block-pullquote.alignwide blockquote,
-.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
-	/*
-	@include align-container-width( calc( 100% - 32px ) );
-
-	@include media(mobile) {
-		@include align-container-width( calc( 560px - 32px) );
-	}
-
-	@include media(tablet) {
-		@include align-container-width( calc( 640px - 32px) );
-	}
-
-	@include media(laptop) {
-		@include align-container-width( calc( 782px - 32px) );
-	}
-
-	@include media(desktop) {
-		@include align-container-width( calc( 782px - 32px) );
-	}
-
-	@include media(wide) {
-		@include align-container-width( calc( 782px - 32px) );
-	}
-*/
-}
-
 /**
  * Vendors
  * - Styles for 3rd party plugins and WP extensions

+ 35 - 99
varia/style.css

@@ -127,10 +127,6 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Responsive breakpoints
  * - breakpoints values are defined in _config-global.scss
  */
-/**
- * Align widths
- * - Sets negative margin for .alignwide and .alignfull blocks
- */
 /**
  * Align wide widths
  * - Sets negative margin for .alignwide and .alignfull blocks
@@ -1185,16 +1181,6 @@ input.has-focus[type="submit"],
 	/**
 	 * Block Options
 	 */
-	/*
-	&.alignwide,
-	&.alignfull {
-		.wp-block-cover__inner-container,
-		.wp-block-cover-image-text,
-		.wp-block-cover-text {
-			@extend %responsive-align-container;
-		}
-	}
-*/
 }
 
 .wp-block-cover .wp-block-cover__inner-container,
@@ -1328,27 +1314,6 @@ input.has-focus[type="submit"],
 	max-width: 50%;
 }
 
-.wp-block-group {
-	/*
-	&.alignwide .wp-block-group__inner-container,
-	&.alignfull .wp-block-group__inner-container {
-		@extend %responsive-align-container;
-	}
-
-	&.alignwide .alignwide,
-	&.alignwide .alignfull,
-	&.alignfull .alignwide {
-		@extend %responsive-width-wide;
-		clear: both;
-	}
-
-	&.alignfull .alignfull, {
-		@extend %responsive-width-full;
-		clear: both;
-	}
-*/
-}
-
 .wp-block-group .wp-block-group__inner-container {
 	margin-left: auto;
 	margin-right: auto;
@@ -1761,6 +1726,10 @@ p.has-background:not(.has-background-background-color) a {
 	background: none;
 }
 
+.wp-block-pullquote:not(.is-style-solid-color) blockquote {
+	padding-left: 0;
+}
+
 .wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
 	text-align: center;
 }
@@ -3131,44 +3100,62 @@ img#wpstats {
  * Page Layout Styles & Repsonsive Styles
  */
 /* Responsive width-content overrides */
-.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post-navigation, .pagination {
+.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+.wp-block-pullquote.alignfull > p,
+.wp-block-pullquote.alignwide blockquote,
+.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 560px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post-navigation, .pagination {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 560px - 32px);
 	}
 }
 
 @media only screen and (min-width: 640px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post-navigation, .pagination {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 640px - 32px);
 	}
 }
 
 @media only screen and (min-width: 782px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post-navigation, .pagination {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 782px - 32px);
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post-navigation, .pagination {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 782px - 32px);
 	}
 }
 
 @media only screen and (min-width: 1280px) {
-	.responsive-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .post-navigation, .pagination {
+	.responsive-max-width, .wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
+	.wp-block-pullquote.alignfull > p,
+	.wp-block-pullquote.alignwide blockquote,
+	.wp-block-pullquote.alignfull blockquote, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .entry-content .wp-audio-shortcode, .post-navigation, .pagination {
 		max-width: calc( 782px - 32px);
 	}
 }
@@ -3216,29 +3203,7 @@ img#wpstats {
 }
 
 .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
-	/*
-	@include align-width( $content-width-flex, -0.5 );
-
-	@include media(mobile) {
-		@include align-width( $content-width-sm, -0.5 );
-	}
-
-	@include media(tablet) {
-		@include align-width( $content-width-md, -0.5 );
-	}
-
-	@include media(laptop) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-
-	@include media(desktop) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-
-	@include media(wide) {
-		@include align-width( $content-width-lg, -0.5 );
-	}
-*/
+	/* Letting the box-model do all the work here. */
 }
 
 .alignright {
@@ -3321,35 +3286,6 @@ img#wpstats {
 	}
 }
 
-.wp-block-pullquote.is-style-solid-color:not(.alignleft):not(.alignright) blockquote, .wp-block-pullquote.alignwide > p,
-.wp-block-pullquote.alignfull > p,
-.wp-block-pullquote.alignwide blockquote,
-.wp-block-pullquote.alignfull blockquote, .entry-content .wp-audio-shortcode {
-	/*
-	@include align-container-width( calc( 100% - 32px ) );
-
-	@include media(mobile) {
-		@include align-container-width( calc( 560px - 32px) );
-	}
-
-	@include media(tablet) {
-		@include align-container-width( calc( 640px - 32px) );
-	}
-
-	@include media(laptop) {
-		@include align-container-width( calc( 782px - 32px) );
-	}
-
-	@include media(desktop) {
-		@include align-container-width( calc( 782px - 32px) );
-	}
-
-	@include media(wide) {
-		@include align-container-width( calc( 782px - 32px) );
-	}
-*/
-}
-
 /**
  * Vendors
  * - Styles for 3rd party plugins and WP extensions