fix(tailwindcss): now working, need everyone to npm i again

This commit is contained in:
JK-le-dev 2025-10-18 14:29:47 -05:00
commit 57560e7a21
7 changed files with 714 additions and 45 deletions

View file

@ -1,33 +1,9 @@
import { useState } from "react";
import reactLogo from "./assets/react.svg";
import viteLogo from "/vite.svg";
import "./App.css";
function App() {
const [count, setCount] = useState(0);
return (
<>
<div>
<a href="https://vite.dev" target="_blank">
<img src={viteLogo} className="logo" alt="Vite logo" />
</a>
<a href="https://react.dev" target="_blank">
<img src={reactLogo} className="logo react" alt="React logo" />
</a>
</div>
<h1>Vite + React</h1>
<div className="card">
<button onClick={() => setCount((count) => count + 1)}>
count is {count}
</button>
<p>
Edit <code>src/App.jsx</code> and save to test HMR
</p>
</div>
<p className="read-the-docs">
Click on the Vite and React logos to learn more
</p>
<p className="text-xl text-primary">heyo</p>
</>
);
}

View file

@ -1,24 +1,10 @@
@import "./styles/theme.css" layer(theme);
@import "tailwindcss";
@layer theme, components;
@tailwind base;
@tailwind components;
@tailwind utilities;
.light {
--paragraph: 16, 17, 20;
--background: 229, 230, 240;
--primary: 41, 49, 97;
--secondary: 122, 137, 220;
--accent: 32, 55, 203;
background: rgba(var(--background));
}
.dark {
--paragraph: 235, 236, 239;
--background: 15, 16, 26;
--primary: 158, 166, 214;
--secondary: 35, 50, 133;
--accent: 52, 75, 223;
background: rgba(var(--background));
}
body {
margin: 0;
font-family:
@ -26,4 +12,5 @@ body {
"Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: rgba(var(--background));
}

7
src/styles/theme.css Normal file
View file

@ -0,0 +1,7 @@
@theme {
--paragraph: 255, 255, 255;
--background: 9, 31, 54;
--primary: 15, 40, 98;
--secondary: 79, 95, 118;
--accent: 158, 54, 58;
}