diff options
| author | HiDeoo | 2025-04-17 13:27:47 +0200 |
|---|---|---|
| committer | GitHub | 2025-04-17 13:27:47 +0200 |
| commit | 595991952be1a76cdf54f457c6e4d23b3f2ffec7 (patch) | |
| tree | c606b92c77f254725c26b48b3219314102fe2c58 | |
| parent | 65d1964d04511cfa6c404182ac2fc6ad6983e48c (diff) | |
| download | IT.starlight-595991952be1a76cdf54f457c6e4d23b3f2ffec7.tar.gz IT.starlight-595991952be1a76cdf54f457c6e4d23b3f2ffec7.tar.bz2 IT.starlight-595991952be1a76cdf54f457c6e4d23b3f2ffec7.zip | |
Reset border styles in Tailwind compatibility package (#3132)
| -rw-r--r-- | .changeset/dull-penguins-pump.md | 5 | ||||
| -rw-r--r-- | packages/tailwind/__tests__/tailwind.test.ts | 4 | ||||
| -rw-r--r-- | packages/tailwind/tailwind.css | 6 |
3 files changed, 15 insertions, 0 deletions
diff --git a/.changeset/dull-penguins-pump.md b/.changeset/dull-penguins-pump.md new file mode 100644 index 00000000..1b275f83 --- /dev/null +++ b/.changeset/dull-penguins-pump.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight-tailwind': patch +--- + +Fixes an issue where all border styles were not reset by the Starlight’s Tailwind compatibility package like in [Tailwind base styles](https://tailwindcss.com/docs/preflight#border-styles-are-reset). diff --git a/packages/tailwind/__tests__/tailwind.test.ts b/packages/tailwind/__tests__/tailwind.test.ts index e76f0c0e..745bb921 100644 --- a/packages/tailwind/__tests__/tailwind.test.ts +++ b/packages/tailwind/__tests__/tailwind.test.ts @@ -14,6 +14,10 @@ test('generates base and utilities CSS layers and defines default theme values', "@layer theme; @layer base { + *, :after, :before { + border: 0 solid; + } + html, :host { font-family: var(--font-sans); } diff --git a/packages/tailwind/tailwind.css b/packages/tailwind/tailwind.css index 6f9c917a..aeb3a134 100644 --- a/packages/tailwind/tailwind.css +++ b/packages/tailwind/tailwind.css @@ -29,6 +29,12 @@ @layer base { /* Restore crucial styles from Tailwind Preflight: https://tailwindcss.com/docs/preflight */ + /* Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ + *, + ::after, + ::before { + border: 0 solid; + } /* Keep base font-family styles even in non-Starlight pages. */ html, :host { |