Skip to content

Commit 55d7a65

Browse files
Add self-baseline-last (#17476)
This PR also adds a new `self-baseline-last` utility similar to `items-baseline-last` added previously. We've also discussed adding a `content-baseline-last` utility but since the browser support for this [is very limited](https://caniuse.com/mdn-css_properties_align-content_flex_context_last_baseline) and we weren't able to get this to do anything even in the supported browsers, we decided against it. ## Test plan Updated the utility tests.
1 parent f590be4 commit 55d7a65

File tree

4 files changed

+10
-1
lines changed

4 files changed

+10
-1
lines changed

Diff for: CHANGELOG.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
1212
- _Experimental_: Add `details-content` variant ([#15319](https://github.com/tailwindlabs/tailwindcss/pull/15319))
1313
- _Experimental_: Add `inverted-colors` variant ([#11693](https://github.com/tailwindlabs/tailwindcss/pull/11693))
1414
- _Experimental_: Add `noscript` variant ([#11929](https://github.com/tailwindlabs/tailwindcss/pull/11929), [#17431](https://github.com/tailwindlabs/tailwindcss/pull/17431))
15-
- _Experimental_: Add `items-baseline-last` utility ([#13888](https://github.com/tailwindlabs/tailwindcss/pull/13888))
15+
- _Experimental_: Add `items-baseline-last` and `self-baseline-last` utilities ([#13888](https://github.com/tailwindlabs/tailwindcss/pull/13888), [#17476](https://github.com/tailwindlabs/tailwindcss/pull/17476))
1616
- _Experimental_: Add `pointer-none`, `pointer-coarse`, and `pointer-fine` variant ([#16946](https://github.com/tailwindlabs/tailwindcss/pull/16946))
1717
- _Experimental_: Add `any-pointer-none`, `any-pointer-coarse`, and `any-pointer-fine` variants ([#16941](https://github.com/tailwindlabs/tailwindcss/pull/16941))
1818
- _Experimental_: Add safe alignment utilities ([#14607](https://github.com/tailwindlabs/tailwindcss/pull/14607))

Diff for: packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap

+1
Original file line numberDiff line numberDiff line change
@@ -9608,6 +9608,7 @@ exports[`getClassList 1`] = `
96089608
"select-text",
96099609
"self-auto",
96109610
"self-baseline",
9611+
"self-baseline-last",
96119612
"self-center",
96129613
"self-center-safe",
96139614
"self-end",

Diff for: packages/tailwindcss/src/utilities.test.ts

+5
Original file line numberDiff line numberDiff line change
@@ -8946,6 +8946,7 @@ test('self', async () => {
89468946
'self-center-safe',
89478947
'self-stretch',
89488948
'self-baseline',
8949+
'self-baseline-last',
89498950
]),
89508951
).toMatchInlineSnapshot(`
89518952
".self-auto {
@@ -8956,6 +8957,10 @@ test('self', async () => {
89568957
align-self: baseline;
89578958
}
89588959

8960+
.self-baseline-last {
8961+
align-self: last baseline;
8962+
}
8963+
89598964
.self-center {
89608965
align-self: center;
89618966
}

Diff for: packages/tailwindcss/src/utilities.ts

+3
Original file line numberDiff line numberDiff line change
@@ -2038,6 +2038,9 @@ export function createUtilities(theme: Theme) {
20382038
}
20392039
staticUtility('self-stretch', [['align-self', 'stretch']])
20402040
staticUtility('self-baseline', [['align-self', 'baseline']])
2041+
if (enableBaselineLast) {
2042+
staticUtility('self-baseline-last', [['align-self', 'last baseline']])
2043+
}
20412044

20422045
staticUtility('justify-self-auto', [['justify-self', 'auto']])
20432046
staticUtility('justify-self-start', [['justify-self', 'flex-start']])

0 commit comments

Comments
 (0)