Object fit

Atomic classes for managing the sizing of an img or video relative to its container.

Classess

🔗
Class CSS
.of-contain object-fit: contain;
.of-cover object-fit: cover;
.of-fill object-fit: fill;
.of-none object-fit: none;

Customization

Override object-fit variables:

$object-fit: contain, cover, fill, none;