form-inline.pcss.css

Same filename and directory in other branches
  1. main core/themes/default_admin/css/components/form-inline.pcss.css
/*
 * @file
 * Inline form containers.
 */

.form--inline {
  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/css/components/form-inline.pcss.css

View source 
  1. /*

  2.  * @file

  3.  * Inline form containers.

  4.  */

  5. 

  6. .form--inline {

  7.   display: flex;

  8.   flex-wrap: wrap;

  9.   align-items: flex-start;

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

  11. 

  12.   .form-item,

  13.   .form-actions {

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

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

  16.     align-self: flex-start;

  17.   }

  18. 

  19.   .button,

  20.   .action-link {

  21.     margin-block: 0;

  22.   }

  23. 

  24.   .field-add-more-submit {

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

  26.   }

  27. }

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