|
@@ -3,48 +3,49 @@
|
|
|
* Currently it is being loaded within ponyfill
|
|
|
* As ponyfill gets refactored, add the necessary styles here.
|
|
|
*/
|
|
|
-
|
|
|
+
|
|
|
/*
|
|
|
* Button hover styles.
|
|
|
* Necessary until the following issue is resolved in Gutenberg:
|
|
|
* https://github.com/WordPress/gutenberg/issues/27075
|
|
|
*/
|
|
|
|
|
|
-:is(
|
|
|
-.wp-block-search__button,
|
|
|
-.wp-block-button__link
|
|
|
+ :is(
|
|
|
+ .wp-block-search__button,
|
|
|
+ .wp-block-button__link
|
|
|
):is(
|
|
|
-:hover,
|
|
|
-:active,
|
|
|
-:focus
|
|
|
+ :hover,
|
|
|
+ :active,
|
|
|
+ :focus
|
|
|
) {
|
|
|
- text-decoration: none;
|
|
|
+ text-decoration: none;
|
|
|
cursor: pointer;
|
|
|
- color: var(--wp--custom--button--hover--color--text);
|
|
|
- background-color: var(--wp--custom--button--hover--color--background);
|
|
|
- border-color: var(--wp--custom--button--hover--border--color);
|
|
|
+ color: var(--wp--custom--button--hover--color--text);
|
|
|
+ background-color: var(--wp--custom--button--hover--color--background);
|
|
|
+ border-color: var(--wp--custom--button--hover--border--color);
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
-.wp-block-search__button,
|
|
|
-.wp-block-button__link
|
|
|
+ .wp-block-search__button,
|
|
|
+ .wp-block-button__link
|
|
|
):focus {
|
|
|
outline: 1.5px dotted var(--wp--preset--color--foreground);
|
|
|
outline-offset: 3px;
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
-.is-style-outline.wp-block-button,
|
|
|
-.is-style-outline.wp-block-button__link
|
|
|
+ .is-style-outline.wp-block-button,
|
|
|
+ .is-style-outline.wp-block-button__link
|
|
|
) {
|
|
|
- color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color));
|
|
|
+ color: var(--wp--custom--button--outline--color--text, var(--wp--custom--button--border--color) );
|
|
|
}
|
|
|
|
|
|
:is(
|
|
|
-.is-style-outline>.wp-block-button__link,
|
|
|
-.is-style-outline.wp-block-button__link
|
|
|
+ .is-style-outline>.wp-block-button__link,
|
|
|
+ .is-style-outline.wp-block-button__link
|
|
|
):not(.has-background):hover {
|
|
|
- color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
|
|
|
- background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
|
|
|
+ color: var(--wp--custom--button--outline--hover--color--text, var(--wp--custom--button--color--text));
|
|
|
+ background-color: var(--wp--custom--button--outline--hover--color--background, var(--wp--custom--button--color--background));
|
|
|
}
|
|
|
|
|
|
+
|