button-is-outlined

@include button-is-outlined($btnTheme);

Description

Determines whether or not a BUTTON THEME is set to be outlined/hollow in Design > Buttons.

Parameters

$btnTheme (button theme)
The button theme you want to target.

Returns

(boolean) Whether or not the button theme is outlined.

Example

Detect if primary button is outlined

@include button-is-outlined(primary) {
  /* If is outline, add these extra styles */
}

What’s Next

Check out the Button Variables article to see the full list of variables you can use.