Breakpoints tokens

Ex. Token name Value Use case
--rh-breakpoint-2xs-max 575px

Mobile portrait (max-width)

Full CSS Variable Permalink to this token
--rh-breakpoint-xs 576px

Mobile portrait

Full CSS Variable Permalink to this token
--rh-breakpoint-xs-max 767px

Mobile landscape (max-width)

Full CSS Variable Permalink to this token
--rh-breakpoint-sm 768px

Mobile landscape

Full CSS Variable Permalink to this token
--rh-breakpoint-sm-max 991px

Mobile landscape (max-width)

Full CSS Variable Permalink to this token
--rh-breakpoint-md 992px

Tablet portrait

Full CSS Variable Permalink to this token
--rh-breakpoint-md-max 1199px

Tablet portrait (max-width)

Full CSS Variable Permalink to this token
--rh-breakpoint-lg 1200px

Tablet landscape

Full CSS Variable Permalink to this token
--rh-breakpoint-lg-max 1439px

Tablet landscape (max-width)

Full CSS Variable Permalink to this token
--rh-breakpoint-xl 1440px

Desktop small

Full CSS Variable Permalink to this token
--rh-breakpoint-xl-max 1679px

Desktop small (max-width)

Full CSS Variable Permalink to this token
--rh-breakpoint-2xl 1680px

Desktop large

Full CSS Variable Permalink to this token

Other libraries

To learn more about our other libraries, visit the getting started page.