fix: use trunk built-in tailwind config (#9)

wiseaidev · web-flow · commit 1af8dcbb6fd8 · 2025-05-12T19:29:32.000+03:00
diff --git a/examples/yew/README.md b/examples/yew/README.md
@@ -78,7 +78,4 @@
    trunk serve --port 3000
    ```
 
-1. Uncomment this line:
-   https://github.com/opensass/sidebar/blob/7b63aedd42f9e317d9c3a8c41c2512bf74b9b4ea/examples/yew/index.html#L5
-
 Navigate to http://localhost:3000 to explore all available components.
diff --git a/examples/yew/Trunk.toml b/examples/yew/Trunk.toml
@@ -1,4 +1,2 @@
-[[hooks]]
-stage = "post_build"
-command = "sh"
-command_arguments = ["-c", "npx tailwindcss@v3 -i ./css/tailwind.css -o ./dist/.stage/index.css"]
+[tools]
+tailwindcss = "3.4.17"
diff --git a/examples/yew/index.html b/examples/yew/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <!-- <link data-trunk rel="css" href="./dist/index.css" type="text/css" /> -->
+    <link data-trunk rel="tailwind-css" href="src/tailwind.css"/>
     <title>Sidebar Yew Example</title>
     <link data-trunk rel="copy-dir" href="assets" />
     <link data-trunk rel="rust"/>
diff --git a/examples/yew/src/tailwind.css b/examples/yew/src/tailwind.css
diff --git a/examples/yew/tailwind.config.js b/examples/yew/tailwind.config.js
@@ -4,39 +4,7 @@ module.exports = {
     "./index.html",
     "./src/**/*.{rs,html}"
   ],
-  theme: {
-    extend: {
-      colors: {
-        'ct-dark-600': '#222',
-        'ct-dark-200': '#e5e7eb',
-        'ct-dark-100': '#f5f6f7',
-        'ct-blue-600': '#2363eb',
-        'ct-yellow-600': '#f9d13e',
-        'ct-red-500': '#ef4444',
-      },
-      fontFamily: {
-        sans: ['Roboto', 'sans-serif'],
-        serif: ['Roboto', 'serif'],
-      },
-      container: {
-        center: true,
-        padding: '1rem',
-        screens: {
-          sm: '480px',
-          md: '768px',
-          lg: '976px',
-          xl: '1440px',
-        },
-        spacing: {
-          '128': '32rem',
-          '144': '36rem',
-        },
-        borderRadius: {
-          '4xl': '2rem',
-        }
-      },
-    },
-  },
+  theme: {},
   plugins: [],
 }
 
