gin-layers.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-layers.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* cspell:ignore imageapi */
.page-content {
  margin-block-start: 0;

  > .help,
  > .region-content,
  > .region-highlighted {
    @media (min-width: 48em) {
      margin-block-start: var(--gin-spacing-l);
    }
  }
}
.gin-layer-wrapper,
.gin-layer-wrapper-shadow,
.block-system > form,
.views-exposed-form.views-exposed-form,
.views-edit-view,
.views-preview-wrapper,
.modules-tabs,
#views-entity-list,
.admin.my-workbench,
.media-library-views-form,
.user-admin-permissions,
.field-config-form {
  margin-block-start: 0;
  border-radius: var(--gin-border-l);
  box-shadow: var(--gin-shadow-l1);

  .gin--dark-mode & {
    box-shadow: 0 6px 16px var(--gin-border-color-layer);
  }

  .gin--high-contrast-mode & {
    box-shadow: none;
  }
}
.gin-layer-wrapper,
.block-system-main-block > form,
.views-exposed-form.views-exposed-form,
.views-edit-view,
.views-preview-wrapper,
#views-entity-list,
.admin.my-workbench,
.media-library-views-form,
.user-admin-permissions,
.field-config-form {
  box-sizing: border-box;
  width: 100%;
  padding: var(--gin-spacing-s);
  border: 1px solid var(--gin-border-color-layer);
  background: var(--gin-bg-layer);

  /* Remove extra spacing on top of form. */
  > .form-wrapper:first-of-type .form-item,
  .layout-region-node-main > .form-wrapper:first-of-type .form-item {
    margin-block-start: 0;
  }

  @media (min-width: 48em) {
    padding: var(--gin-spacing-l);
  }
}
.field-config-form > .form-item:first-child {
  margin-block-start: 0;
}
#system-clear-cache + #system-performance-settings,
.gin-layer-wrapper + .imageapi-optimize-default-pipeline {
  margin-block-start: var(--gin-spacing-l);
}
/* Unpublished node */
.node--unpublished {
  background-color: var(--gin-bg-unpublished);
}
/* Has table filter */
.block-system-main-block > form:has(.table-filter) {
  .table-filter {
    margin-block-end: var(--gin-spacing-l);
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;

    .form-type--search {
      margin-block: 0;
    }

    .winnow-input,
    .table-filter-text {
      width: 100%;
    }

    .table-filter-text {
      margin-block-start: 0;
      padding: var(--gin-spacing-m);
    }
  }
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-layers.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. /* cspell:ignore imageapi */

  8. .page-content {

  9.   margin-block-start: 0;

  10. 

  11.   > .help,

  12.   > .region-content,

  13.   > .region-highlighted {

  14.     @media (min-width: 48em) {

  15.       margin-block-start: var(--gin-spacing-l);

  16.     }

  17.   }

  18. }

  19. .gin-layer-wrapper,

  20. .gin-layer-wrapper-shadow,

  21. .block-system > form,

  22. .views-exposed-form.views-exposed-form,

  23. .views-edit-view,

  24. .views-preview-wrapper,

  25. .modules-tabs,

  26. #views-entity-list,

  27. .admin.my-workbench,

  28. .media-library-views-form,

  29. .user-admin-permissions,

  30. .field-config-form {

  31.   margin-block-start: 0;

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

  33.   box-shadow: var(--gin-shadow-l1);

  34. 

  35.   .gin--dark-mode 
  36. 

  37.   .gin--high-contrast-mode 
  38. }

  39. .gin-layer-wrapper,

  40. .block-system-main-block > form,

  41. .views-exposed-form.views-exposed-form,

  42. .views-edit-view,

  43. .views-preview-wrapper,

  44. #views-entity-list,

  45. .admin.my-workbench,

  46. .media-library-views-form,

  47. .user-admin-permissions,

  48. .field-config-form {

  49.   box-sizing: border-box;

  50.   width: 100%;

  51.   padding: var(--gin-spacing-s);

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

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

  54. 

  55.   /* Remove extra spacing on top of form. */

  56.   > .form-wrapper:first-of-type .form-item,

  57.   .layout-region-node-main > .form-wrapper:first-of-type .form-item {

  58.     margin-block-start: 0;

  59.   }

  60. 

  61.   @media (min-width: 48em) {

  62.     padding: var(--gin-spacing-l);

  63.   }

  64. }

  65. .field-config-form > .form-item:first-child {

  66.   margin-block-start: 0;

  67. }

  68. #system-clear-cache + #system-performance-settings,

  69. .gin-layer-wrapper + .imageapi-optimize-default-pipeline {

  70.   margin-block-start: var(--gin-spacing-l);

  71. }

  72. /* Unpublished node */

  73. .node--unpublished {

  74.   background-color: var(--gin-bg-unpublished);

  75. }

  76. /* Has table filter */

  77. .block-system-main-block > form:has(.table-filter) {

  78.   .table-filter {

  79.     margin-block-end: var(--gin-spacing-l);

  80.     padding: 0;

  81.     border: none;

  82.     background: none;

  83.     box-shadow: none;

  84. 

  85.     .form-type--search {

  86.       margin-block: 0;

  87.     }

  88. 

  89.     .winnow-input,

  90.     .table-filter-text {

  91.       width: 100%;

  92.     }

  93. 

  94.     .table-filter-text {

  95.       margin-block-start: 0;

  96.       padding: var(--gin-spacing-m);

  97.     }

  98.   }

  99. }

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