devin schumacher
nuxt UI upgrade help
its a turbo repo (monorepo) setup.
my 'nuxt layers' are things like packages/ui
and apps/serp-co (my website)
we just moved from nuxt/[email protected](alpha) which everything looked great... over to nuxt/[email protected] and thats when this stuff broke
33 replies
nuxt UI upgrade help
// main.css from the @serp/ui/assets/css/main.css import:
@import 'tailwindcss';
@import '@nuxt/ui-pro';
@import './patch.css';
@plugin "@tailwindcss/typography";
@theme {
--ui-radius: var(--radius-none);
}
/* Add base layer for direct element styling /
@layer base {
html {
font-size: 16px;
}
button,
[role='button'] {
@apply cursor-pointer;
@apply disabled:cursor-not-allowed;
}
h1 {
font-size: 3.75rem;
line-height: 1.2;
font-weight: 900;
}
h2 {
font-size: 3rem;
line-height: 1.4;
font-weight: 900;
}
h3 {
font-size: 2.25rem;
line-height: 1.5;
font-weight: 500;
}
}
/ Keep the utility classes for when you need to apply them directly */
@utility text-6xl {
font-size: 3.75rem;
line-height: 1.2;
}
@utility text-5xl {
font-size: 3rem;
line-height: 1.4;
}
@utility text-4xl {
font-size: 2.25rem;
line-height: 1.5;
}
33 replies