css-modules-hf
v1.2.3
Published
Utility Style Modules
Downloads
199
Readme
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/[email protected]/dist/modules.css"
rel="stylesheet"
/>
modules-reset.css
<link
src="https://unpkg.com/[email protected]/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";