media-queries.pcss.css

/* cspell:ignore xsmall */
/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

@custom-media --admin-compact (min-width: 36em); /* 576px */
@custom-media --admin-tiny (min-width: 26.25em); /* 420px */
@custom-media --admin-xsmall (min-width: 36.75em); /* 588px */
@custom-media --admin-small (min-width: 48em); /* 768px */
@custom-media --admin-medium (min-width: 61em); /* 976px */
@custom-media --admin-large (min-width: 64em); /* 1024px */
@custom-media --admin-wide (min-width: 80em); /* 1280px */
@custom-media --admin-wider (min-width: 85em); /* 1360px */
@custom-media --admin-widest (min-width: 90em); /* 1440px */
@custom-media --admin-max (min-width: 108.125em); /* 1730px */

/* Max-width variants (exclusive) */
@custom-media --admin-to-tiny (max-width: 26.24em);
@custom-media --admin-to-small (max-width: 47.99em);
@custom-media --admin-to-medium (max-width: 60.99em);
@custom-media --admin-to-large (max-width: 63.99em);
@custom-media --admin-to-wide (max-width: 79.99em);

File

core/themes/default_admin/migration/css/base/media-queries.pcss.css

/* cspell:ignore xsmall */
/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

@custom-media --admin-compact (min-width: 36em); /* 576px */
@custom-media --admin-tiny (min-width: 26.25em); /* 420px */
@custom-media --admin-xsmall (min-width: 36.75em); /* 588px */
@custom-media --admin-small (min-width: 48em); /* 768px */
@custom-media --admin-medium (min-width: 61em); /* 976px */
@custom-media --admin-large (min-width: 64em); /* 1024px */
@custom-media --admin-wide (min-width: 80em); /* 1280px */
@custom-media --admin-wider (min-width: 85em); /* 1360px */
@custom-media --admin-widest (min-width: 90em); /* 1440px */
@custom-media --admin-max (min-width: 108.125em); /* 1730px */

/* Max-width variants (exclusive) */
@custom-media --admin-to-tiny (max-width: 26.24em);
@custom-media --admin-to-small (max-width: 47.99em);
@custom-media --admin-to-medium (max-width: 60.99em);
@custom-media --admin-to-large (max-width: 63.99em);
@custom-media --admin-to-wide (max-width: 79.99em);