adding tailwind

hackclub · Oct 16, 2023 · a8ab5e3 · a8ab5e3
1 parent bbd7045
commit a8ab5e3
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/astro/astro.config.mjs b/astro/astro.config.mjs
@@ -1,8 +1,10 @@
 import { defineConfig } from 'astro/config';
 import preact from '@astrojs/preact';
 
+import tailwind from "@astrojs/tailwind";
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://blot.hackclub.com',
-  integrations: [preact()]
+  integrations: [preact(), tailwind()]
 });
diff --git a/astro/package.json b/astro/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "@astrojs/check": "^0.2.0",
     "@astrojs/preact": "^3.0.0",
+    "@astrojs/tailwind": "^5.0.2",
     "@astrojs/ts-plugin": "^1.1.3",
     "@astrojs/vercel": "^3.6.0",
     "@codemirror/commands": "^6.2.4",
@@ -35,6 +36,7 @@
     "marked": "^7.0.4",
     "preact": "^10.6.5",
     "source-map-js": "^1.0.2",
+    "tailwindcss": "^3.0.24",
     "three": "^0.155.0"
   },
   "devDependencies": {

diff --git a/astro/src/css/global.css b/astro/src/css/global.css
@@ -76,6 +76,9 @@ code {
 
 /* UTILITY CSS */
 
+.hidden {
+  display: none;
+}
 
 .col {
   display: flex;

diff --git a/astro/tailwind.config.mjs b/astro/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+}