تجاوز

استخدم أدوات الاختزال هذه لتكوين سريع لكيفية تجاوز المحتوى لأحد العناصر.

اضبط 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.

ساس

واجهة برمجة تطبيقات المرافق

يتم الإعلان عن أدوات تجاوز السعة في واجهة برمجة تطبيقات المرافق الخاصة بنا بتنسيق scss/_utilities.scss. تعرف على كيفية استخدام واجهة برمجة تطبيقات المرافق.

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