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/classy/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 Bartik's field components.

File

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

View source
  1. /**
  2. * @file
  3. * Visual styles for Bartik's field components.
  4. */
  5. .field--type-entity-reference {
  6. margin: 0 0 1.2em;
  7. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  8. }
  9. .field--type-entity-reference .field__label {
  10. margin: 0;
  11. padding-right: 5px; /* LTR */
  12. font-weight: normal;
  13. }
  14. [dir="rtl"] .field--type-entity-reference .field__label {
  15. padding-right: 0;
  16. padding-left: 5px;
  17. }
  18. .field--type-entity-reference .field__label,
  19. .field--type-entity-reference ul.links {
  20. font-size: 0.8em;
  21. }
  22. .node--view-mode-teaser .field--type-entity-reference .field__label,
  23. .node--view-mode-teaser .field--type-entity-reference ul.links {
  24. font-size: 0.821em;
  25. }
  26. .field--type-entity-reference ul.links {
  27. margin: 0;
  28. padding: 0;
  29. list-style: none;
  30. }
  31. /* This is required to win over specificity of [dir="rtl"] .region-content ul */
  32. [dir="rtl"] .field--type-entity-reference ul.links {
  33. padding: 0;
  34. }
  35. .field--type-entity-reference ul.links li {
  36. float: left; /* LTR */
  37. padding: 0 1em 0 0; /* LTR */
  38. white-space: nowrap;
  39. }
  40. [dir="rtl"] .field--type-entity-reference ul.links li {
  41. float: right;
  42. padding: 0 0 0 1em;
  43. }
  44. @media all and (min-width: 560px) {
  45. .node .field--type-image {
  46. float: left; /* LTR */
  47. margin: 0 1em 0 0; /* LTR */
  48. }
  49. [dir="rtl"] .node .field--type-image {
  50. float: right;
  51. margin: 0 0 0 1em;
  52. }
  53. .node .field--type-image + .field--type-image {
  54. clear: both;
  55. }
  56. }
  57. .field--type-image img,
  58. .field--name-user-picture img {
  59. margin: 0 0 1em;
  60. }
  61. .field--type-image a {
  62. border-bottom: none;
  63. }
  64. .field--name-field-tags {
  65. margin: 0 0 1.2em;
  66. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  67. }
  68. .field--name-field-tags .field__label {
  69. margin: 0;
  70. padding-right: 5px; /* LTR */
  71. font-weight: normal;
  72. }
  73. [dir="rtl"] .field--name-field-tags .field__label {
  74. padding-right: 0;
  75. padding-left: 5px;
  76. }
  77. .field--name-field-tags .field__label,
  78. .field--name-field-tags ul.links {
  79. font-size: 0.8em;
  80. }
  81. .node--view-mode-teaser .field--name-field-tags .field__label,
  82. .node--view-mode-teaser .field--name-field-tags ul.links {
  83. font-size: 0.821em;
  84. }
  85. .field--name-field-tags ul.links {
  86. margin: 0;
  87. padding: 0;
  88. }
  89. .field--name-field-tags ul.links li {
  90. float: left; /* LTR */
  91. padding: 0 1em 0 0; /* LTR */
  92. white-space: nowrap;
  93. }
  94. [dir="rtl"] .field--name-field-tags ul.links li {
  95. float: right;
  96. padding: 0 0 0 1em;
  97. }

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