Skip to main content
Figuration v4.3 is now available!

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.


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;