_editor.scss 797 B

1234567891011121314151617181920212223242526272829303132
  1. .wp-block-button__link {
  2. color: var(--button--color-text);
  3. font-weight: var(--button--font-weight);
  4. font-family: var(--button--font-family);
  5. font-size: var(--button--font-size);
  6. line-height: var(--button--line-height);
  7. background-color: var(--button--color-background);
  8. border-radius: var(--button--border-radius);
  9. padding: var(--button--padding-vertical) var(--button--padding-horizontal);
  10. &:hover,
  11. &:focus,
  12. &.has-focus {
  13. color: var(--button--color-text-hover);
  14. background-color: var(--button--color-background-hover);
  15. }
  16. // Outline Style
  17. &.is-style-outline,
  18. .is-style-outline & {
  19. color: var(--button--color-background);
  20. background: transparent;
  21. border: 2px solid currentcolor;
  22. }
  23. // Squared Style
  24. &.is-style-squared,
  25. .is-style-squared & {
  26. border-radius: 0;
  27. }
  28. }