Try importing CSS (not working)

simonihmig · Dec 21, 2024 · cd4d1e7 · cd4d1e7
1 parent a82ee1e
commit cd4d1e7
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/packages/solid/package.json b/packages/solid/package.json
@@ -32,7 +32,7 @@
   },
   "typesVersions": {},
   "scripts": {
-    "dev": "vite serve dev",
+    "start": "tsup --watch",
     "build": "tsup",
     "test": "concurrently 'pnpm:test:*(!watch)'",
     "test:client": "vitest",

diff --git a/packages/solid/src/responsive-image.css b/packages/solid/src/responsive-image.css
@@ -0,0 +1,13 @@
+.ri-responsive {
+  width: 100%;
+  height: auto;
+}
+
+.ri-fixed,
+.ri-responsive {
+  content-visibility: auto;
+}
+
+.ri-lqip-inline {
+  background-size: cover;
+}
diff --git a/packages/solid/src/responsive-image.tsx b/packages/solid/src/responsive-image.tsx
@@ -14,6 +14,8 @@ import {
 } from 'solid-js';
 import { isServer } from 'solid-js/web';
 
+import './responsive-image.css';
+
 export interface ResponsiveImageArgs {
   src: ImageData;
   size?: number;