@kellerkinder/tailwind-config

Kellerkinder TailwindCSS Config

This package provides the Kellerkinder TailwindCSS configuration.

Requirements

This config has been developed and tested with the following requirements:

• NodeJS >= 12
• TailwindCSS >= 3.0.0
• PostCSS >= 8.0.0
• Autoprefixer >= 10.0.0

Installation

In order to install this configuration, run the following scripts in your NodeJS project:

$ npm i tailwindcss postcss autoprefixer @kellerkinder/tailwind-config

Usage

In order to use this configuration, you can implement it as a preset in your tailwind.config.js:

// tailwind.config.js
const createK10rPreset = require('@kellerkinder/tailwind-config');

module.exports = {
    presets: [
        createK10rPreset(),
    ],
    // ... rest of your config
};

Features

This preset offers the following features.

Tailwind Forms

The plugins @tailwindcss/forms is included in this configuration to provide out-of-the-box support for TailwindUI.

Corporate Identity Colors

The Kellerkinder corporate identity colors are provided.

Primary color: #171c21

• Shades
  • gray-100
  • gray-80
  • gray-60
  • gray-40
  • gray-20
• Aliases
  • primary

Secondary color: #f56600

• Shades
  • orange-100
  • orange-80
  • orange-60
  • orange-40
  • orange-20
• Aliases
  • secondary
  • accent

Changelog

This project adheres to Semantic Versioning. Please refer to the CHANGELOG.md for detailed changes and migration instructions.

License

MIT

Changelog

[2.0.0] - 2021-12-13

Changed

• Configuration now requires Tailwind 3.x to be installed

Removed

• Plugin for empty variants, since they are included with Tailwind 3