https://github.com/rosyid-grobogan/homepage-tailwind

Belajar Web Design Menggunakan Tailwind CSS
https://github.com/rosyid-grobogan/homepage-tailwind

tailwind tailwindcss

Last synced: 24 days ago
JSON representation

Belajar Web Design Menggunakan Tailwind CSS

• Host: GitHub
• URL: https://github.com/rosyid-grobogan/homepage-tailwind
• Owner: rosyid-grobogan
• Created: 2020-08-12T22:55:46.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-08-13T10:47:33.000Z (over 4 years ago)
• Last Synced: 2024-11-09T16:19:57.353Z (3 months ago)
• Topics: tailwind, tailwindcss
• Language: CSS
• Homepage: https://rosyid-grobogan.github.io/homepage-tailwind/dist/
• Size: 245 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Belajar Design Menggunakan Tailwind

- [Tailwind CSS](https://tailwindcss.com/)

![Home](dist/images/home.png)

## Gettng Started

Persiapan NPM

```

npm init

```

Install Modules yang dibutuhkan

```

npm install

```

Build project

```

npm run build:css

```

watch -nodemon

```

npm run serve

```

> NB: saya sudah menginstal nodemon secara global di komputer saya

> [install nodemon](https://www.npmjs.com/package/nodemon)

> npm install -g nodemon

## Belajar

- Membuat Button

- Custom Button

- Grid System

- Menjalankan Custom Script di NPM

## Logs

```

npx tailwindcss init

```

Created Tailwind config file: tailwind.config.js

## Membuat Konfigurasi Sendiri

Prefix rg-

```

module.exports = {

  prefix: "rg-",

  ..

```

jadi agar setiap kode harus diawali `rg-` misal: `rg-container`.