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