ಗೋಚರತೆ

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,
      )
    )