• HOMEhome
• 導入方法（制作中）help
• WEB Toolbuild

Common

基本設定や共通で使用するCSS

• root

  root設定

• base

  ベースになるCSS

• font

  フォント指定

• icon

  アイコン指定

• animation

  アニメーション指定

• ellipsis

  長さ超過時に「…」表示

• wbr

  改行制御

• link

  テキストリンク設定

• button

  ボタンデザイン

• card

  カード型ボックス

• center

  センタリング

• object-fit

  画像表示

• aspect-ratio

  比率指定

• shadow

  シャドウ指定

• hover

  hoverアニメーション指定

• scroll

  スクロール指定

• breadcrumbs

  パンくずリスト

• section

  セクション指定

• media query

  メディアクエリ

• ripple effect

  クリックエフェクト

• callout

  アラートデザイン

Module

デザインが入ったパーツ

• Blockquote

  引用表示用のCSS

• Table

  テーブルデザイン

• Table Fit

  横線や内容幅合わせが可能なテーブル

• List

  記号やナンバリングのリスト

• List Title

  タイトルのインデントを付けたリスト

Stylekit

classで設計するCSS（主にCSS設計が面倒なサイト用）

• Margin

  マージンの指定に使用するCSS

• Text

  テキストレイアウト用のCSS

• Text Decoration

  テキストに追加する線のCSS

• Outline

  borderじゃないoutlineのCSS

• Display

  display設定用のCSS

• Flex

  Flex boxに使用するCSS

• Grid

  Grid Layoutに使用するCSS

• Blend

  ブレンドモード指定に使用するCSS

• Mask

  マスクに使用するCSS

• Backdrop Filter

  要素裏の領域にフィルターをかけるCSS

• Indent

  インデントするCSS