Tailwindcss preset

An opiniated default configuration for Tailwind projects.

:warning: This preset itself extends Tailwind’s default configuration.

Features

• Override the default color palette to keep only black and white
• Replace Tailwind's default spacing scale with a more human-comprehensive one: One spacing unit equals 1px. It is that simple.
• Add common easing functions
• Disable Container plugin by default

Installation

1. Install the preset from npm

  npm install -D @makemepulse/tailwindcss-preset

2. Add it to your tailwind.config.js file under the presets key:

module.exports = {
  presets: [
    require('@makemepulse/tailwindcss-preset')
  ],
  // Customizations specific to this project would go here
  theme: {
    extend: {
      ...
    }
  },
}

Documentation

Learn more about presets in Tailwindcss.