Classes that empower you to effortlessly change the visibility property of elements, enabling flexible and responsive layouts in your web projects.
Visibility utilities form a class group designed to enhance the visibilities of elements. With a customizable and responsive structure, it endeavors to fulfill all the necessary features for your projects through simple class assignments.
In JTB_MD, the assigned class base for all visibility classes, regardless of their primary purpose, is .jtbV
.
visibility
attribute.
To assign any element a visibility attribute, you can simply add related JTB_MD class into it:
.jtbV-[ visible | hidden | collapse | initial | inherit ]
This item has "visible" as visibility value.
<!-- visibility:visible example -->
<p class='jtbV-visible'>...</p>
You can make your element's visibility change basing on screen sizes of clients. Activate this utility by adding the corresponding screen breakpoint (defined in Breakpoints seciton) at the end of the class with a hyphen (-):
Refer to the table below to understand which parts of the utility group can be used with screen breakers:
Part of group | Responsiveness | Example class |
---|---|---|
All classes | Active | .jtbV-visible-xxl |
Copyright © 2024 JTBLabs - All rights reserved.