You are here

Home » API reference » Drupal 8

inline-form.css in Drupal 8

Same filename in this branch
  1. 8 core/themes/classy/css/components/inline-form.css
  2. 8 core/themes/claro/css/classy/components/inline-form.css
  3. 8 core/themes/seven/css/classy/components/inline-form.css
  4. 8 core/themes/bartik/css/classy/components/inline-form.css
  5. 8 core/profiles/demo_umami/themes/umami/css/classy/components/inline-form.css
Same filename and directory in other branches
  1. 9 core/themes/bartik/css/classy/components/inline-form.css
  2. 10 core/themes/bartik/css/classy/components/inline-form.css

Visual styles for inline forms.

File

core/themes/bartik/css/classy/components/inline-form.css
View source 
  1. /**

  2.  * @file

  3.  * Visual styles for inline forms.

  4.  */

  5. 

  6. .form--inline .form-item {

  7.   float: left; /* LTR */

  8.   margin-right: 0.5em; /* LTR */

  9. }

  10. [dir="rtl"] .form--inline .form-item {

  11.   float: right;

  12.   margin-right: 0;

  13.   margin-left: 0.5em;

  14. }

  15. /* This is required to win over specificity of [dir="rtl"] .form--inline .form-item */

  16. [dir="rtl"] .views-filterable-options-controls .form-item {

  17.   margin-right: 2%;

  18. }

  19. .form--inline .form-item-separator {

  20.   margin-top: 2.3em;

  21.   margin-right: 1em; /* LTR */

  22.   margin-left: 0.5em; /* LTR */

  23. }

  24. [dir="rtl"] .form--inline .form-item-separator {

  25.   margin-right: 0.5em;

  26.   margin-left: 1em;

  27. }

  28. .form--inline .form-actions {

  29.   clear: left; /* LTR */

  30. }

  31. [dir="rtl"] .form--inline .form-actions {

  32.   clear: right;

  33. }