Rename mh-* and mw-* to max-h/w-*, add additional width and height values

Fixes #41330, fixes #40674.
This commit is contained in:
Mark Otto 2025-04-07 21:12:07 -07:00
parent 24f2269928
commit 396f2bc4db
1 changed files with 26 additions and 4 deletions

View File

@ -229,14 +229,25 @@ $utilities: map.merge(
50: 50%, 50: 50%,
75: 75%, 75: 75%,
100: 100%, 100: 100%,
auto: auto auto: auto,
min: min-content,
max: max-content,
fit: fit-content,
) )
), ),
"max-width": ( "max-width": (
property: max-width, property: max-width,
class: mw, class: max-w,
values: (100: 100%) values: (100: 100%)
), ),
"min-width": (
property: min-width,
class: min-w,
values: (
0: 0,
100: 100%
)
),
"viewport-width": ( "viewport-width": (
property: width, property: width,
class: vw, class: vw,
@ -255,14 +266,25 @@ $utilities: map.merge(
50: 50%, 50: 50%,
75: 75%, 75: 75%,
100: 100%, 100: 100%,
auto: auto auto: auto,
min: min-content,
max: max-content,
fit: fit-content,
) )
), ),
"max-height": ( "max-height": (
property: max-height, property: max-height,
class: mh, class: max-h,
values: (100: 100%) values: (100: 100%)
), ),
"min-height": (
property: min-height,
class: min-h,
values: (
0: 0,
100: 100%,
),
),
"viewport-height": ( "viewport-height": (
property: height, property: height,
class: vh, class: vh,