سرریز

از این ابزارهای مختصر برای پیکربندی سریع نحوه سرریز شدن محتوا از یک عنصر استفاده کنید.

overflowویژگی را در پرواز با چهار مقدار و کلاس پیش فرض تنظیم کنید . این کلاس ها به طور پیش فرض پاسخگو نیستند.

این نمونه ای از استفاده .overflow-autoبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است. با طراحی، این محتوا به صورت عمودی اسکرول می شود.

این نمونه ای از استفاده .overflow-hiddenبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است.

این نمونه ای از استفاده .overflow-visibleبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است.

این نمونه ای از استفاده .overflow-scrollبر روی یک عنصر با ابعاد عرض و ارتفاع تنظیم شده است.

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

با استفاده از متغیرهای Sass، می‌توانید ابزارهای سرریز را با تغییر $overflowsمتغیر در سفارشی کنید _variables.scss.

ساس

Utilities API

ابزارهای سرریز در API ابزارهای ما در اعلان شده اند scss/_utilities.scss. با نحوه استفاده از Utilities API آشنا شوید.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),