A
AstraWind
v0.2.0
System
Sizing

max-block-size

Utilities for setting the maximum block size of an element.

Quick reference

67 of 71 classes apply on React Native
Class
Styles
React Native
max-block-0
max-block-size: 0px;
maxHeight: 0
max-block-0.5
max-block-size: calc(var(--spacing) * 0.5);
maxHeight: 2
max-block-1
max-block-size: var(--spacing);
maxHeight: 4
max-block-1.5
max-block-size: calc(var(--spacing) * 1.5);
maxHeight: 6
max-block-2
max-block-size: calc(var(--spacing) * 2);
maxHeight: 8
max-block-2.5
max-block-size: calc(var(--spacing) * 2.5);
maxHeight: 10
max-block-3
max-block-size: calc(var(--spacing) * 3);
maxHeight: 12
max-block-3.5
max-block-size: calc(var(--spacing) * 3.5);
maxHeight: 14
max-block-4
max-block-size: calc(var(--spacing) * 4);
maxHeight: 16
max-block-5
max-block-size: calc(var(--spacing) * 5);
maxHeight: 20
max-block-6
max-block-size: calc(var(--spacing) * 6);
maxHeight: 24
max-block-7
max-block-size: calc(var(--spacing) * 7);
maxHeight: 28
Show all 71 classes
The React Native column is what AstraWind resolves each class to, computed live on this page with the current color scheme. Classes with no native equivalent are accepted without effect, and AstraWind warns about them in development. See Compatibility.
Previous
← min-block-size
Next
font-family →