gin-body.css

Same filename and directory in other branches
  1. 11.x core/themes/default_admin/migration/css/base/gin-body.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
html {
  font-family: var(--gin-font);
  scroll-padding-block-start: var(--gin-scroll-offset) !important;
}
body {
  overflow-x: hidden;
  color: var(--gin-color-text);
  background: var(--gin-bg-app);

  @media (min-width: 64em) {
    overflow-x: auto;
  }
}
h1,
h2,
h3 {
  letter-spacing: -0.025em;
  font-weight: var(--gin-font-weight-normal);
}
h2 {
  font-size: var(--gin-font-size-h2);
}
h3 {
  font-size: var(--gin-font-size-h3);
}
::selection {
  background: var(--gin-color-primary-light-hover);
}
::-moz-selection {
  background: var(--gin-color-primary-light-hover);
}
a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
/* Enforcing colors on visually hidden text does not change anything for the
   user, but it prevents accessibility scanners like Wave from reporting contrast
   errors on visually hidden elements. While this is certainly an issue with the
   scanners and not Gin, this ensures that scans provide an accurate account of
   Gin's contrast support. */
.visually-hidden {
  color: #000;

  .gin--dark-mode & {
    color: #fff;
  }

  &.skip-link {
    color: var(--gin-color-button-text);
  }
}
/* Set a dark color scheme to style native browser elements. */
.gin--dark-mode {
  color-scheme: dark;
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-body.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. html {

  8.   font-family: var(--gin-font);

  9.   scroll-padding-block-start: var(--gin-scroll-offset) !important;

  10. }

  11. body {

  12.   overflow-x: hidden;

  13.   color: var(--gin-color-text);

  14.   background: var(--gin-bg-app);

  15. 

  16.   @media (min-width: 64em) {

  17.     overflow-x: auto;

  18.   }

  19. }

  20. h1,

  21. h2,

  22. h3 {

  23.   letter-spacing: -0.025em;

  24.   font-weight: var(--gin-font-weight-normal);

  25. }

  26. h2 {

  27.   font-size: var(--gin-font-size-h2);

  28. }

  29. h3 {

  30.   font-size: var(--gin-font-size-h3);

  31. }

  32. ::selection {

  33.   background: var(--gin-color-primary-light-hover);

  34. }

  35. ::-moz-selection {

  36.   background: var(--gin-color-primary-light-hover);

  37. }

  38. a {

  39.   overflow-wrap: break-word;

  40.   word-wrap: break-word;

  41. }

  42. /* Enforcing colors on visually hidden text does not change anything for the

  43.    user, but it prevents accessibility scanners like Wave from reporting contrast

  44.    errors on visually hidden elements. While this is certainly an issue with the

  45.    scanners and not Gin, this ensures that scans provide an accurate account of

  46.    Gin's contrast support. */

  47. .visually-hidden {

  48.   color: #000;

  49. 

  50.   .gin--dark-mode 
  51. 

  52.   &.skip-link {

  53.     color: var(--gin-color-button-text);

  54.   }

  55. }

  56. /* Set a dark color scheme to style native browser elements. */

  57. .gin--dark-mode {

  58.   color-scheme: dark;

  59. }

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