HomeGeneralHelpersElementsContainerFormComponents

GeneralGetting StartedThemeBreakpointsCustomization SCSSVariablesBuild a ThemeBuild Variants

HelpersGeneralColorText

ElementsAvatarButtonChipDividerIconNote BlockProgressSpinnerTableTooltip

ContainerBasicColumnElement GroupSnap Container

FormBasicsCheckboxInputRadioRangeSelectSwitchTextarea

ComponentsBadgeBreadcrumbCardDropdownModalNavNavbarPaginationPlaceholderRaw ProgressTabs

Breakpoints

Zusty has four breakpoints by default. You can even extend it. Learn more about extending breakpoints.

Breakpoints are

• small
• medium
• until-large
• large

If a modifier says that it has support for breakpoints. Then the modifier can be applied in this way for any breakpoint only modifier-class@breakpoint-name.

Here's an example
You may know, you can use zust-hidden class to hide any element.
What if you want to hide it only on small screens?
Simply use class zust-hidden@small.