Utilities
Dozens of utility classes with a single purpose designed to reduce the frequency of highly repetitive declarations in your CSS while allowing for quick and easy development.
Visibility
Toggle only the visibility
of an element, meaning its display
is not modified and the element can hide content from most users, and still affect the flow of the document.
Use .invisible
and .visible
as needed.
<div class="invisible">...</div>
<div class="visible">...</div>
// Class
.invisible {
visibility: hidden !important;
}
.visible {
visibility: visible !important;
}
// Usage as a mixins
.element {
@include invisible;
}
.element {
@include visible;
}