Digimine-tailwind-config NPM

Tailwind MFA Config

A shared Tailwind v4 configuration package for micro-frontend applications.

Installation

npm install --save digimine-tailwind-config
# or
yarn add digimine-tailwind-config

Usage

Basic Usage

In your MFA's tailwind.config.js file:

const createConfig = require('digimine-tailwind-config');

module.exports = createConfig({
  // Your MFA-specific overrides
  content: [
    // Add MFA-specific content paths
    './src/specific-path/**/*.{js,jsx,ts,tsx}',
  ],
  theme: {
    extend: {
      // Override or extend theme for this specific MFA
    }
  }
});

Using the Shared CSS

In your MFA's main CSS file:

/* Import the shared styles */
@import 'digimine-tailwind-config/styles/index.css';

/* Add MFA-specific styles */
@layer components {
  .mfa-specific-component {
    @apply ...;
  }
}

Customization

You can override any part of the configuration by passing an object to the createConfig function. Your overrides will be deeply merged with the base configuration.

Example with Custom Colors

module.exports = createConfig({
  theme: {
    extend: {
      colors: {
        primary: {
          500: '#FF0000', // Override primary-500 with red
        },
        // Add MFA-specific colors
        tertiary: '#00FF00',
      }
    }
  }
});