Tailwind Theme Plugin

@digital-go-jp/design-tokens をベースにした Tailwind CSS のテーマプラグイン。

インストール

npm install @digital-go-jp/tailwind-theme-plugin

tailwind.config.js の plugins 部分を以下のように設定してください。

{
  content: [...],
  theme: {
    extend: {
      ...
    },
  },
  plugins: [require('@digital-go-jp/tailwind-theme-plugin')],
}

Tailwind CSS の設定をしている CSS ファイルで以下のように設定してください。

@import 'tailwindcss';
@import '@digital-go-jp/tailwind-theme-plugin/v4';