Skip to content

Commit

Permalink
fix(buttons): outline variations missing style with wp 6.6
Browse files Browse the repository at this point in the history
  • Loading branch information
thomasguillot committed Jul 17, 2024
1 parent 9e826e9 commit 7366186
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/scss/blocks/_blocks.scss
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
@import url('./jetpack/_top-posts.scss');
@import url('./newspack/_author-list.scss');
@import url('./newspack/_author-profile.scss');
@import url('./newspack/_donate.scss');
@import url('./newspack/_homepage-articles.scss');
@import url('./newspack/_newsletters-subscribe.scss');
@import url('./newspack/_post-carousel.scss');
Expand Down
5 changes: 5 additions & 0 deletions src/scss/blocks/_button.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
}

.wp-block-button {
form .wp-block-button__link,
> .wp-block-button__link {
transition:
background-color 125ms ease-in-out,
Expand Down Expand Up @@ -57,6 +58,10 @@
&.is-style-outline {
> .wp-block-button__link,
form .wp-block-button__link {
background: var(--wp--preset--color--base);
border: 1px solid currentcolor;
color: var(--wp--preset--color--accent);

&:hover {
background: var(--wp--preset--color--base-2);
color: var(--wp--preset--color--contrast);
Expand Down
15 changes: 15 additions & 0 deletions src/scss/blocks/newspack/_donate.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
.wp-block-newspack-blocks-donate {
&.is-style-modern {
&.wpbnbd--tiers-based {
.wpbnbd__tiers__tier:not(& .wpbnbd__tiers__tier--recommended) {
button[type='submit'],
.submit-button {
&:hover {
border-color: currentcolor !important;
color: var(--newspack-ui-color-neutral-90, #1e1e1e) !important;
}
}
}
}
}
}

0 comments on commit 7366186

Please sign in to comment.