الرؤية (Visibility)
تحكم في رؤية العناصر، دون تعديل الـ display الخاص بها، باستخدام أدوات الرؤية (visibility utilities).
قم بتعيين الـ visibility للعناصر باستخدام أدوات الرؤية الخاصة بنا. هذه الفئات (classes) المساعدة لا تعدل قيمة الـ display على الإطلاق ولا تؤثر على التخطيط – العناصر .invisible لا تزال تشغل مساحة في الصفحة.
العناصر التي تحتوي على الفئة .invisible سيتم إخفاؤها كلياً بصرياً ولمستخدمي التقنيات المساعدة/قارئات الشاشة.
قم بتطبيق .visible أو .invisible حسب الحاجة.
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
الـ (CSS)
الـ Sass utilities API
يتم التصريح عن أدوات الرؤية (Visibility utilities) في الـ utilities API الخاصة بنا في scss/_utilities.scss. تعلم كيفية استخدام الـ utilities API.
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
),