maintenance_page.css

Same filename in this branch
  1. main core/themes/default_admin/migration/css/components/maintenance_page.css
Same filename and directory in other branches
  1. 11.x core/themes/admin/migration/css/components/maintenance_page.css
  2. 11.x core/themes/default_admin/migration/css/components/maintenance_page.css
.maintenance-page {
  --color-absolutezero: var(--gin-color-primary);
  --color-absolutezero-hover: var(--gin-color-primary-hover);
  --color-absolutezero-active: var(--gin-color-primary-active);
  --color-gray: var(--gin-color-text);
  --color-gray-700: var(--gin-color-text-disabled);
  --color-bgblue-active: var(--gin-color-primary-light);
  --font-size-h1: var(--gin-font-size-h1);
  --font-size-h2: var(--gin-font-size-h2);
  --font-size-h3: var(--gin-font-size-h3);
  --shadow-z3: var(--gin-shadow-l1);

  background: var(--gin-bg-app);
}

.layout-container {
  border: 1px solid var(--gin-border-color-layer);
  border-radius: var(--gin-border-l);
  background: var(--gin-bg-layer);
  padding-block: var(--gin-spacing-l);
}

.site-name {
  letter-spacing: -0.05em;
  color: var(--gin-color-title);
  font-size: var(--gin-font-size-h1);
  font-weight: var(--gin-font-weight-bold);
  line-height: normal;
}

.title {
  margin-block-start: var(--gin-spacing-m);
  margin-block-end: var(--gin-spacing-s);
}

.button {
  margin-block-end: 0;
}

.task-list li.is-active {
  font-weight: var(--gin-font-weight-bold);
}

File

View on git.drupalcode.org

core/themes/admin/migration/css/components/maintenance_page.css

View source 
  1. .maintenance-page {

  2.   --color-absolutezero: var(--gin-color-primary);

  3.   --color-absolutezero-hover: var(--gin-color-primary-hover);

  4.   --color-absolutezero-active: var(--gin-color-primary-active);

  5.   --color-gray: var(--gin-color-text);

  6.   --color-gray-700: var(--gin-color-text-disabled);

  7.   --color-bgblue-active: var(--gin-color-primary-light);

  8.   --font-size-h1: var(--gin-font-size-h1);

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

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

  11.   --shadow-z3: var(--gin-shadow-l1);

  12. 

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

  14. }

  15. 

  16. .layout-container {

  17.   border: 1px solid var(--gin-border-color-layer);

  18.   border-radius: var(--gin-border-l);

  19.   background: var(--gin-bg-layer);

  20.   padding-block: var(--gin-spacing-l);

  21. }

  22. 

  23. .site-name {

  24.   letter-spacing: -0.05em;

  25.   color: var(--gin-color-title);

  26.   font-size: var(--gin-font-size-h1);

  27.   font-weight: var(--gin-font-weight-bold);

  28.   line-height: normal;

  29. }

  30. 

  31. .title {

  32.   margin-block-start: var(--gin-spacing-m);

  33.   margin-block-end: var(--gin-spacing-s);

  34. }

  35. 

  36. .button {

  37.   margin-block-end: 0;

  38. }

  39. 

  40. .task-list li.is-active {

  41.   font-weight: var(--gin-font-weight-bold);

  42. }

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