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;
}
ساس
Utilities API
ابزارهای دید در API ابزارهای ما در اعلان شده اند scss/_utilities.scss
. با نحوه استفاده از Utilities API آشنا شوید.
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)