दृश्यता

तत्त्वानां दृश्यतां नियन्त्रयन्तु, तेषां प्रदर्शनं परिवर्तयित्वा, दृश्यता-उपयोगितायाः सह ।

visibilityअस्माकं दृश्यता उपयोगिताभिः सह the of elements सेट् कुर्वन्तु । एते उपयोगितावर्गाः displayमूल्यं सर्वथा न परिवर्तयन्ति तथा च विन्यासं न प्रभावितयन्ति – .invisibleतत्त्वानि अद्यापि पृष्ठे स्थानं गृह्णन्ति ।

.invisibleवर्गेण सह तत्त्वानि दृग्गतरूपेण अपि च सहायकप्रौद्योगिकी/स्क्रीन् रीडर उपयोक्तृणां कृते गोपनीयानि भविष्यन्ति।

आवश्यकतानुसारं .visibleवा प्रयोजयन्तु ।.invisible

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

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

सस्स

उपयोगिता एपिआइ

दृश्यता उपयोगिता अस्माकं उपयोगिता API मध्ये घोषितं भवति scss/_utilities.scss. utilities API इत्यस्य उपयोगं कथं करणीयम् इति ज्ञातव्यम् ।

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