Add self-baseline-last and content-baseline-last

Author: philipp-spiess

CHANGELOG.md

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

packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap

@@ -3762,6 +3762,7 @@ exports[`getClassList 1`] = `
  "container",
  "content-around",
  "content-baseline",
+ "content-baseline-last",
  "content-between",
  "content-center",
  "content-center-safe",
@@ -9608,6 +9609,7 @@ exports[`getClassList 1`] = `
  "select-text",
  "self-auto",
  "self-baseline",
+ "self-baseline-last",
  "self-center",
  "self-center-safe",
  "self-end",

packages/tailwindcss/src/utilities.test.ts

@@ -7281,6 +7281,7 @@ test('align-content', async () => {
  'content-around',
  'content-evenly',
  'content-baseline',
+ 'content-baseline-last',
  'content-stretch',
  ]),
  ).toMatchInlineSnapshot(`
@@ -7292,6 +7293,10 @@ test('align-content', async () => {
  align-content: baseline;
  }
 
+ .content-baseline-last {
+ align-content: last baseline;
+ }
+
  .content-between {
  align-content: space-between;
  }
@@ -8432,6 +8437,7 @@ test('self', async () => {
  'self-center-safe',
  'self-stretch',
  'self-baseline',
+ 'self-baseline-last',
  ]),
  ).toMatchInlineSnapshot(`
  ".self-auto {
@@ -8442,6 +8448,10 @@ test('self', async () => {
  align-self: baseline;
  }
 
+ .self-baseline-last {
+ align-self: last baseline;
+ }
+
  .self-center {
  align-self: center;
  }

packages/tailwindcss/src/utilities.ts

@@ -1906,6 +1906,9 @@ export function createUtilities(theme: Theme) {
  staticUtility('content-around', [['align-content', 'space-around']])
  staticUtility('content-evenly', [['align-content', 'space-evenly']])
  staticUtility('content-baseline', [['align-content', 'baseline']])
+ if (enableBaselineLast) {
+ staticUtility('content-baseline-last', [['align-content', 'last baseline']])
+ }
  staticUtility('content-stretch', [['align-content', 'stretch']])
 
  staticUtility('items-center', [['align-items', 'center']])
@@ -2039,6 +2042,9 @@ export function createUtilities(theme: Theme) {
  }
  staticUtility('self-stretch', [['align-self', 'stretch']])
  staticUtility('self-baseline', [['align-self', 'baseline']])
+ if (enableBaselineLast) {
+ staticUtility('self-baseline-last', [['align-self', 'last baseline']])
+ }
 
  staticUtility('justify-self-auto', [['justify-self', 'auto']])
  staticUtility('justify-self-start', [['justify-self', 'flex-start']])