https://github.com/taiseen/learning-tailwind
https://github.com/taiseen/learning-tailwind
click-filter darkmode mobile-menu modal modal-dialogs modals react tailwind toggle-switch
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/taiseen/learning-tailwind
- Owner: taiseen
- Created: 2022-03-12T20:01:27.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-15T11:02:35.000Z (over 3 years ago)
- Last Synced: 2025-01-12T18:51:15.930Z (about 1 year ago)
- Topics: click-filter, darkmode, mobile-menu, modal, modal-dialogs, modals, react, tailwind, toggle-switch
- Language: CSS
- Homepage: https://taiseen.github.io/learning-tailwind
- Size: 15.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
11-Mar-2022
## TailwindCSS CLI installation process step by step...
## HTML + CSS + JS base environment...
1. npm init -y
2. npm i -D tailwindcss
3. npx tailwindcss init
4. create + linking ==> html + css + js files
5. create ==> .vscode/settings.json file &
```
{
"css.validate": false,
"tailwindCSS.emmetCompletions": true
}
```
6. inside package.json file, write build cmd
```
"scripts": {
"build": "tailwindcss -i ./src/tailwind.css -o ./assets/css/style.css -w"
}
```
7. must add `'./**/*.html'` inside tailwind.config.js > content:[ ]
+ otherwise tailwind don't work properly
8. npm run build
