in English
רְאוּת
שלוט בנראות של אלמנטים, מבלי לשנות את התצוגה שלהם, עם כלי עזר לנראות.
הגדר את 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,
)
)