Buttons (.button)
Syntax
<button class="button">Button</button>
Modifiers
| Modifier (.button) | Behavior |
|---|---|
| disabled | Different cursor, lighter text color. |
| .button--primary | Uses primary color - recommended for CTAs, etc. |
| .button--secondary | Uses text color - recommended for secondary actions. |
| .button--danger | Uses danger color. |
| .button--warning | Uses warning color. |
| .button--success | Uses success color. |
| .button--outlined | Background is transparent. |
| .button--circular | Sets fixed width and height. |
| .button--fullWidth | Sets width to 100% and display block. |
| .button--unstyled | Completely removes button default styles. |
Configuration
...