Lism CSS
Docs
日本語
English
⌘K
Close
検索
メニューを開く
Close
CSS Docs
Lism UI
Patterns
Templates
はじめに
Lism CSSとは
インストール
CSSファイルの種類
AI Skills
MCPサーバー
Lism CSSの特徴
変更履歴
基本概念
CSS設計
命名規則
デザイントークン
カラートークン
タイポグラフィ
ハーフレディング
ベーススタイル
Set Class
Primitive Class
Trait Class
Utility Class
Property Class
-bd
-hov
-max-sz
レスポンシブ対応
Trait Class
is--container
is--wrapper
is--layer
is--boxLink
Layout Primitives
l--box
l--center
l--frame
l--flow
l--flex
l--cluster
l--stack
l--grid
l--tileGrid
l--columns
l--autoColumns
l--withSide
l--switchColumns
Atomic Primitives
a--decorator
a--divider
a--icon
a--spacer
コアコンポーネント
Lism
Lism Props
Text
Inline
Media
Group
Heading
Link
List & ListItem
カスタマイズ
カスタマイズの基本
lism.config.js
SCSS
CSS Purge
Layout Demos
デモ一覧
One Column
Two Columns
One Column with Full-bleed Title
Two Columns with Full-bleed Title
Hero Fullscreen
One Side Bleed
Fullwide Sections
404 Not Found
関連パッケージ
@lism-css/icons
CSS Docs
Lism UI
Patterns
Templates
はじめに
Lism CSSとは
インストール
CSSファイルの種類
AI Skills
MCPサーバー
Lism CSSの特徴
変更履歴
基本概念
CSS設計
命名規則
デザイントークン
カラートークン
タイポグラフィ
ハーフレディング
ベーススタイル
Set Class
Primitive Class
Trait Class
Utility Class
Property Class
-bd
-hov
-max-sz
レスポンシブ対応
Trait Class
is--container
is--wrapper
is--layer
is--boxLink
Layout Primitives
l--box
l--center
l--frame
l--flow
l--flex
l--cluster
l--stack
l--grid
l--tileGrid
l--columns
l--autoColumns
l--withSide
l--switchColumns
Atomic Primitives
a--decorator
a--divider
a--icon
a--spacer
コアコンポーネント
Lism
Lism Props
Text
Inline
Media
Group
Heading
Link
List & ListItem
カスタマイズ
カスタマイズの基本
lism.config.js
SCSS
CSS Purge
Layout Demos
デモ一覧
One Column
Two Columns
One Column with Full-bleed Title
Two Columns with Full-bleed Title
Hero Fullscreen
One Side Bleed
Fullwide Sections
404 Not Found
関連パッケージ
@lism-css/icons
Layout Demos
ページやセクションの骨格レベルのレイアウトデモ集。Lism CSS のレイアウトプリミティブを使った構造の組み方を紹介します。
Article
(4)
One Column
Two Columns
One Column with Full-bleed Title
Two Columns with Full-bleed Title
Sections
(3)
Hero Fullscreen
One Side Bleed
Fullwide Sections
Others
(1)
404 Not Found