-max-sz:xl-max-sz:l-max-sz:m-max-sz:s-max-sz:xs-max-sz:full-max-sz:full は、基本的には 100% ですが、親が has--gutter を持っていても全幅に広がります。
is--wrapperhas--gutterLorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint.
-max-sz:fullLorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint.
div↓親要素（ここではdiv）を飛び越えることはありません。
-max-sz:full-max-sz:bleed @property
が有効なブラウザでは、最外側の is--container の幅（100cqi）まで広がります。
また、最外側のコンテナにhas--gutterがある場合はその分を加算します。
フルブリードレイアウトなど、本文幅やネストされた container を突き抜けてページ幅まで広げたいコンテンツに活用できます。is--container が祖先に存在しない場合は、ビューポート幅（100svi）まで広がる fallback として動作します。
is--wrapperis--containerhas--gutterLorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint.
-max-sz:full-max-sz:bleeddiv-max-sz:full-max-sz:bleedis--container（ネスト）-max-sz:full-max-sz:bleedLorem ipsum dolor sit amet. Consectetur adipiscing elit, sed do eiusmod tempor Incididunt ut. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint.