Angle
Create angled, decorative backgrounds for your content using Foundry’s color swatches, solid colors or custom gradients.
- Set angle of top and bottom edges independently from one another
- Choose to use Foundry color swatches, solid color, or a custom gradient for the background
- Choose which direction the angle will face for top and bottom independently
- Foundry brand color presets allow Dark Mode to affect your Angle stack's background
Example
We’ve included one example of the Angle stack below, with a header and a few paragraphs contained within it. We’ve also included another example of the Angle stack, and other Potion Pack stacks, on a live preview site for the addon pack, here.
Sample Angle
The background here is created using the Angle stack. It allows you to create decorative backgrounds with angled top and / or bottom borders.
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Using Angle
General
Top and Bottom Angle
Choose a value between 0 and 10 for the angle of the background. Higher values represent a higher incline. You can set the angle for the top and bottom independent of one another.
Side
Opt to have your angled backgrounds face toward the left or the right. You can set the top and bottom side independent of one another as well.
Angle Background
Background Style
You can choose to use one of Foundry’s built-in color swatch presets, a solid color or a custom gradient for your background. The solid color and gradient options present you with the appropriate color pickers for each.