field.css

Same filename in this branch
  1. 10 core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  2. 10 core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  3. 10 core/themes/claro/css/classy/components/field.css
  4. 10 core/themes/starterkit_theme/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. 8.9.x core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  12. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  13. 8.9.x core/themes/seven/css/classy/components/field.css
  14. 8.9.x core/themes/claro/css/classy/components/field.css
  15. 8.9.x core/themes/bartik/css/components/field.css
  16. 8.9.x core/themes/bartik/css/classy/components/field.css
  17. 8.9.x core/themes/classy/css/components/field.css
  18. 11.x core/profiles/demo_umami/themes/umami/css/components/fields/field.css
  19. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/field.css
  20. 11.x core/themes/olivero/css/components/field.css
  21. 11.x core/themes/claro/css/classy/components/field.css
  22. 11.x core/themes/starterkit_theme/css/components/field.css

Visual styles for fields.

File

core/themes/olivero/css/components/field.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. * @file
  9. * Visual styles for fields.
  10. */
  11. .field:not(:last-child) {
  12. margin-block-end: var(--sp2);
  13. }
  14. .field__label {
  15. font-weight: bold;
  16. }
  17. .field--label-inline .field__label,
  18. .field--label-inline .field__items {
  19. float: left; /* LTR */
  20. /**
  21. * Chromium and Webkit do not yet support flow relative logical properties,
  22. * such as float: inline-end. However, PostCSS Logical does not compile this
  23. * value, so we accommodate by not using these.
  24. *
  25. * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
  26. * @see https://github.com/csstools/postcss-plugins/issues/632
  27. */
  28. }
  29. .field--label-inline .field__label:dir(rtl),
  30. .field--label-inline .field__items:dir(rtl) {
  31. float: right;
  32. }
  33. .field--label-inline .field__label,
  34. .field--label-inline > .field__item,
  35. .field--label-inline .field__items {
  36. padding-inline-end: 0.5em;
  37. }
  38. .field--label-inline .field__label::after {
  39. content: ":";
  40. }

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