system - position

Applying the position system modifier to your component will allow consumers of your component to pass in the following props:

Prop	Type	Default	Description
`$position`	(See MDN)	undefined	Applies position styles
`$top`	(See MDN)	undefined	Applies top styles
`$bottom`	(See MDN)	undefined	Applies bottom styles
`$left`	(See MDN)	undefined	Applies left styles
`$right`	(See MDN)	undefined	Applies right styles
$zIndex	number	undefined	Applies zIndex styles

z-index stacking order

We use the following rule of thumb: