浏览代码

Alignleft and alignright classes should have the default width.

Jeffrey Ong 5 年之前
父节点
当前提交
9065edfc7c
共有 3 个文件被更改,包括 16 次插入78 次删除
  1. 12 72
      seedlet/assets/css/ie.css
  2. 2 4
      seedlet/assets/sass/blocks/utilities/_style.scss
  3. 2 2
      seedlet/style.css

+ 12 - 72
seedlet/assets/css/ie.css

@@ -155,123 +155,63 @@ hr.wp-block-separator.is-style-wide {
 	max-width: 602px;
 	}
 }
-.entry-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(.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 > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
+	.entry-content > *:not(.alignwide):not(.alignfull):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 432px;
 	}
 }
 @media only screen and (min-width: 592px) {
-	.entry-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(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 432px;
 	}
 }
 @media only screen and (min-width: 652px) {
-	.entry-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(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 542px;
 	}
 }
 @media only screen and (min-width: 822px) {
-	.entry-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(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 602px;
 	}
 }
 @media only screen and (min-width: 1024px) {
-	.entry-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(.wp-block-separator):not(.entry-attachment):not(.woocommerce) {
 	max-width: 602px;
 	}
 }
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	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) {
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	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) {
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	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) {
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	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) {
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	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) {
-	max-width: 602px;
-	}
-}
-.entry-content > .alignleft {
-	max-width: 100%;
-	margin-left: auto;
-	margin-right: auto;
-}
-@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;
-	}
-}
-.entry-content > .alignright {
-	max-width: 100%;
-	margin-left: auto;
-	margin-right: auto;
-}
-@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 {
+	.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	max-width: 602px;
 	}
 }

+ 2 - 4
seedlet/assets/sass/blocks/utilities/_style.scss

@@ -3,8 +3,8 @@
 /**
  * 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),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
+.entry-content > *:not(.alignwide):not(.alignfull):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator) {
 	@extend %responsive-aligndefault-width;
 }
 
@@ -27,7 +27,6 @@
 .entry-content > .alignleft {
 	@extend %responsive-alignleft-mobile;
 	@extend %responsive-alignleft;
-	@extend %responsive-aligndefault-width;
 }
 
 /**
@@ -60,7 +59,6 @@
 .entry-content > .alignright {
 	@extend %responsive-alignright-mobile;
 	@extend %responsive-alignright;
-	@extend %responsive-aligndefault-width;
 }
 
 // Make sure siblings of floated elements are top-aligned when nested

+ 2 - 2
seedlet/style.css

@@ -355,8 +355,8 @@ Included in theme screenshot.
 /**
  * Extends
  */
-.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),
-.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content > .alignleft, .entry-content > .alignright, .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(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-left: auto;
 	margin-right: auto;