https://github.com/manusoft/blazor-tailwind-v4
https://github.com/manusoft/blazor-tailwind-v4
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/manusoft/blazor-tailwind-v4
- Owner: manusoft
- License: mit
- Created: 2025-03-26T07:56:21.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-26T07:57:24.000Z (about 1 year ago)
- Last Synced: 2025-03-26T08:35:20.393Z (about 1 year ago)
- Language: CSS
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Tailwind CSS v4 + Blazor
### Install Tailwind CSS
1. Install ```tailwindcss``` and ```@tailwindcss/cli``` via ```npm```.
```shell
npm install tailwindcss @tailwindcss/cli
```
### Import Tailwind in your CSS
2. Create a ```input.css``` file inside a ```Style``` folder of your project.
```css
@import "tailwindcss";
```
### Start the Tailwind CLI build process
3. Run the CLI tool to scan your source files for classes and build your CSS.
```shell
npx @tailwindcss/cli -i ./styles/input.css -o ./wwwroot/tailwind.css --watch
```
### Start using Tailwind in your HTML
4. Add your compiled CSS file to the and start using Tailwind’s utility classes to style your content.
```html
Hello world!
```