Tailwind CSS v4

[techniq]

TODO

• themes.css
  • @custom-variant dark (&:where(.dark, .dark *));
  • Default .prose classes
  • Default border-color and outline-color
• utils.css
  • .elevation classes
  • .grid-stack class
  • Consider adding .grid-col-* classes
  • .scrollbar-none class
• Generate skeleton.css and themes.css (all)
• Remove plugin.cjs (replaced by theme.css)
• Remove plugin/theme.cjs (replaced by theme.css)
• Remove plugin/elevation.cjs (replaced by utils.css)
• Remove plugin/colorMix.cjs (unused)
• Remove tailwind.config.cjs (replaced by app.css)
• Remove themes.json
  • Need to determine best way to get theme names (or add hardcoded list)
• Cleanup theme.ts

[changeset-bot]

🦋 Changeset detected

Latest commit: 6cdcb26

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

Name	Type
@layerstack/tailwind	Major
@layerstack/utils	Minor
@layerstack/docs	Minor
@layerstack/svelte-actions	Patch
@layerstack/svelte-stores	Patch
@layerstack/svelte-table	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pkg-pr-new]

Open in Stackblitz

@layerstack/svelte-actions

npm i https://pkg.pr.new/@layerstack/svelte-actions@32

@layerstack/svelte-stores

npm i https://pkg.pr.new/@layerstack/svelte-stores@32

@layerstack/svelte-table

npm i https://pkg.pr.new/@layerstack/svelte-table@32

@layerstack/tailwind

npm i https://pkg.pr.new/@layerstack/tailwind@32

@layerstack/utils

npm i https://pkg.pr.new/@layerstack/utils@32

commit: 6cdcb26

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
layerstack	✅ Ready (View Log)	Visit Preview	6cdcb26