Upgrade Tailwind CSS from 3 to 4 with CSS-first config migration
Migrate tailwind.config.js to @theme in CSS, replace PostCSS plugins with @tailwindcss/postcss, add @reference to 12 Vue scoped styles using @apply, and remove autoprefixer (now built into Tailwind 4). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1312,6 +1312,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
@reference "../../../assets/tailwind.css";
|
||||
.active {
|
||||
@apply text-primary
|
||||
}
|
||||
|
||||
@@ -941,6 +941,7 @@ export default {
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
@reference "../../../assets/tailwind.css";
|
||||
.active {
|
||||
@apply text-primary
|
||||
}
|
||||
|
||||
@@ -623,6 +623,7 @@
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
@reference "../../assets/tailwind.css";
|
||||
:deep(thead) {
|
||||
@apply sticky top-0 bg-neutral-10 after:border-b after:border-neutral-500 after:w-full after:left-0 after:bottom-0 after:absolute table table-fixed w-full
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user