media-queries.pcss.css

Same filename in this branch
  1. 11.x core/themes/olivero/css/base/media-queries.pcss.css
  2. 11.x core/modules/navigation/css/base/media-queries.pcss.css
Same filename and directory in other branches
  1. 10 core/themes/olivero/css/base/media-queries.pcss.css
  2. 10 core/modules/navigation/css/base/media-queries.pcss.css
/* cspell:ignore xsmall */
/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

@custom-media --admin-tiny (min-width: 26.25em);
@custom-media --admin-xsmall (min-width: 36.75em);
@custom-media --admin-small (min-width: 48em);
@custom-media --admin-medium (min-width: 61em);
@custom-media --admin-large (min-width: 64em);
@custom-media --admin-wide (min-width: 80em);

/* Max-width variant (exclusive) */
@custom-media --admin-to-tiny (max-width: 26.24em);

File

View on git.drupalcode.org

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

View source 
  1. /* cspell:ignore xsmall */

  2. /*

  3.  * Media query breakpoints.

  4.  * Processed by postcss/postcss-custom-media.

  5.  */

  6. 

  7. @custom-media --admin-tiny (min-width: 26.25em);

  8. @custom-media --admin-xsmall (min-width: 36.75em);

  9. @custom-media --admin-small (min-width: 48em);

  10. @custom-media --admin-medium (min-width: 61em);

  11. @custom-media --admin-large (min-width: 64em);

  12. @custom-media --admin-wide (min-width: 80em);

  13. 

  14. /* Max-width variant (exclusive) */

  15. @custom-media --admin-to-tiny (max-width: 26.24em);

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.