button.variables.scss

// This file has been dynamically generated from design tokens
// Please do NOT edit directly.
// Source: ../design-tokens/components/button.yml
:root {
--base-button-background-color: #9e9e9e;
--base-button-border-color: #424242;
--base-button-background-color--hover: #eeeeee;
--primary-button-background-color: #2196f3;
--primary-button-background-color--hover: #90caf9;
--primary-button-border-color: #1565c0;
--secondary-button-background-color: #673ab7;
--secondary-button-border-color: #4527a0;
--secondary-button-background-color--hover: #b39ddb;
--tertiary-button-background-color: #4caf50;
--tertiary-button-border-color: #2e7d32;
--tertiary-button-background-color--hover: #a5d6a7;
--accent-button-background-color: #ff9800;
--accent-button-border-color: #ef6c00;
--accent-button-background-color--hover: #ffcc80;
--button-text-color: #FFFFFF;
--button-text-color-alt: #424242;
--button-text-color--hover: #FFFFFF;
--button-text-color-alt--hover: #000000;
--button-padding--sm: .25em 1rem;
--button-padding: 1rem 1.25rem;
--button-padding--lg: 1.25rem 1.25rem;
--button-padding--xl: 1.5rem 1.5rem;
--button--rounded: 0.5em;
--button--rounded-xl: 1em;
}

$base-button-background-color: #9e9e9e !default;
$base-button-border-color: #424242 !default;
$base-button-background-color--hover: #eeeeee !default;
$button-padding--sm: .25em 1rem !default;
$button--disabled: 0.5 !default;
$button-speed: 200ms !default;