https://github.com/vexcited/iut-r1.02
https://github.com/vexcited/iut-r1.02
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/vexcited/iut-r1.02
- Owner: Vexcited
- Created: 2024-02-01T07:32:40.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-01T09:05:00.000Z (about 1 year ago)
- Last Synced: 2025-01-13T05:43:41.737Z (4 months ago)
- Language: HTML
- Homepage:
- Size: 2.74 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# R1.02
>
## CLI for TailwindCSS
### Installation
```bash
# on windows
npm install -g tailwindcss
# on linux
sudo npm install -g tailwindcss
```
### Configuration
Create a `tailwind.config.js` file in the root directory of the web project. This file will be used to configure TailwindCSS. The following is an example of a `tailwind.config.js` file.
```javascript
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./index.html"],
// Whenever we need responsive.
theme: {
screens: {
tablet: '700px', // Usage with "tablet:" prefix.
desktop: "1000px" // Usage with "desktop:" prefix.
}
},
// No need to configure the following.
plugins: []
}
```
### Usage
Inside the `index.html` page, you should have...
```html
```
In the `input.css` file, you should have...
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```
Then finally, you can run the following command to generate the `output.css` file. Use `--watch` to automatically update the `output.css` file when you save the `input.css` or `index.html` file.
```bash
tailwindcss -i ./input.css -o ./output.css --watch
```