Seedlet: try removing .entry-content specificity for alignment rules (#2222)

* Remove entry-content > selector.

* Alignright and alignleft responsive selectors need to be children of entry-content.

* Reorganize block alignments style.

* Add comments and compile rtl.

* Remove unnecessary block alignment selectors from Seedlet and Seedlet blocks.

* Alignleft and alignright classes should have the default width.

* Fix alignleft alignright.

* Add back rule to ensure alignfull takes up entire full width.

* Fix gallery wide alignment.

seedlet-blocks/style.css

@@ -48,26 +48,6 @@ GNU General Public License for more details.
 	--global--color-tertiary: var(--wp--preset--color--tertiary);
 }
 
-/* Set up alignments */
-.wp-block-group .wp-block-group__inner-container > * {
-	max-width: var(--responsive--aligndefault-width);
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.wp-block-group .wp-block-group__inner-container > .alignwide {
-	max-width: var(--responsive--alignwide-width);
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.wp-block-group .wp-block-group__inner-container > .alignfull {
-	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	width: calc(100% + (2 * var(--global--spacing-horizontal)));
-	margin-left: calc(-1 * var(--global--spacing-horizontal));
-	margin-right: auto;
-}
-
 /* Make sure full-width items in entry content show up as full-width. */
 .wp-block-group.site-content .wp-block-group__inner-container .entry-content {
 	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));

seedlet/assets/css/ie.css

@@ -155,36 +155,6 @@ hr.wp-block-separator.is-style-wide {
 	max-width: 602px;
 	}
 }
-.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 100%;
-	margin-left: auto;
-	margin-right: auto;
-}
-@media only screen and (min-width: 482px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 432px;
-	}
-}
-@media only screen and (min-width: 592px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 432px;
-	}
-}
-@media only screen and (min-width: 652px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 542px;
-	}
-}
-@media only screen and (min-width: 822px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 602px;
-	}
-}
-@media only screen and (min-width: 1024px) {
-	.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
-	max-width: 602px;
-	}
-}
 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 100%;
 	margin-left: auto;
@@ -215,33 +185,33 @@ hr.wp-block-separator.is-style-wide {
 	max-width: 602px;
 	}
 }
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
 @media only screen and (min-width: 482px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 432px;
 	}
 }
 @media only screen and (min-width: 592px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 432px;
 	}
 }
 @media only screen and (min-width: 652px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 542px;
 	}
 }
 @media only screen and (min-width: 822px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 602px;
 	}
 }
 @media only screen and (min-width: 1024px) {
-	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+	*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 602px;
 	}
 }
@@ -372,38 +342,38 @@ hr.wp-block-separator.is-style-wide {
 	}
 }
 
