css-modules-hf v1.2.3

Utility Style Modules v1.2.3

tailwind css v3.4.1をベースとしたユーティリティクラス集。defaultConfig をカスタムしています。

使い方

Nodeのバージョン

>=18.x（18系以上）

モジュール

CSS リセットを含むかどうかで2つファイルがありますので、お好きな方を利用してください。

• modules.css
• modules-reset.css (リセット CSS を含む)

1. CDNで使う

modules.css

<link
  src="https://unpkg.com/css-modules-hf@1.2.3/dist/modules.css"
  rel="stylesheet"
/>

modules-reset.css

<link
  src="https://unpkg.com/css-modules-hf@1.2.3/dist/modules-reset.css"
  rel="stylesheet"
/>

2. npmから使う

$ yarn add css-modules-hf

CSSでimport

modules.css

@import "./node_modules/css-modules-hf/dist/modules.css";

modules-reset.css

@import "./node_modules/css-modules-hf/dist/modules-reset.css";

JSでimport

modules.css

import "css-modules-hf/dist/modules.css";

modules-reset.css

import "css-modules-hf/dist/modules-reset.css";