Media Queries tokens

Ex. Token name Value Use case
--rh-media-xs (min-width: 576px)

Mobile portrait

Full CSS Variable Permalink to this token
--rh-media-sm (min-width: 768px)

Mobile landscape

Full CSS Variable Permalink to this token
--rh-media-md (min-width: 992px)

Tablet portrait

Full CSS Variable Permalink to this token
--rh-media-lg (min-width: 1200px)

Tablet landscape

Full CSS Variable Permalink to this token
--rh-media-xl (min-width: 1440px)

Desktop small

Full CSS Variable Permalink to this token
--rh-media-2xl (min-width: 1680px)

Desktop Large

Full CSS Variable Permalink to this token

Other libraries

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