field.css

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  2. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  3. 8.9.x core/themes/seven/css/classy/components/field.css
  4. 8.9.x core/themes/claro/css/classy/components/field.css
  5. 8.9.x core/themes/bartik/css/components/field.css
  6. 8.9.x core/themes/classy/css/components/field.css
Same filename in other branches
  1. 7.x modules/field/theme/field.css
  2. 9 core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  3. 9 core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  4. 9 core/themes/olivero/css/components/field.css
  5. 9 core/themes/seven/css/classy/components/field.css
  6. 9 core/themes/claro/css/classy/components/field.css
  7. 9 core/themes/bartik/css/components/field.css
  8. 9 core/themes/bartik/css/classy/components/field.css
  9. 9 core/themes/starterkit_theme/css/components/field.css
  10. 9 core/themes/classy/css/components/field.css
  11. 10 core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  12. 10 core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  13. 10 core/themes/olivero/css/components/field.css
  14. 10 core/themes/claro/css/classy/components/field.css
  15. 10 core/themes/starterkit_theme/css/components/field.css
  16. 11.x core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  17. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  18. 11.x core/themes/olivero/css/components/field.css
  19. 11.x core/themes/claro/css/classy/components/field.css
  20. 11.x core/themes/starterkit_theme/css/components/field.css

Visual styles for fields.

File

core/themes/bartik/css/classy/components/field.css

View source
  1. /**
  2. * @file
  3. * Visual styles for fields.
  4. */
  5. .field__label {
  6. font-weight: bold;
  7. }
  8. .field--label-inline .field__label,
  9. .field--label-inline .field__items {
  10. float: left; /* LTR */
  11. }
  12. .field--label-inline .field__label,
  13. .field--label-inline > .field__item,
  14. .field--label-inline .field__items {
  15. padding-right: 0.5em;
  16. }
  17. [dir="rtl"] .field--label-inline .field__label,
  18. [dir="rtl"] .field--label-inline .field__items {
  19. padding-right: 0;
  20. padding-left: 0.5em;
  21. }
  22. .field--label-inline .field__label::after {
  23. content: ":";
  24. }

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