You are here

Home » API reference » Drupal 9

field.css in Drupal 9

Same filename in this branch
  1. 9 core/themes/starterkit_theme/css/components/field.css
  2. 9 core/themes/classy/css/components/field.css
  3. 9 core/themes/olivero/css/components/field.css
  4. 9 core/themes/bartik/css/components/field.css
  5. 9 core/themes/claro/css/classy/components/field.css
  6. 9 core/themes/seven/css/classy/components/field.css
  7. 9 core/themes/bartik/css/classy/components/field.css
  8. 9 core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  9. 9 core/profiles/demo_umami/themes/umami/css/components/fields/field.css
Same filename and directory in other branches
  1. 8 core/themes/classy/css/components/field.css

Visual styles for fields.

File

core/themes/classy/css/components/field.css
View source 
  1. /**

  2.  * @file

  3.  * Visual styles for fields.

  4.  */

  5. 

  6. .field__label {

  7.   font-weight: bold;

  8. }

  9. .field--label-inline .field__label,

  10. .field--label-inline .field__items {

  11.   float: left; /* LTR */

  12. }

  13. .field--label-inline .field__label,

  14. .field--label-inline > .field__item,

  15. .field--label-inline .field__items {

  16.   padding-right: 0.5em;

  17. }

  18. [dir="rtl"] .field--label-inline .field__label,

  19. [dir="rtl"] .field--label-inline .field__items {

  20.   padding-right: 0;

  21.   padding-left: 0.5em;

  22. }

  23. .field--label-inline .field__label::after {

  24.   content: ":";

  25. }