Media queries tokens

Media#

Ex. Token name Value Use case
Mobile portrait var(--rh-media-xs, (min-width: 576px)) Copy Link
Mobile landscape var(--rh-media-sm, (min-width: 768px)) Copy Link
Tablet portrait var(--rh-media-md, (min-width: 992px)) Copy Link
Tablet landscape var(--rh-media-lg, (min-width: 1200px)) Copy Link
Desktop small var(--rh-media-xl, (min-width: 1440px)) Copy Link
Desktop Large var(--rh-media-2xl, (min-width: 1680px)) Copy Link
© 2021-2023 Red Hat, Inc. Deploys by Netlify
Scroll back to the top