background-color-1
background-color-2
background-color-dark
Applies to Embeds, Photo Grids, Photo One Column, Columns +, Heroes, 1 Photo Text Right/Left, and 50/50 Blocks
full-width
hide
- Hides block from page.hide-phone
- Hides block on phones, will display at 768 and upm-b-0
- Removes bottom margin on blockm-t-0
- Removes bottom margin on blockcontent-top
content-bottom
content-left
content-right
image-10-percent
image-20-percent
image-30-percent
image-40-percent
image-50-percent
image-60-percent
image-70-percent
image-80-percent
image-90-percent
Loops through the brand colors. If there’s only 6 brand colors, then there will only be six overlay options.
overlay-color-1
overlay-color-2
overlay-color-3
parallax
- Sets a parallax effect on the the herofull-height
- Make a hero image take up the full screen heightfixed-background
- Make a hero image stay fixed in place while the page content scrolls over it<br/>
<hr>
or ---
<a href="https://www.apple.com" class="btn">Visit Apple's Website</a>