layout-document

l-document

注意.l-document は、Version2.6.0で max-width, overflow の指定が削除されました。(position: sticky との干渉を防ぐため)

ドキュメント全体を包括する。
ユーティリティクラスの重要度を上げるためのid="#document"はこの包括ブロックに指定することを想定している。
ユーティリティクラス .u-expand や、オフキャンバス等の画面全体に影響する演出の影響を受けないよう、幅を制限している。(廃止)
この要素はスタイル指定を持たないため、他のライブラリ等と干渉する場合は、削除してもかまわない。

(contents)
<div id="document" class="l-document">
    <div style="background-color: #ffd5d5; padding: 10px; text-align: center;">(contents)</div>
</div>