Skip to content

Block Styles: Reduce specificity of block style variation selectors #61032

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
aaronrobertshaw wants to merge 12 commits into from
Closed

Block Styles: Reduce specificity of block style variation selectors #61032

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
dc9a738
Reduce specificity of block style variation selectors
aaronrobertshaw Apr 9, 2024
7630e4d
Reduce specificity of image rounded default style
aaronrobertshaw Apr 29, 2024
93af71d
Add explanatory comment for not scoping deprecated selector
aaronrobertshaw Apr 30, 2024
022f5c9
Add extra comment explaining deprecated button selectors
aaronrobertshaw Apr 30, 2024
bf0c17a
Add comment explaining deprecated pullquote selector
aaronrobertshaw Apr 30, 2024
840a0f4
Make button block outline styles compatible with zero specificity
aaronrobertshaw May 3, 2024
5d0f1b3
Try reducing specificity for social links block
aaronrobertshaw May 2, 2024
7f73ecc
Add comment to table styles for lack of zero specificity
aaronrobertshaw May 2, 2024
c6a16c3
Drop specificity for site logo rounded style
aaronrobertshaw May 2, 2024
d34c4b0
Remove unneeded separator style
aaronrobertshaw May 2, 2024
2296fc5
Lower specificity of tag cloud variation selectors
aaronrobertshaw May 3, 2024
38dbc1a
Ignore social links block in reset style selectors
aaronrobertshaw May 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Remove unneeded separator style
  • Loading branch information
@aaronrobertshaw
aaronrobertshaw committed May 13, 2024
commit d34c4b038a623f395badfc8f058af0aa7e557f9f
7 changes: 0 additions & 7 deletions packages/block-library/src/separator/editor.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,4 @@
// Prevent margin collapsing so the area to select the separator is bigger.
padding-top: 0.1px;
padding-bottom: 0.1px;

// This is also set in style.scss, but needs a higher specificity in editor
// due to the way that color block supports adds additional background color styles.
&.wp-block-separator.is-style-dots {
Copy link
Contributor

@MaggieCabrera MaggieCabrera May 10, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is already in the frontend css so this is just clean up 👍

background: none !important;
border: none;
}
}
2 changes: 2 additions & 0 deletions packages/block-library/src/separator/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
.wp-block-separator {
// Dots style
// This block style selector can't have zero specificity, that global
// styles uses for block styles, in order to maintain the dots appearance.
&.is-style-dots {
// Override any background themes often set on the hr tag for this style.
// also override the color set in the editor since it's intented for normal HR
Expand Down