Utility Classes

Edit the variables within the variables panel to the change affect the entire library. Here you can also gain a quick overview of all the variables you are currently using in your project.

Utility Classes

class

hide

This element above is hidden, however, to remove it from the DOM completely, select the Hidden toggle under 'Visibility & user access' in the Element Settings panel

class

hide-tablet

class

hide-mobile-portrait

class

hide-mobile-landscape

class

show-tablet

class

show-mobile-portrait

class

show-mobile-landscape

class

overflow-visible

class

overflow-hidden

class

overflow-auto

class

overflow-scroll

class

pointer-events-auto

class

pointer-events-none

class

layer

class

spacing-clean

class

align-center

class

z-index-1

class

z-index-2

class

display-inlineflex

class

margin-top-auto

class

aspect-ratio-square

class

aspect-ratio-portrait

class

aspect-ratio-landscape

class

aspect-ratio-widescreen

class

inherit-color

Structure

Edit the variables within the variables panel to the change affect the entire library. Here you can also gain a quick overview of all the variables you are currently using in your project.

Structure Classes

class

page-wrapper

class

main-wrapper

Padding Direction

class

padding-bottom

class

padding-top

class

padding-vertical

class

padding-horizontal

class

padding-left

class

padding-right

Margin Direction

class

margin-bottom

class

margin-top

class

margin-vertical

class

margin-horizontal

class

margin-left

class

margin-right