https://github.com/digital-go-jp/tailwind-theme-plugin

Tailwind CSS テーマプラグイン
https://github.com/digital-go-jp/tailwind-theme-plugin

npm tailwind-css tailwind-css-plugin

Last synced: 6 days ago
JSON representation

Tailwind CSS テーマプラグイン

• Host: GitHub
• URL: https://github.com/digital-go-jp/tailwind-theme-plugin
• Owner: digital-go-jp
• License: mit
• Created: 2023-05-03T12:40:17.000Z (over 1 year ago)
• Default Branch: develop
• Last Pushed: 2024-10-25T11:58:06.000Z (12 days ago)
• Last Synced: 2024-10-26T11:41:12.968Z (11 days ago)
• Topics: npm, tailwind-css, tailwind-css-plugin
• Language: TypeScript
• Homepage:
• Size: 454 KB
• Stars: 59
• Watchers: 5
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Tailwind Theme Plugin

[@digital-go-jp/design-tokens](https://www.npmjs.com/package/@digital-go-jp/design-tokens) をベースにした Tailwind CSS のテーマプラグイン。

[![npm version](https://badge.fury.io/js/@digital-go-jp%2Ftailwind-theme-plugin.svg)](https://badge.fury.io/js/@digital-go-jp%2Ftailwind-theme-plugin)

## インストール

```sh

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

```

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

```js

{

    content: [...],

    theme: {

       extend: {

           ...

       },

    },

    plugins: [require('@digital-go-jp/tailwind-theme-plugin')],

}

```

## 使用例

- [examples](./examples/) ディレクトリ

- [React サンプルコンポーネント集](https://github.com/digital-go-jp/design-system-example-components)

## バージョン対応表

| Figma のバージョン | パッケージのバージョン |

| ------------------ | ---------------- |

| 2.0.3              | 0.2.0            |

| 2.0.2              | 0.1.17           |

| 2.0.1              | 0.1.16           |

| 1.4.3              | 0.1.16           |