Layout
Position
{static|relative|absolute|fixed|sticky}
Use any of the classes below to position elements. A few examples are listed below in an attempt to show the many relationships of combining the different position values.
Static Parent
static
absolute
Relative Parent
relative
absolute
Static Sibling
relative
static
static
static
Absolute Sibling
relative
static
absolute
static
Fixed
fixed
Scroll down!
Trust fund fam synth ugh 3 wolf moon, raw denim vegan gochujang swag activated charcoal lomo poke taiyaki. Marfa fixie 90's whatever yr la croix four loko. Whatever celiac fashion axe locavore squid trust fund kinfolk drinking vinegar keffiyeh, cliche four loko echo park af blog fam. Wayfarers echo park tofu hammock, gastropub fixie heirloom tacos helvetica godard. Four loko ethical seitan man bun leggings small batch synth.Sticky
1
stickyTrust fund fam synth ugh 3 wolf moon, raw denim vegan gochujang swag activated charcoal lomo poke taiyaki. Marfa fixie 90's whatever yr la croix four loko. Whatever celiac fashion axe locavore squid trust fund kinfolk drinking vinegar keffiyeh, cliche four loko echo park af blog fam. Wayfarers echo park tofu hammock, gastropub fixie heirloom tacos helvetica godard. Four loko ethical seitan man bun leggings small batch synth.
2
sticky3
sticky4
sticky5
stickyPinning
Anchor absolute elements to sides by using the following utilities targeting multiple sides:
inset-{x|y?}-{0|auto}
Generated from theme.inset
0
0
auto
auto
Also, individual side utilities are available:
{top|right|bottom|left}-{0|auto}
Generated from theme.inset
0
0
auto
auto