CSS ライブラリ ガイド
モジュール化したCSSの使用方法
CSSをモジュール化してパーツごとにCSSを書かずにクラス付与だけでデザインできるようにしています。
HTMLの構造や既存の案件にとらわれず使用できるようにしているので見慣れないマークアップだと思いますが、他のコーダーが見ても理解できるようには心がけています。
最低限の設計にしているので、必要なパターンは適宜追加してください。
-
Ratio
比率の指定に使用するCSS
-
Margin
マージンの指定に使用するCSS
-
Typography
タイポグラフィに使用するCSS
-
Text
テキストレイアウト用のCSS
-
Button
ボタンデザインで使用するCSS
-
Image
画像に使用するCSS
-
Effect
エフェクト用のCSS
-
Card
カード型のボックスに使用するCSS
-
Display
display設定用のCSS
-
Flex
Flex boxに使用するCSS
-
Grid
Grid Layoutに使用するCSS
-
Overflow
Overflowに使用するCSS
-
Hover
Hoverに使用するCSS
-
Breadcrumbs
パンくずリストのデザインモジュール。
-
Callout
お知らせ表示用のCSS
-
Blockquote
引用表示用のCSS
-
Table
Tableを使用したデザインモジュール。
-
Table Fit
横線や内容幅合わせが可能なTable。
-
List
記号やナンバリングがついたリスト。
-
List Title
タイトルのインデントを付けたリスト。