-.entry-content > .alignwide {
+.alignwide {
 	max-width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 432px;
 	}
 }
 
 @media only screen and (min-width: 592px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 542px;
 	}
 }
 
 @media only screen and (min-width: 652px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 602px;
 	}
 }
 
 @media only screen and (min-width: 822px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 772px;
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignwide {
+	.alignwide {
 	max-width: 772px;
 	}
 }
@@ -422,7 +392,7 @@ hr.wp-block-separator.is-style-wide {
 	margin-right: auto;
 }
 
-.entry-content > .alignfull {
+.alignfull {
 	max-width: calc(100% + 50px);
 	width: calc(100% + 50px);
 	margin-left: -25px;
@@ -443,7 +413,7 @@ hr.wp-block-separator.is-style-wide {
 		margin-left: auto;
 		margin-right: auto;
 	}
-	.entry-content > .alignfull {
+	.alignfull {
 		max-width: 100%;
 		width: auto;
 		margin-left: auto;
@@ -457,7 +427,7 @@ hr.wp-block-separator.is-style-wide {
 	}
 }
 
-.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+.alignwide [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
 	width: 100%;
@@ -465,36 +435,36 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 432px;
 	}
 }
 
 @media only screen and (min-width: 592px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 542px;
 	}
 }
 
 @media only screen and (min-width: 652px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 602px;
 	}
 }
 
 @media only screen and (min-width: 822px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+	.alignwide [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
 
-.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+.alignfull [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
 	width: 100%;
@@ -502,31 +472,31 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 432px;
 	}
 }
 
 @media only screen and (min-width: 592px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 542px;
 	}
 }
 
 @media only screen and (min-width: 652px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 602px;
 	}
 }
 
 @media only screen and (min-width: 822px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
 
 @media only screen and (min-width: 1024px) {
-	.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+	.alignfull [class*="inner-container"] > .alignwide {
 	width: 772px;
 	}
 }
@@ -539,174 +509,6 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignleft {
-		/*rtl:ignore*/
-		margin-left: calc(50vw - 216px);
-		/*rtl:ignore*/
-		margin-right: 25px;
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-pullquote.alignleft {
-		/*rtl:ignore*/
-		margin-left: calc(50vw - 216px);
-		/*rtl:ignore*/
-		margin-right: 25px;
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-video.alignleft {
-		/*rtl:ignore*/
-		margin-left: calc(50vw - 216px);
-		/*rtl:ignore*/
-		margin-right: 25px;
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignleft {
-		margin-left: calc(50vw - 301px);
-		}
-	}
 	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: calc(50vw - 216px);
@@ -773,174 +575,6 @@ hr.wp-block-separator.is-style-wide {
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignright {
-		/*rtl:ignore*/
-		margin-left: 25px;
-		/*rtl:ignore*/
-		margin-right: calc(50vw - 216px);
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-file.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-pullquote.alignright {
-		/*rtl:ignore*/
-		margin-left: 25px;
-		/*rtl:ignore*/
-		margin-right: calc(50vw - 216px);
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-pullquote.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	.entry-content .wp-block-video.alignright {
-		/*rtl:ignore*/
-		margin-left: 25px;
-		/*rtl:ignore*/
-		margin-right: calc(50vw - 216px);
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 482px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 592px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 216px);
-		}
-	}
-	@media only screen and (min-width: 652px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 271px);
-		}
-	}
-	@media only screen and (min-width: 822px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
-	@media only screen and (min-width: 1024px) {
-		.entry-content .wp-block-video.alignright {
-		margin-right: calc(50vw - 301px);
-		}
-	}
 	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-left: 25px;
@@ -2728,7 +2362,7 @@ object {
 }
 
 .wp-block-gallery {
-	margin: 0;
+	margin: 0 auto;
 }
 
 .wp-block-gallery .blocks-gallery-image figcaption {
@@ -3439,8 +3073,6 @@ p.has-background {
 
 .wp-block-pullquote {
 	padding: 40px 0;
-	margin-left: 0;
-	margin-right: 0;
 	text-align: left;
 	border-top-color: transparent;
 	border-top-width: 0;
@@ -3921,6 +3553,9 @@ table th {
 }
 
 /* Block Alignments */
+/**
+ * These selectors set the default max width for content appearing inside a post or page. 
+ */
 /**
  * .alignleft
  */
@@ -3935,6 +3570,40 @@ table th {
 	margin-bottom: 30px;
 }
 
+.entry-content > .alignleft {
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.entry-content > .alignleft {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.entry-content > .alignleft {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.entry-content > .alignleft {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.entry-content > .alignleft {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.entry-content > .alignleft {
+	max-width: 602px;
+	}
+}
+
 /**
  * .aligncenter
  */
@@ -3959,14 +3628,45 @@ table th {
 	margin-left: 25px;
 }
 
-.entry-content * > .alignleft + *,
-.entry-content * > .alignright + * {
+.entry-content > .alignright {
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.entry-content > .alignright {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.entry-content > .alignright {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.entry-content > .alignright {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.entry-content > .alignright {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.entry-content > .alignright {
+	max-width: 602px;
+	}
+}
+
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
 	margin-top: 0;
 }
 
-/**
- * .aligndefault
- */
 /**
  * .alignwide
  */

seedlet/assets/sass/blocks/file/_style.scss

@@ -15,12 +15,4 @@
 		display: inline-block;
 		padding: calc(0.5 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
 	}
-
-	.entry-content &.alignleft {
-		@extend %responsive-alignleft;
-	}
-
-	.entry-content &.alignright {
-		@extend %responsive-alignright;
-	}
 }

seedlet/assets/sass/blocks/gallery/_style.scss

@@ -1,6 +1,6 @@
 .wp-block-gallery {
 
-	margin: 0;
+	margin: 0 auto;
 
 	.blocks-gallery-image,
 	.blocks-gallery-item {

seedlet/assets/sass/blocks/pullquote/_style.scss

@@ -1,7 +1,5 @@
 .wp-block-pullquote {
 	padding: calc( 2 * var(--global--spacing-unit) ) 0;
-	margin-left: 0;
-	margin-right: 0;
 	text-align: left;
 	// Theme?
 	border-top-color: var(--pullquote--border-color);
@@ -72,12 +70,4 @@
 			color: currentColor;
 		}
 	}
-
-	.entry-content &.alignleft {
-		@extend %responsive-alignleft;
-	}
-
-	.entry-content &.alignright {
-		@extend %responsive-alignright;
-	}
 }

seedlet/assets/sass/blocks/utilities/_style.scss

@@ -1,5 +1,13 @@
 /* Block Alignments */
 
+/**
+ * These selectors set the default max width for content appearing inside a post or page. 
+ */
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
+	@extend %responsive-aligndefault-width;
+}
+
 /**
  * .alignleft
  */
@@ -14,7 +22,10 @@
 	margin-bottom: var(--global--spacing-vertical);
 }
 
+// Targeting the .entry-content class is necessary to ensure these styles 
+// only apply when the block isn't nested.
 .entry-content > .alignleft {
+	max-width: var(--responsive--aligndefault-width);
 	@extend %responsive-alignleft-mobile;
 	@extend %responsive-alignleft;
 }
@@ -43,38 +54,29 @@
 	margin-left: var(--global--spacing-horizontal);
 }
 
+// Targeting the .entry-content class is necessary to ensure these styles 
+// only apply when the block isn't nested.
 .entry-content > .alignright {
+	max-width: var(--responsive--aligndefault-width);
 	@extend %responsive-alignright-mobile;
 	@extend %responsive-alignright;
 }
 
 // Make sure siblings of floated elements are top-aligned when nested
-.entry-content * > .alignleft + *,
-.entry-content * > .alignright + * {
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
 	margin-top: 0;
 }
 
-/**
- * .aligndefault
- */
-.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
-	@extend %responsive-aligndefault-width;
-}
-
 /**
  * .alignwide
  */
 .alignwide {
 	clear: both;
-}
-
-.entry-content > .alignwide {
 	@extend %responsive-alignwide-width;
 }
 
-.entry-content > .alignwide [class*="inner-container"] > .alignwide {
+.alignwide [class*="inner-container"] > .alignwide {
 	@extend %responsive-alignwide-width-nested;
 }
 
@@ -83,14 +85,11 @@
  */
 .alignfull {
 	clear: both;
-}
-
-.entry-content > .alignfull {
 	@extend %responsive-alignfull-width-mobile;
 	@extend %responsive-alignfull-width;
 }
 
-.entry-content > .alignfull [class*="inner-container"] > .alignwide {
+.alignfull [class*="inner-container"] > .alignwide {
 	@extend %responsive-alignwide-width-nested;
 }
 

seedlet/assets/sass/blocks/video/_style.scss

@@ -7,14 +7,6 @@
 		margin-bottom: var(--global--spacing-unit);
 		text-align: center;
 	}
-
-	.entry-content &.alignleft {
-		@extend %responsive-alignleft;
-	}
-
-	.entry-content &.alignright {
-		@extend %responsive-alignright;
-	}
 }
 
 * > figure > video {

seedlet/style-rtl.css

@@ -355,21 +355,20 @@ Included in theme screenshot.
 /**
  * Extends
  */
-.default-max-width, hr.wp-block-separator.is-style-wide, .page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
+.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-right: auto;
 	margin-left: auto;
 }
 
-.wide-max-width, .entry-content > .alignwide {
+.wide-max-width, .alignwide {
 	max-width: var(--responsive--alignwide-width);
 	margin-right: auto;
 	margin-left: auto;
 }
 
-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .entry-content > .alignfull, .singular .post-thumbnail {
+.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull, .singular .post-thumbnail {
 	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
 	width: calc(100% + (2 * var(--global--spacing-horizontal)));
 	margin-right: calc(-1 * var(--global--spacing-horizontal));
@@ -377,7 +376,7 @@ Included in theme screenshot.
 }
 
 @media only screen and (min-width: 482px) {
-	.full-max-width, .entry-content > .alignfull, .singular .post-thumbnail {
+	.full-max-width, .alignfull, .singular .post-thumbnail {
 		max-width: var(--responsive--alignfull-width);
 		width: auto;
 		margin-right: auto;
@@ -385,7 +384,7 @@ Included in theme screenshot.
 	}
 }
 
-.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
+.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide {
 	margin-right: auto;
 	margin-left: auto;
 	width: var(--responsive--alignwide-width);
@@ -398,7 +397,7 @@ Included in theme screenshot.
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignleft, .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-video.alignleft, .entry-content > .alignleft {
+	.entry-content > .alignleft {
 		margin-left: var(--responsive--alignleft-margin);
 		margin-right: var(--global--spacing-horizontal);
 	}
@@ -410,7 +409,7 @@ Included in theme screenshot.
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignright, .entry-content .wp-block-pullquote.alignright, .entry-content .wp-block-video.alignright, .entry-content > .alignright {
+	.entry-content > .alignright {
 		margin-left: var(--global--spacing-horizontal);
 		margin-right: var(--responsive--alignright-margin);
 	}
@@ -987,7 +986,7 @@ a:active {
 	color: var(--wp--style--color--link);
 }
 
-p.has-link-color.has-background a {
+p.has-background.has-link-color:not(.has-background-background-color) a {
 	color: var(--wp--style--color--link, var(--global--color-primary));
 }
 
@@ -1491,7 +1490,7 @@ object {
 }
 
 .wp-block-gallery {
-	margin: 0;
+	margin: 0 auto;
 }
 
 .wp-block-gallery .blocks-gallery-image figcaption,
@@ -2040,8 +2039,6 @@ p.has-background {
 
 .wp-block-pullquote {
 	padding: calc( 2 * var(--global--spacing-unit)) 0;
-	margin-right: 0;
-	margin-left: 0;
 	text-align: right;
 	border-top-color: var(--pullquote--border-color);
 	border-top-width: var(--pullquote--border-width);
@@ -2345,6 +2342,9 @@ table th,
 }
 
 /* Block Alignments */
+/**
+ * These selectors set the default max width for content appearing inside a post or page. 
+ */
 /**
  * .alignleft
  */
@@ -2356,6 +2356,10 @@ table th,
 	margin-bottom: var(--global--spacing-vertical);
 }
 
+.entry-content > .alignleft {
+	max-width: var(--responsive--aligndefault-width);
+}
+
 /**
  * .aligncenter
  */
@@ -2378,14 +2382,15 @@ table th,
 	margin-left: var(--global--spacing-horizontal);
 }
 
-.entry-content * > .alignleft + *,
-.entry-content * > .alignright + * {
+.entry-content > .alignright {
+	max-width: var(--responsive--aligndefault-width);
+}
+
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
 	margin-top: 0;
 }
 
-/**
- * .aligndefault
- */
 /**
  * .alignwide
  */

seedlet/style.css

@@ -355,21 +355,20 @@ Included in theme screenshot.
 /**
  * Extends
  */
-.default-max-width, hr.wp-block-separator.is-style-wide, .page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
+.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-left: auto;
 	margin-right: auto;
 }
 
-.wide-max-width, .entry-content > .alignwide {
+.wide-max-width, .alignwide {
 	max-width: var(--responsive--alignwide-width);
 	margin-left: auto;
 	margin-right: auto;
 }
 
-.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .entry-content > .alignfull, .singular .post-thumbnail {
+.full-max-width, .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull, .singular .post-thumbnail {
 	max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
 	width: calc(100% + (2 * var(--global--spacing-horizontal)));
 	margin-left: calc(-1 * var(--global--spacing-horizontal));
@@ -377,7 +376,7 @@ Included in theme screenshot.
 }
 
 @media only screen and (min-width: 482px) {
-	.full-max-width, .entry-content > .alignfull, .singular .post-thumbnail {
+	.full-max-width, .alignfull, .singular .post-thumbnail {
 		max-width: var(--responsive--alignfull-width);
 		width: auto;
 		margin-left: auto;
@@ -385,7 +384,7 @@ Included in theme screenshot.
 	}
 }
 
-.entry-content > .alignwide [class*="inner-container"] > .alignwide, .entry-content > .alignfull [class*="inner-container"] > .alignwide {
+.alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide {
 	margin-left: auto;
 	margin-right: auto;
 	width: var(--responsive--alignwide-width);
@@ -400,7 +399,7 @@ Included in theme screenshot.
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignleft, .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-video.alignleft, .entry-content > .alignleft {
+	.entry-content > .alignleft {
 		/*rtl:ignore*/
 		margin-left: var(--responsive--alignleft-margin);
 		/*rtl:ignore*/
@@ -416,7 +415,7 @@ Included in theme screenshot.
 }
 
 @media only screen and (min-width: 482px) {
-	.entry-content .wp-block-file.alignright, .entry-content .wp-block-pullquote.alignright, .entry-content .wp-block-video.alignright, .entry-content > .alignright {
+	.entry-content > .alignright {
 		/*rtl:ignore*/
 		margin-left: var(--global--spacing-horizontal);
 		/*rtl:ignore*/
@@ -1499,7 +1498,7 @@ object {
 }
 
 .wp-block-gallery {
-	margin: 0;
+	margin: 0 auto;
 }
 
 .wp-block-gallery .blocks-gallery-image figcaption,
@@ -2048,8 +2047,6 @@ p.has-background {
 
 .wp-block-pullquote {
 	padding: calc( 2 * var(--global--spacing-unit)) 0;
-	margin-left: 0;
-	margin-right: 0;
 	text-align: left;
 	border-top-color: var(--pullquote--border-color);
 	border-top-width: var(--pullquote--border-width);
@@ -2353,6 +2350,9 @@ table th,
 }
 
 /* Block Alignments */
+/**
+ * These selectors set the default max width for content appearing inside a post or page. 
+ */
 /**
  * .alignleft
  */
@@ -2367,6 +2367,10 @@ table th,
 	margin-bottom: var(--global--spacing-vertical);
 }
 
+.entry-content > .alignleft {
+	max-width: var(--responsive--aligndefault-width);
+}
+
 /**
  * .aligncenter
  */
@@ -2391,14 +2395,15 @@ table th,
 	margin-left: var(--global--spacing-horizontal);
 }
 
-.entry-content * > .alignleft + *,
-.entry-content * > .alignright + * {
+.entry-content > .alignright {
+	max-width: var(--responsive--aligndefault-width);
+}
+
+[class*="inner-container"] > .alignleft + *,
+[class*="inner-container"] > .alignright + * {
 	margin-top: 0;
 }
 
-/**
- * .aligndefault
- */
 /**
  * .alignwide
  */