CSS ユーティリティ

packages/css-utilities には、apps/website から再利用されるユーティリティクラスをまとめています。

利用例

@import "@packages/css-utilities";

.example {
  /* ユーティリティクラスを通常のセレクタとして合成 */
  @apply ui:button;
}

主要トークン

トークン名	用途
--button-bg-color	ボタンの背景色
--button-text-color	ボタンのテキストカラー
--button-border-color	ボタンのボーダー色

各コンポーネントの詳細はコンポーネント一覧を参照してください。