ਦਿੱਖ

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