Skip to content

Commit

Permalink
Update pullquote styles
Browse files Browse the repository at this point in the history
  • Loading branch information
aaronrobertshaw committed May 23, 2024
1 parent 740e871 commit ddc2602
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
2 changes: 2 additions & 0 deletions packages/block-library/src/pullquote/editor.scss
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
// .is-style-solid-color is deprecated.
// This selector has not been scoped with `:root :where`, as global styles
// does, to keep its specificity as it was at the time of deprecation.
.wp-block-pullquote.is-style-solid-color {
& blockquote p {
font-size: 32px;
Expand Down
10 changes: 4 additions & 6 deletions packages/block-library/src/pullquote/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
text-align: center; // Default text-alignment where the `textAlign` attribute value isn't specified.
overflow-wrap: break-word; // Break long strings of text without spaces so they don't overflow the block.
box-sizing: border-box;
margin: 0 0 1em 0;
padding: 4em 0;

p,
blockquote,
Expand Down Expand Up @@ -35,12 +37,6 @@
}
}

// Lowest specificity to avoid overriding layout and global styles.
:where(.wp-block-pullquote) {
margin: 0 0 1em 0;
padding: 4em 0;
}

// Ensure that we are reasonably specific to override theme defaults.
.wp-block-pullquote.has-text-align-left blockquote {
text-align: left;
Expand All @@ -52,6 +48,8 @@
}

// .is-style-solid-color is deprecated.
// This selector has not been scoped with `:root :where`, as global styles
// does, to keep its specificity as it was at the time of deprecation.
.wp-block-pullquote.is-style-solid-color {
border: none;
blockquote {
Expand Down

0 comments on commit ddc2602

Please sign in to comment.