donation-form-theme
@include donation-form-theme(
$theme,
$color,
$amountButtonStyle,
$themeBackground
);
Description
Control the colours used in the donation form.
Parameters
$theme
(shades | color)
The base color to be used as theme.
Default: primary
$color
(shades | color)
The text color to be used on form.
Default: null
$amountBtnTheme
(button theme | button map | shades | color)
The theme to be used for the amount buttons.
Default: $theme
$background
(shades | color)
The background color of form.
Default: white
Return
(CSS) Styles to theme .donation-form
.
Examples
Use the primary-dark shade as the base color
@include donation-form-theme(primary-dark);
Use the secondary shade as the base color but still use the primary button theme for the amount buttons
@include donation-form-theme(
$theme: secondary,
$amountBtnTheme: primary
);
Interactive example
$theme:
$amountButtonTheme:
1
2
3
One Off
Monthly
Donating in Australian Dollars
Updated over 1 year ago