Documentation

Design System Navigation

Breakpoints

The common breakpoints used in ALPS.

Usage

When to Use

ALPS uses 6 defined breakpoints, that are used in creating the SASS files.

Class Name Description
XSmall

350 pixels. This is for targeting very small screensizes.

Small

500 pixels. This is considered the typical mobile size.

Medium

700 pixels. This is considered the typical tablet size.

Large

900 pixels. This is considered the typical desktop size.

XLarge

1100 pixels.

XXLarge

1300 pixels.

XXXLarge

1500 pixels.