Min Block Size
Utilities for controlling the minimum block-size of an element.
| Class | CSS Output |
|---|---|
min-block-auto |
|
min-block-full |
|
min-block-screen |
|
min-block-0 |
|
min-block-4 |
|
min-block-8 |
|
min-block-1/2 |
|
min-block-1/3 |
|
min-block-[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
| min-block-size | MDN ↗ |
CSS Properties
min-block-size