logologo-dark

Other Utility Classes

Here is some other utility classes that use to quickly style an element.

Gaps Classes

The .gap utility classes allow to set specific gap between to section or block.

Class ReferenceValue
.gap28px as gutter size
.gap-sm0.75rem as 12px
.gap-md1.25rem as 20px
.gap-lg2rem as 32px
.gap-xl2.5rem as 40px
.gap-{num}px[10, 20, 30, 40, 50, 60, 70, 80, 90, 100] use as {num} valueFixed in pixel
.gap-{size}[0, 1, 2, 3, 4, 5] as {size} value{size} is related to Size reference.
Uses Example
<div class="gap"></div><div class="gap gap-sm"></div><div class="gap gap-20px"></div>
Switch Demo Layout
Use Case Concept
Preview Settings
Direction Change
LTR Mode
RTL Mode
Main UI Style
Default
Shady
Sidebar Style
White
Light
Dark
Theme
Header Style
White
Light
Dark
Theme
Primary Skin
Default
Blue Light
Egyptian
Purple
Green
Red
Skin Mode
Light Skin
Dark Skin
Looking for functional script for Investment Platform? Check out
Investorm
Looking for Advanced
Investment Platform?