CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

TalwindCSS Update #10

Merged
an.di merged 10 commits from adilallo/TailwindCSSUpdate into adilallo/component/RuleStack 2025-08-23 23:20:25 +00:00
Conversation 0 Commits 10 Files Changed 20
+15 -4
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 76d747a557 - Show all commits
app/layout.js
+6 -3
View File
@@ -5,25 +5,28 @@ import Footer from "./components/Footer";
const inter = Inter({ const inter = Inter({
subsets: ["latin"], subsets: ["latin"],
weight: ["400", "500"], weight: ["400", "500", "600", "700"],
variable: "--font-inter", variable: "--font-inter",
display: "swap",
}); });
const bricolageGrotesque = Bricolage_Grotesque({ const bricolageGrotesque = Bricolage_Grotesque({
subsets: ["latin"], subsets: ["latin"],
weight: ["400", "500", "700"], weight: ["400", "500", "700", "800"],
variable: "--font-bricolage-grotesque", variable: "--font-bricolage-grotesque",
display: "swap",
}); });
const spaceGrotesk = Space_Grotesk({ const spaceGrotesk = Space_Grotesk({
subsets: ["latin"], subsets: ["latin"],
weight: ["400", "500", "700"], weight: ["400", "500", "700"],
variable: "--font-space-grotesk", variable: "--font-space-grotesk",
display: "swap",
}); });
export default function RootLayout({ children }) { export default function RootLayout({ children }) {
return ( return (
<html lang="en"> <html lang="en" className="font-sans">
<body <body
className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable}`} className={`${inter.variable} ${bricolageGrotesque.variable} ${spaceGrotesk.variable}`}
> >
app/tailwind.css
+9 -1
View File
@@ -4,6 +4,7 @@
@source "../stories/**/*"; @source "../stories/**/*";
@source "../app/**/*"; @source "../app/**/*";
@source "../.storybook/**/*"; @source "../.storybook/**/*";
@source "./**/*";
@theme inline { @theme inline {
/* Custom breakpoints */ /* Custom breakpoints */
@@ -16,6 +17,14 @@
/* Reset Tailwind color defaults to avoid collisions */ /* Reset Tailwind color defaults to avoid collisions */
--color-*: initial; --color-*: initial;
/* Font families */
--font-sans: var(--font-inter), ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-display: var(--font-bricolage-grotesque), ui-sans-serif, system-ui,
-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-mono: var(--font-space-grotesk), ui-monospace, SFMono-Regular,
"SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
/* Dimension */ /* Dimension */
--spacing-scale-000: 0px; --spacing-scale-000: 0px;
--spacing-scale-001: 1px; --spacing-scale-001: 1px;
@@ -409,7 +418,6 @@
--shadow-subtle: 0px 0px 48px 0px oklch(0% 0 0 / 10%); --shadow-subtle: 0px 0px 48px 0px oklch(0% 0 0 / 10%);
--shadow-minimal-shadow: 0px 0px 8px 0px oklch(0% 0 0 / 15%); --shadow-minimal-shadow: 0px 0px 8px 0px oklch(0% 0 0 / 15%);
--shadow-focus-inverse: 0px 0px 10px 1px oklch(23.93% 0 263.28); --shadow-focus-inverse: 0px 0px 10px 1px oklch(23.93% 0 263.28);
--shadow-subtle: 0px 0px 48px 0px oklch(0% 0 0 / 10%);
/* Use this shadow most of the time */ /* Use this shadow most of the time */
--shadow-shallow-below: 0px 4px 16px 0px oklch(0% 0 0 / 12%); --shadow-shallow-below: 0px 4px 16px 0px oklch(0% 0 0 / 12%);
--shadow-default: 0px 4px 6px 0px oklch(0% 0 0 / 9%); --shadow-default: 0px 4px 6px 0px oklch(0% 0 0 / 9%);