_buttons-outline-style.scss 984 B

1234567891011121314151617181920212223242526272829303132333435
  1. @import 'button-mixins';
  2. .wp-block-button {
  3. &.wp-block-button__link,
  4. .wp-block-button__link {
  5. &:not(.has-background):not(.has-text-color) {
  6. @include button-outline-hover-styles;
  7. }
  8. }
  9. }
  10. .wp-block-file .wp-block-file__button {
  11. @include button-outline-hover-styles;
  12. }
  13. .wp-block-search {
  14. &.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
  15. .wp-block-search__button {
  16. @include button-outline-hover-styles;
  17. }
  18. }
  19. //NOTE: Double-classed to raise specificity above parent theme's outline hover styles
  20. //as an alternative to !important. Only needed for the editor.
  21. .wp-block-button.wp-block-button.is-style-outline {
  22. &.wp-block-button__link,
  23. .wp-block-button__link {
  24. &:not(.has-background):not(.has-text-color) {
  25. &:hover,
  26. &:focus,
  27. &.has-focus {
  28. color: var(--wp--custom--button--color--background);
  29. background-color: var(--wp--custom--button--color--text);
  30. }
  31. }
  32. }
  33. }