svelte demos in mdx

argyleink · Nov 26, 2023 · d6ce0a5 · d6ce0a5
1 parent efb41be
commit d6ce0a5
Show file tree

Hide file tree

Showing 8 changed files with 360 additions and 11 deletions.
diff --git a/css/index.css b/css/index.css
@@ -5,5 +5,6 @@
 @import 'z-index.css';
 @import 'borders.css';
 @import 'shadows.css';
+@import 'motion/easings.css';
 @import 'color/palette.oklch.css';
 @import 'color/gradients.css';
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -1,20 +1,23 @@
 import { defineConfig } from 'astro/config'
+import svelte from '@astrojs/svelte'
 import starlight from '@astrojs/starlight'
 import sidebar from './src/sidebar'
 
 // https://astro.build/config
 export default defineConfig({
 	integrations: [
+		svelte(),
 		starlight({
 			title: 'Open Props',
 			logo: {
 				src: './src/assets/op.png',
 			},
 			// site: 'https://open-props.style',
-			// customCss: [
-			// 	'../css/index.css',
-			// 	'./src/styles/starlight.overrides.css',
-			// ],
+			customCss: [
+				'../css/index.css',
+				'./src/styles/demo-animations.css',
+				// './src/styles/starlight.overrides.css',
+			],
 			social: {
 				github: 'https://github.com/argyleink/open-props',
 				discord: 'https://discord.gg/AqA4fU886r',

diff --git a/docs/package-lock.json b/docs/package-lock.json
diff --git a/docs/package.json b/docs/package.json
@@ -12,8 +12,9 @@
   "dependencies": {
     "@astrojs/check": "^0.3.1",
     "@astrojs/starlight": "^0.13.0",
+    "@astrojs/svelte": "^4.0.4",
     "astro": "^3.2.3",
     "sharp": "^0.32.5",
     "typescript": "^5.3.2"
   }
-}
+}