feat: move to css chunk 2

packages/website/src/components/BlitzKitTheme/index.css

@@ -1,3 +0,0 @@
-.blitzkit-theme {
-  min-height: unset !important;
-}

packages/website/src/components/BlitzKitTheme/index.tsx

@@ -1,6 +1,5 @@
 import { Theme, type ThemeProps } from '@radix-ui/themes';
 import type { ReactNode } from 'react';
-import './index.css';
 
 interface BlitzKitThemeProps extends ThemeProps {
   children: ReactNode;
@@ -8,12 +7,14 @@ interface BlitzKitThemeProps extends ThemeProps {
 
 export function BlitzKitTheme({
   children,
+  className,
   style,
   ...props
 }: BlitzKitThemeProps) {
   return (
     <Theme
-      className="blitzkit-theme"
+      style={{ minHeight: 'unset', ...style }}
+      className={`blitzkit-theme ${className}`}
       grayColor="mauve"
       appearance="dark"
       panelBackground="solid"

packages/website/src/components/Footer.astro

@@ -8,7 +8,7 @@ const gameDefinitions = await fetchGameDefinitions();
 
 <style>
   .footer {
-    backgroundcolor: var(--color-panel);
+    background-color: var(--color-panel);
   }
 </style>
 

packages/website/src/components/InlineSkeleton.tsx

@@ -1,11 +0,0 @@
-import { Skeleton, type SkeletonProps } from '@radix-ui/themes';
-
-export function InlineSkeleton({ style, ...props }: SkeletonProps) {
-  return (
-    <Skeleton
-      height="1em"
-      style={{ display: 'inline-block', ...style }}
-      {...props}
-    />
-  );
-}

packages/website/src/components/InlineSkeleton/index.css

@@ -0,0 +1,3 @@
+.inline-skeleton {
+  display: inline-block;
+}

packages/website/src/components/InlineSkeleton/index.tsx

@@ -0,0 +1,12 @@
+import { Skeleton, type SkeletonProps } from '@radix-ui/themes';
+import './index.css';
+
+export function InlineSkeleton({ className, ...props }: SkeletonProps) {
+  return (
+    <Skeleton
+      className={`inline-skeleton ${className}`}
+      height="1em"
+      {...props}
+    />
+  );
+}