https://github.com/tdiprima/tailwind-solid-test
Testing Tailwind CSS and solid.js
https://github.com/tdiprima/tailwind-solid-test
solidjs tailwindcss
Last synced: 5 months ago
JSON representation
Testing Tailwind CSS and solid.js
- Host: GitHub
- URL: https://github.com/tdiprima/tailwind-solid-test
- Owner: tdiprima
- License: mit
- Created: 2024-05-08T18:30:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-03T15:57:46.000Z (8 months ago)
- Last Synced: 2025-02-17T16:35:04.475Z (8 months ago)
- Topics: solidjs, tailwindcss
- Language: CSS
- Homepage:
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
```sh
npm create vite@latest
Need to install the following packages:
create-vite@5.2.3
Ok to proceed? (y) y
✔ Project name: ... tailwind-solid-test
✔ Select a framework: › Solid
✔ Select a variant: › JavaScript
Scaffolding project in tailwind-solid-test...
Done. Now run:
cd tailwind-solid-test
npm install
npm run dev
```
http://localhost:5173/
[Get started with Tailwind CSS](https://tailwindcss.com/docs/installation/using-postcss)
```sh
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init
```
Add Tailwind to your PostCSS configuration
Configure your template paths
Replace index.css with
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```
Go to App.jsx
Remove everything from return and put
```html
Hello Solid!
```
### Licensing Notice
This project may include third-party open-source code, which remains subject to its original licenses.
Attribution is provided in the source code where applicable.
If you believe there is an issue with licensing, please **open an issue** or **contact the repository owner** for resolution.