_config.scss 834 B

1234567891011121314151617181920212223
  1. @mixin button-variables() {
  2. // Colors
  3. --button--color-text: var(--global--color-background);
  4. --button--color-text-hover: var(--button--color-text);
  5. --button--color-text-active: var(--button--color-text);
  6. --button--color-background: var(--global--color-secondary);
  7. --button--color-background-hover: var(--global--color-secondary-hover);
  8. --button--color-background-active: var(--global--color-primary);
  9. // Fonts
  10. --button--font-family: var(--global--font-ui);
  11. --button--font-size: var(--global--font-size-base);
  12. --button--font-weight: normal;
  13. --button--line-height: 1;
  14. // Borders
  15. --button--border-width: 2px;
  16. --button--border-radius: 4px;
  17. // Spacing
  18. --button--padding-vertical: calc(var(--global--spacing-horizontal) - var(--button--border-width));
  19. --button--padding-horizontal: var(--global--spacing-horizontal);
  20. }