Height & Width
Height & Width Properties
Elevate CSS features a number of height and width properties. These properties include:
| Property | Expected Values | Example |
|---|---|---|
| min-w | SpacingToken (e.g., d3) | min-w:d4 |
| min-h | SpacingToken (e.g., d3) | min-h:d4 |
| max-w | SpacingToken (e.g., d3) | max-w:d4 |
| max-h | SpacingToken (e.g., d3) | max-h:d4 |
| w | SpacingToken (e.g., d3) | w:d4 |
| h | SpacingToken (e.g., d3) | h:d4 |
Other Modifier Values
Note that the height and width properties above also accept the following modifier values:
| Value | Description | Example |
|---|---|---|
0 | Sets the dimension to 0 | w:0 |
full | Sets the dimension to 100% | w:full |
wScreen | Sets the dimension to 100vw | w:wScreen |
hScreen | Sets the dimension to 100vh | h:hScreen |
min-content | Sets the dimension to min-content | w:min-content |
max-content | Sets the dimension to max-content | w:max-content |
fit-content | Sets the dimension to fit-content | w:fit-content |
auto | Sets the dimension to auto | w:auto |