オーバーフロー

これらの簡易ユーティリティを使用して、コンテンツが要素からオーバーフローする方法をすばやく構成します。

ベアボーンoverflow機能はデフォルトで 2 つの値に提供されており、応答しません。

.overflow-autoこれは、幅と高さの寸法が設定された要素で使用する例です。設計上、このコンテンツは垂直方向にスクロールします。

.overflow-hiddenこれは、幅と高さの寸法が設定された要素で使用する例です。

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>

$overflowsSass 変数を使用すると、の変数を変更してオーバーフローユーティリティをカスタマイズできます_variables.scss。