1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- @mixin quadrat_button_hover_styles {
- &:hover,
- &:focus,
- &.has-focus {
- border-style: var(--wp--custom--button--border--style);
- border-color: currentColor;
- border-width: var(--wp--custom--button--border--width);
- padding-top: var(--wp--custom--button--spacing--padding--top);
- padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
- padding-left: var(--wp--custom--button--spacing--padding--left);
- padding-right: var(--wp--custom--button--spacing--padding--right);
- }
- }
- .wp-block-button {
- &.wp-block-button__link,
- .wp-block-button__link {
- &:not(.has-background):not(.has-text-color) {
- @include quadrat_button_hover_styles;
- }
- }
- }
- .wp-block-file .wp-block-file__button {
- @include quadrat_button_hover_styles;
- }
- .wp-block-search {
- &.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
- .wp-block-search__button {
- @include quadrat_button_hover_styles;
- }
- }
- .wp-block-post-comments {
- input[type="submit"], .reply a {
- @include quadrat_button_hover_styles;
- }
- }
- //NOTE: Double-classed to raise specificity above parent theme's outline hover styles
- //as an alternative to !important. Only needed for the editor.
- .wp-block-button.wp-block-button.is-style-outline {
- &.wp-block-button__link,
- .wp-block-button__link {
- &:not(.has-background):not(.has-text-color) {
- &:hover,
- &:focus,
- &.has-focus {
- color: var(--wp--custom--button--color--background);
- background-color: var(--wp--custom--button--color--text);
- }
- }
- }
- }
|