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
हाम्रो उपयोगिताहरू API मा दृश्यता उपयोगिताहरू घोषणा गरिएको छ scss/_utilities.scss
। उपयोगिता API कसरी प्रयोग गर्ने जान्नुहोस्।
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)