Changeset 54170 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss

Timestamp:

09/14/2022 10:31:19 PM (2 years ago)

Author:

audrasjb

Message:

Twenty Twenty-One: Remove WooCommerce related CSS selectors.

The selectors for Twenty Twenty-One's default max-width have used the .woocommerce class since the theme's ​initial commit. This changeset removes all WooCommerce CSS selector from the theme, as they would need to be supported forever. The change was tested with WooCommerce installed and no issues were raised.

Props sabernhardt, audrasjb, davidbaumwald, tahmidulkarim, mukesh27.
Fixes #56366.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/utilities/_style.scss

@@ -4 +4 @@
  * 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(.woocommerce),
-*[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
+.entry-content > *: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) {
     @extend %responsive-aligndefault-width;
 }