検索

-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クラスの挙動について、別ページで確認できますのでぜひご覧ください。

大きい画面で見る

© Lism CSS. All rights reserved.