文章 / 補足の説明
Callout
前提条件や注意点、結果の解釈に必要な但し書きを、読む流れの中に置きます。
基本的な使い方
HTML
<aside class="callout tone-warn">
<p class="callout-title">解析範囲</p>
<p>動的に組み立てられたSQLは、部分的にしか解決できない場合があります。</p>
</aside>クラスと属性
| クラス / 属性 | 用途 |
|---|---|
.callout | 注釈の領域。 |
.callout-title / p | 短い見出しと説明。 |
.tone-warn / .tone-danger / .tone-ok | 内容の意味に沿って選ぶ状態の色。 |
使い方の注意
重要な条件は、その条件が関わる主張のそばに置きます。すべてを警告にすると、本当に重要な警告を見つけにくくなります。
作例はシステムの配色設定に従います。ヘッダーの◐で自動・ライト・ダークを試せます。