Skip to content

Commit

Permalink
fixed possible button color issues
Browse files Browse the repository at this point in the history
  • Loading branch information
Mariusz Misiek committed Sep 5, 2023
1 parent 37860de commit b4975ac
Show file tree
Hide file tree
Showing 8 changed files with 62 additions and 49 deletions.
46 changes: 25 additions & 21 deletions css/block-editor.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion css/block-editor.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion css/block-editor.min.css.map

Large diffs are not rendered by default.

46 changes: 25 additions & 21 deletions css/theme.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion css/theme.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion css/theme.min.css.map

Large diffs are not rendered by default.

9 changes: 7 additions & 2 deletions sass/theme/components/_blocks.scss
Original file line number Diff line number Diff line change
Expand Up @@ -470,7 +470,10 @@
//color: var(--color-accent);
}
.wp-block-button__link.has-background {
background-color: var(--color) !important;
--color-accent: var(--color);
--color-accent-contrast: var(--color-contrast);
/*
background-color: var(--color);
border-color: var(--color);
color: var(--color-contrast);
&:hover {
Expand All @@ -479,10 +482,11 @@
body.btn-style-outline &:not(:hover) {
color: var(--color);
}
*/
}



/*
.wp-block-button__link.has-color-background-color {
background-color: var(--color) !important;
border-color: var(--color) !important;
Expand All @@ -493,6 +497,7 @@
color: var(--color) !important;
}
}
*/
.btn-block .wp-block-button__link {
@extend .btn-block;
}
Expand Down
2 changes: 1 addition & 1 deletion sass/theme/elements/_buttons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -107,7 +107,7 @@
&:hover {
background-color: var(--color-accent);
box-shadow:0 0 0 $input-btn-focus-width var(--color-accent-a), 0 0 0 $input-btn-focus-width var(--color);
color: var(--color-accent-hl-contrast);
color: var(--color-accent-contrast);
}
&:focus-visible {
outline-color: var(--color-accent-hl);
Expand Down

0 comments on commit b4975ac

Please sign in to comment.