দৃশ্যমানতা

দৃশ্যমানতা ইউটিলিটি সহ উপাদানগুলির প্রদর্শন পরিবর্তন না করে দৃশ্যমানতা নিয়ন্ত্রণ করুন।

visibilityআমাদের দৃশ্যমানতা ইউটিলিটিগুলির সাথে উপাদানগুলির সেট করুন । এই ইউটিলিটি ক্লাসগুলি মোটেও displayমান পরিবর্তন করে না এবং লেআউটকে প্রভাবিত করে না - .invisibleউপাদানগুলি এখনও পৃষ্ঠায় স্থান নেয়। বিষয়বস্তু দৃশ্যত এবং সহায়ক প্রযুক্তি/স্ক্রিন রিডার ব্যবহারকারীদের জন্য উভয়ই লুকানো হবে।

আবেদন .visibleবা .invisibleপ্রয়োজন হিসাবে.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}