Workflow / Styling

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces without leaving your HTML.

01.

Core Installation

Install the core engine and post-processing tools as dev dependencies.

$npm install -D tailwindcss postcss autoprefixer
02.

Initialize Config

Generates tailwind.config.ts and postcss.config.js for deep customization.

$npx tailwindcss init -p

tailwind.config.ts

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        'stealth': '#0a0a0a',
      }
    },
  },
  plugins: [],
}

Ready for Production