ꯌꯦꯡꯕꯥ ꯌꯥꯕꯥ꯫

ꯚꯤꯖꯤꯕꯤꯂꯤꯇꯤ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯗꯤꯁꯞꯂꯦ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯗꯅꯥ, ꯚꯤꯖꯤꯕꯤꯂꯤꯇꯤ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯕꯥ꯫

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);
}