form-inline.css

Same filename and directory in other branches
  1. 11.x core/themes/default_admin/css/components/form-inline.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/*
 * @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.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. 

  8. /*

  9.  * @file

  10.  * Inline form containers.

  11.  */

  12. 

  13. .form--inline {

  14.   display: flex;

  15.   flex-wrap: wrap;

  16.   align-items: flex-start;

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

  18. 

  19.   .form-item,

  20.   .form-actions {

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

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

  23.     align-self: flex-start;

  24.   }

  25. 

  26.   .button,

  27.   .action-link {

  28.     margin-block: 0;

  29.   }

  30. 

  31.   .field-add-more-submit {

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

  33.   }

  34. }

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