Naluma Theme

1.2 #atoms.button Button

Toggle example guides Toggle HTML markup

All button variants and interactive states. Primary style is defined in theme.json (wp-element-button defaults). Secondary and text variants override via :where() for low specificity.

.is-style-secondary - Slate light background .is-style-text - Transparent background, teal text

Tokens: $color-primary, $color-base, $color-contrast, $color-secondary-light, $color-primary-light, $color-focus-ring, $component-focus-outline-width, $component-focus-outline-offset, $transition-fast

Example
Markup
<button class="wp-element-button ">Button</button>
Source: web/app/themes/naluma-theme/assets/scss/atoms/_button.scss, line 1