Syntax

Inset

Setting distance between an element and the parent element.

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

Overview

ClassDeclarations
inset:offsetinset: offset;
toptop: 0;
rightright: 0;
leftleft: 0;
bottombottom: 0;

Basic usage

Inset

Use inset:offset to set the distance between the element and its parent element.

inset:20
<div>
<div class="rel inset:20">inset:20</div>
</div>

Conditionally apply

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

<div class="inset:10:hover inset:10@sm inset:10@dark inset:10@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.