רְאוּת

שלוט בנראות של אלמנטים, מבלי לשנות את התצוגה שלהם, עם כלי עזר לנראות.

הגדר את visibilityהאלמנטים עם כלי העזר שלנו לנראות. מחלקות שירות אלו אינן משנות כלל את displayהערך ואינן משפיעות על הפריסה - .invisibleאלמנטים עדיין תופסים מקום בעמוד.

אלמנטים עם .invisibleהכיתה יוסתרו הן מבחינה ויזואלית והן עבור משתמשי טכנולוגיה מסייעת/קורא מסך.

החל .visibleאו .invisibleלפי הצורך.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

סאס

API של Utilities

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

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )