-max-sz
Lismには、コンテンツサイズ用のトークンとして--sz--{sz}({sz} = xs, s, m, l, xl)が用意されており、それぞれに対応する-max-szクラスが用意されています。(-max-sz:{xs~xl})
このページでは、それ以外の特殊なクラスについて紹介します。
-max-sz:full, -max-sz:container
さらに、以下のような特徴的なクラスがありますのでそれらを紹介しておきます。
| クラス名 | 説明 |
|---|---|
-max-sz:full | .set--gutterの直下であれば、100%サイズにその余白を追加して、親要素のサイズいっぱいに広がります。 |
-max-sz:container | コンテナ要素を基準としたサイズまで広がります。.is--containerクラスごとに、値が更新されます。 |
DEMOページ
これらの-max-szクラスの挙動について、別ページで確認できますのでぜひご覧ください。
大きい画面で見る