Min Inline Size

Utilities for controlling the minimum inline-size of an element.

Class	CSS Output
`min-inline-auto`	`min-inline-size: auto; }`
`min-inline-full`	`min-inline-size: 100%; }`
`min-inline-screen`	`min-inline-size: 100vw; }`
`min-inline-0`	`min-inline-size: calc(var(--spacing) * 0); }`
`min-inline-4`	`min-inline-size: calc(var(--spacing) * 4); }`
`min-inline-8`	`min-inline-size: calc(var(--spacing) * 8); }`
`min-inline-1/2`	`min-inline-size: calc(1/2 * 100%); }`
`min-inline-1/3`	`min-inline-size: calc(1/3 * 100%); }`
`min-inline-[100px]`	`min-inline-size: 100px; }`

min-inline-auto

min-inline-size: auto;

min-inline-full

min-inline-size: 100%;

min-inline-screen

min-inline-size: 100vw;

min-inline-0

min-inline-size: calc(var(--spacing) * 0);

min-inline-4

min-inline-size: calc(var(--spacing) * 4);

min-inline-8

min-inline-size: calc(var(--spacing) * 8);

min-inline-1/2

min-inline-size: calc(1/2 * 100%);

min-inline-1/3

min-inline-size: calc(1/3 * 100%);

min-inline-[100px]

min-inline-size: 100px;

Reference

MDN ↗