Syntax

Object Position

Setting the alignment of the selected replaced element within the element's box.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
object-position:positionobject-position: position;
obj:topobject-position: top;
obj:bottomobject-position: bottom;
obj:leftobject-position: left;
obj:rightobject-position: right;
obj:centerobject-position: center;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="object-position:top:hover object-position:top@sm object-position:top@dark object-position:top@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.