mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
106 lines
2.0 KiB
CSS
106 lines
2.0 KiB
CSS
body {
|
|
@apply overscroll-none bg-transparent;
|
|
}
|
|
|
|
:root {
|
|
--font-sans: var(--font-inter);
|
|
--header-height: calc(var(--spacing) * 12 + 1px);
|
|
}
|
|
|
|
.theme-scaled {
|
|
@media (min-width: 1024px) {
|
|
--radius: 0.6rem;
|
|
--text-lg: 1.05rem;
|
|
--text-base: 0.85rem;
|
|
--text-sm: 0.8rem;
|
|
--spacing: 0.222222rem;
|
|
}
|
|
|
|
[data-slot="card"] {
|
|
--spacing: 0.16rem;
|
|
}
|
|
|
|
[data-slot="select-trigger"],
|
|
[data-slot="toggle-group-item"] {
|
|
--spacing: 0.222222rem;
|
|
}
|
|
}
|
|
|
|
.theme-default,
|
|
.theme-default-scaled {
|
|
--primary: var(--color-neutral-600);
|
|
--primary-foreground: var(--color-neutral-50);
|
|
|
|
@variant dark {
|
|
--primary: var(--color-neutral-500);
|
|
--primary-foreground: var(--color-neutral-50);
|
|
}
|
|
}
|
|
|
|
.theme-blue,
|
|
.theme-blue-scaled {
|
|
--primary: var(--color-blue-600);
|
|
--primary-foreground: var(--color-blue-50);
|
|
|
|
@variant dark {
|
|
--primary: var(--color-blue-500);
|
|
--primary-foreground: var(--color-blue-50);
|
|
}
|
|
}
|
|
|
|
.theme-green,
|
|
.theme-green-scaled {
|
|
--primary: var(--color-lime-600);
|
|
--primary-foreground: var(--color-lime-50);
|
|
|
|
@variant dark {
|
|
--primary: var(--color-lime-600);
|
|
--primary-foreground: var(--color-lime-50);
|
|
}
|
|
}
|
|
|
|
.theme-amber,
|
|
.theme-amber-scaled {
|
|
--primary: var(--color-amber-600);
|
|
--primary-foreground: var(--color-amber-50);
|
|
|
|
@variant dark {
|
|
--primary: var(--color-amber-500);
|
|
--primary-foreground: var(--color-amber-50);
|
|
}
|
|
}
|
|
|
|
.theme-mono,
|
|
.theme-mono-scaled {
|
|
--font-sans: var(--font-mono);
|
|
--primary: var(--color-neutral-600);
|
|
--primary-foreground: var(--color-neutral-50);
|
|
|
|
@variant dark {
|
|
--primary: var(--color-neutral-500);
|
|
--primary-foreground: var(--color-neutral-50);
|
|
}
|
|
|
|
.rounded-xs,
|
|
.rounded-sm,
|
|
.rounded-md,
|
|
.rounded-lg,
|
|
.rounded-xl {
|
|
@apply !rounded-none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.shadow-xs,
|
|
.shadow-sm,
|
|
.shadow-md,
|
|
.shadow-lg,
|
|
.shadow-xl {
|
|
@apply !shadow-none;
|
|
}
|
|
|
|
[data-slot="toggle-group"],
|
|
[data-slot="toggle-group-item"] {
|
|
@apply !rounded-none !shadow-none;
|
|
}
|
|
}
|