風下のない風

あなたはライブラリ自体を使用せずに風車CSSのすべての利点を使用することができます知っていましたか?
Tarwindは、デザインシステムです.そして、どんなデザインシステムのようにも、それはデザイントークンを持っています.デザイントークンは、色、間隔、境界サイズなどのすべてのハードコードされた値です.
これらのすべてのデザイントークンは、通常のCSS変数として抽出できます.

border-radius: var(--rounded-lg);
background-color: var(--white);
padding: var(--s8);
width: var(--s60);
box-shadow: var(--shadow-lg);
text-align: center;

Coop変数としてTailwindからすべての主要なデザイントークンを含むgistをチェックしてください.
また、codesandboxでのアクションで見ることができます.
👉 Original post