From 399a74d52a1fdaa57977a7bb1e77488dbd65132b Mon Sep 17 00:00:00 2001
From: Kevin Stadler <kevin.stadler@oeaw.ac.at>
Date: Thu, 12 Sep 2024 17:24:07 +0200
Subject: [PATCH] refactor: define and use global bernhard-grid css class

---
 components/main-content.tsx | 2 +-
 styles/index.css            | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/main-content.tsx b/components/main-content.tsx
index 48f24ca..dc72af6 100644
--- a/components/main-content.tsx
+++ b/components/main-content.tsx
@@ -8,7 +8,7 @@ interface MainContentProps {
 }
 
 export function MainContent(props: MainContentProps): ReactNode {
-	const { children, className = "grid grid-cols-[25%_75%]" } = props;
+	const { children, className = "bernhard-grid" } = props;
 
 	return (
 		<main className="container max-w-screen-lg p-8" id={id} tabIndex={-1}>
diff --git a/styles/index.css b/styles/index.css
index 1c0e88f..e918520 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -193,3 +193,8 @@ textarea {
 	--tw-prose-th-borders: var(--color-neutral-600);
 	--tw-prose-td-borders: var(--color-neutral-700);
 }
+
+.bernhard-grid {
+	/* @apply container max-w-screen-lg p-8; */
+	@apply grid grid-cols-[25%_75%];
+}