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>