दृश्यमानता

visibilityआमच्या दृश्यमानता उपयुक्ततेसह घटक सेट करा . हे उपयुक्तता वर्ग displayमूल्यात अजिबात बदल करत नाहीत आणि लेआउटवर परिणाम करत नाहीत - .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,
      )
    )