gin-claro-improvements.pcss.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-claro-improvements.pcss.css
/* Summary */
details summary {
  padding: var(--gin-spacing-m);
  background-color: rgb(230, 228, 223, 0.2);
}

/* Claro form--inline fixes */
.form--inline,
[data-drupal-selector*="-bulk-form"],
.layout-region-node-footer__content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-block-start: var(--gin-spacing-m);

  .form-item,
  .form-actions {
    margin-block: var(--gin-spacing-xs);
    margin-inline: 0 var(--gin-spacing-xs);
    align-self: flex-start;
  }

  .button,
  .action-link {
    margin-block: 0;
  }

  .field-add-more-submit {
    margin-block-start: var(--gin-spacing-s);
  }
}

File

View on git.drupalcode.org

core/themes/default_admin/migration/css/base/gin-claro-improvements.pcss.css

View source 
  1. /* Summary */

  2. details summary {

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

  4.   background-color: rgb(230, 228, 223, 0.2);

  5. }

  6. 

  7. /* Claro form--inline fixes */

  8. .form--inline,

  9. [data-drupal-selector*="-bulk-form"],

  10. .layout-region-node-footer__content {

  11.   display: flex;

  12.   flex-wrap: wrap;

  13.   align-items: flex-start;

  14.   padding-block-start: var(--gin-spacing-m);

  15. 

  16.   .form-item,

  17.   .form-actions {

  18.     margin-block: var(--gin-spacing-xs);

  19.     margin-inline: 0 var(--gin-spacing-xs);

  20.     align-self: flex-start;

  21.   }

  22. 

  23.   .button,

  24.   .action-link {

  25.     margin-block: 0;

  26.   }

  27. 

  28.   .field-add-more-submit {

  29.     margin-block-start: var(--gin-spacing-s);

  30.   }

  31. }

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