Layout

Inset

Style syntax for setting distance between an element and the parent element.

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

Overview [sr-only]

ClassDeclarations
inset:offsetinset: offset
inset:offset|offsetinset: offset offset
inset:offset|offset|offsetinset: offset offset offset
inset:offset|offset|offset|offsetinset: offset offset offset offset

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 in different states using selectors, media queries, etc.

<div class="inset:10:hover inset:10@sm inset:10@dark inset:10@print"></div>
PREVIOUS
Float

Style syntax for placing an element on the left or right side of its container.

NEXT
Isolation

Style syntax for controlling whether an element should create a new stacking context.

MIT License © Aoyue Design LLC.