Syntax

Object Fit

Setting how the content should be resized to fit its container.

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

Overview

ClassDeclarations
object-fit:valueobject-fit: value;
object-fit:noneobject-fit: none;
obj:containobject-fit: contain;
obj:coverobject-fit: cover;
obj:fillobject-fit: fill;
obj:scale-downobject-fit: scale-down;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.