l-document
ドキュメント全体を包括する。
ユーティリティクラスの重要度を上げるためのid="#document"
はこの包括ブロックに指定することを想定している。
ユーティリティクラス .u-expand
や、オフキャンバス等の画面全体に影響する演出の影響を受けないよう、幅を制限している。
.u-expand
を使用する予定がない場合や、他のライブラリ等と干渉する場合は、この要素は削除してもかまわない。
(contents)
<div id="document" class="l-document"> <div style="background-color: #ffd5d5; padding: 10px; text-align: center;">(contents)</div> </div>