You are here

Home » API reference » Zircon Profile 8.0

inline-form.css in Zircon Profile 8.0

Same filename and directory in other branches
  1. 8 core/themes/classy/css/components/inline-form.css

Visual styles for inline forms.

File

core/themes/classy/css/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. }