Skip to content

A central hub for configuring UI with Tailwind CSS and PostCSS

License

Notifications You must be signed in to change notification settings

finale-lua/ui-config

 
 

Repository files navigation

UI Config

Installation

This configuration relies on TailwindCSS 2.1. So to install, you'll also need to install TailwindCSS and its dependencies.

npm install @nick-mazuk/ui-config tailwindcss postcss autoprefixer

Then, just add the config to your tailwind.config.js, postcss.config.js, and your global css stylesheet.

Tailwind config

Create a tailwind.config.js file if you haven't already. Then add @nick-mazuk/ui-config as a preset.

module.exports = {
    presets: [require('@nick-mazuk/ui-config')],
}

Postcss config

Create a postcss.config.js file if you haven't already.

module.exports = {
    plugins: [
        'tailwindcss',
        'autoprefixer',
    ],
}

Add stylesheet

Just import the CSS stylesheets.

import '@nick-mazuk/ui-config/lib/colors.css'
import '@nick-mazuk/ui-config/lib/styles.css'

About

A central hub for configuring UI with Tailwind CSS and PostCSS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 86.6%
  • CSS 13.4%