Add spacing scale to min-width, min-height, and max-width (#12300)

* Add spacing scale to `min-width`, `min-height`, and `max-width`

* Update snapshots

* Update changelog
This commit is contained in:
Jordan Pittman 2023-10-26 14:14:43 -04:00
parent 324953c093
commit b3d39b185f
2 changed files with 8 additions and 7 deletions

View file

@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Increase default values for `grid-rows-*` utilities from 1–6 to 1–12 ([#12180](https://github.com/tailwindlabs/tailwindcss/pull/12180))
- Add `size-*` utilities ([#12287](https://github.com/tailwindlabs/tailwindcss/pull/12287))
- Add utilities for CSS subgrid ([#12298](https://github.com/tailwindlabs/tailwindcss/pull/12298))
- Add spacing scale to `min-w-*`, `min-h-*`, and `max-w-*` utilities ([#12300](https://github.com/tailwindlabs/tailwindcss/pull/12300))
## [3.3.7] - 2023-12-18

View file

@ -658,8 +658,8 @@ module.exports = {
fit: 'fit-content',
}),
maxWidth: ({ theme, breakpoints }) => ({
...theme('spacing'),
none: 'none',
0: '0rem',
xs: '20rem',
sm: '24rem',
md: '28rem',
@ -678,8 +678,8 @@ module.exports = {
prose: '65ch',
...breakpoints(theme('screens')),
}),
minHeight: {
0: '0px',
minHeight: ({ theme }) => ({
...theme('spacing'),
full: '100%',
screen: '100vh',
svh: '100svh',
@ -688,14 +688,14 @@ module.exports = {
min: 'min-content',
max: 'max-content',
fit: 'fit-content',
},
minWidth: {
0: '0px',
}),
minWidth: ({ theme }) => ({
...theme('spacing'),
full: '100%',
min: 'min-content',
max: 'max-content',
fit: 'fit-content',
},
}),
objectPosition: {
bottom: 'bottom',
center: 'center',