Min Block Size

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

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

min-block-auto

min-block-size: auto;

min-block-full

min-block-size: 100%;

min-block-screen

min-block-size: 100vh;

min-block-0

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

min-block-4

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

min-block-8

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

min-block-1/2

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

min-block-1/3

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

min-block-[100px]

min-block-size: 100px;

Reference

MDN ↗