Changeset 54103 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss

Timestamp:

09/08/2022 03:46:37 PM (3 years ago)

Author:

SergeyBiryukov

Message:

Twenty Twenty-One: Remove spacer block styles.

The theme includes styles for the spacer block for the front which appears to be unnecessary:

• It adds display: block even though that is the default.
• It removes top and bottom margin, even though this is not needed in the post content because of collapsing margins between blocks.
• It uses a custom CSS property to force a specific height on mobile. This affects the patterns in the theme negatively.

It also causes styling problems:

• When the spacer block has a height set to 0 in the navigation block, as the theme forces this to be larger on smaller screens.
• When the block is horizontal. Horizontal was not an option when this style was added.

Consequences of removal:

• Removing the use of the custom CSS property will cause a style change for websites that have adjusted the spacing property.

Follow-up to [49216], [49574].

Props poena, mukesh27.
Fixes #56222.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/style.scss

@@ -48 +48 @@
  * Search...............Specific styles for the search block.
  * Separator............Specific styles for the separator block.
- * Spacer...............Specific styles for the spacer block.
  * Table................Specific styles for the table block.
  * Verse................Specific styles for the verse block.