Donation
Donation contains toggles and inputs for the user to make a donation.
Breakdown
Donation
Donation allows users to enter a donation funnel. It contains inputs and toggles a user needs in order to select and make a financial donation.
Donation Banner
Usage
Use donation patterns at the top or bottom of a pages content.
Anatomy
Vertical padding
Vertical padding is the empty space between an elements top or bottom edges. Donation has a vertical padding of 36px.
Horizontal padding
Horizontal padding is the empty space between an elements left or right edges. Donation has a vertical padding of 36px.
Vertical gap
Donation is a complex pattern that requires specific spacing. The primary vertical gaps are 18px, 13.5px and 9px.
