Hides element. It's really hidden, look into inspector.
.hidden I am hidden<div class="hidden">I am hidden</div>Hides element on certain viewport conditions.
.hidden__from--landscape I am hidden from landscape phone screen size.hidden__upto--tablet I am hidden up to portrait tablet screen size.hidden__from--desktop I am hidden from landscape tablet/minimal desktop screen size.hidden__until--laptop I am hidden until generic laptop screen size.hidden__between--big-large I am hidden from 19.5"+ monitors until FullHD screen size.hidden__until--huge I am hidden until 2k monitors screen size
<div class="hidden__from--landscape">I am hidden from landscape phone screen size</div><div class="hidden__upto--tablet">I am hidden up to portrait tablet screen size</div><div class="hidden__from--desktop">I am hidden from landscape tablet/minimal desktop screen size</div><div class="hidden__until--laptop">I am hidden until generic laptop screen size</div><div class="hidden__between--big-large">I am hidden from 19.5"+ monitors until FullHD screen size</div><div class="hidden__until--huge">I am hidden until 2k monitors screen size</div>
Doesn't force display: block on inline elements.
span I am visible ancestor,strong.hidden__from--laptop and I am hidden from laptop descendant inline element,| hurray!
<span>I am visible ancestor,<strong class="hidden__from--laptop">and I am hidden from laptop descendant inline element,</strong>hurray!</span>