ദൃശ്യപരത

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