Mu-selim / TailwindCSS

Tailwind work

Tailwind CSS - code snippet

Tailwind CSS is an open source CSS framework. The main feature of this library is that, unlike other CSS frameworks like Bootstrap, it does not provide a series of predefined classes for elements such as buttons or tables. Instead, it creates a list of "utility" CSS classes that can be used to style each element by mixing and matching.

Documentation and Licence

• Important forking notes.
• Installation & Set Up.
• Directory Structure.

🚨 Forking this repo (please read!)

if you are asking to use my code for your application, my answer to that question is usually yes, with attribution.

I am keeping my code open source, but as you all know, plagiarism is bad. it is a bad thing to find your code in anothor project without giving me credit. so All I ask of you all is to not claim this effort as your own.

Finally, you can fork this repo and give me credit Muhammad Selim.

🛠 Installation & Set Up

1. Install Node.js.
2. Initialize package.json

   npm init

3. Install Tailwind CSS

   npm install -D tailwindcss
   npx tailwindcss init

4. Configure your template paths

   /** @type {import('tailwindcss').Config} */
   module.exports = {
   content: ["./src/**/*.{html,js}"],
   theme: {
     extend: {},
   },
   plugins: [],
   }

5. Start the Tailwind CLI build process

   npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

Directory Structure

Component
|--- node_modules
|--- style
|--- |--- input.css
|--- |--- output.css
|--- index.html
|--- main.js
|--- package.json
|--- tailwind.config.js
|--- README.md