donation-form-amounts-theme

@include donation-form-amounts-theme(
	$btnTheme,
	$outline,
	$background
);

Description

Control the donation form amount buttons.

Parameters

$btnTheme (button theme | button map | shades | color)
The theme to be used for the buttons.
Default: primary

$outline (boolean | force)
This determines whether the buttons should be outlined.
Default: null

$background (shades | color)
The background color of form.
Default: white

Return

(CSS) Styles to theme .donation-form__amount-btns.

Examples

Use the secondary button theme, instead of the default primary theme

@include donation-form-amounts-theme(
  $btnTheme: secondary
);

Use a custom theme and ensure that the buttons are outlined

@include donation-form-amounts-theme(
  $btnTheme: (
  	color: white,
  	background: rgb(57, 59, 183)
  ),
  $outline: true
);

Interactive example