הצפה

השתמש בכלי השירות הקצרניים האלה להגדרה מהירה של האופן שבו התוכן מציף אלמנט.

התאם את 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.

סאס

API של Utilities

כלי עזר לגלישה מוצהרים ב-API של השירותים שלנו ב- scss/_utilities.scss. למד כיצד להשתמש בממשק ה-API של השירותים.

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