Positioning Elements

Position

Direct properties for specifying the positioning of an element:

Property	Description
relative	relative to its normal position.
absolute	relative to its nearest positioned ancestor.
fixed	relative to the viewport.
sticky	relative to the viewport, but only when it is within the viewport.
static	according to the normal flow of the document.
initial	Sets the property to its default value.
inherit	Inherit the position from the parent element.

Direction

Compound properties for specifying the final horizontal or vertical position of an element:

Property	Expected Values	Example
left	SpacingToken (e.g., d3)	left:d4
right	SpacingToken (e.g., d3)	right:d4
top	SpacingToken (e.g., d3)	top:d4
bottom	SpacingToken (e.g., d3)	bottom:d4

Z-Index

Compound property for specifying the z-index of an element:

Property	Expected Values	Example
z	NumericToken (e.g., 30)	z:30

Empty Content

Pseudo-elements require a declared content value in order to be rendered if empty. As such, Elevate provides a direct property to do so:

Property	Description
empty	equivalent to content: ""