Hide Helpers

The element is completely hidden and does not take up space as before.


    <div class="container">
      <div class="hidden">Hidden element</div>
    </div>


    .element {
      @extend %hidden;
    }

The element is hidden but it will take up space as before.


    <div class="container">
      <div class="invisible">Hidden element</div>
    </div>


    .element {
      @extend %invisible;
    }