Visibility
An element's visibility, opacity and overflow are controlled by the classes below.
| Class | Properties |
|---|---|
u-hide
|
display: none!important;
|
u-opacity-0
|
opacity: 0!important;
|
u-opacity-20
|
opacity: 0.2!important;
|
u-opacity-50
|
opacity: 0.5!important;
|
u-overflow-hidden
|
overflow: hidden!important;
|
u-overflow-visible
|
overflow: visible!important;
|
u-overflow-x-auto
|
overflow-x: auto!important;
|
u-overflow-y-auto
|
overflow-y: auto!important;
|
<div class="box u-overflow-y-auto">
<p class="text">some text</p>
<p class="u-hide">hide me</p>
</div>