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

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. /**

  9.  * @file

  10.  * Visual styles for fields.

  11.  */

  12. 

  13. .field:not(:last-child) {

  14.   margin-bottom: 2.25rem;

  15. }

  16. 

  17. .node--view-mode-teaser .field {

  18.   margin-bottom: 1.125rem

  19. }

  20. 

  21. .node--view-mode-teaser .field:last-child {

  22.     margin-bottom: 0;

  23.   }

  24. 

  25. @media (min-width: 62.5rem) {

  26. 

  27. .node--view-mode-teaser .field {

  28.     margin-bottom: 2.25rem

  29. }

  30.   }

  31. 

  32. .field__label {

  33.   font-weight: bold;

  34. }

  35. 

  36. [dir="ltr"] .field--label-inline .field__label,[dir="ltr"] 

  37. .field--label-inline .field__items {

  38.   float: left;

  39. }

  40. 

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

  42. .field--label-inline .field__items {

  43.   float: right;

  44. }

  45. 

  46. [dir="ltr"] .field--label-inline .field__label,[dir="ltr"] 

  47. .field--label-inline > .field__item,[dir="ltr"] 

  48. .field--label-inline .field__items {

  49.   padding-right: 0.5em;

  50. }

  51. 

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

  53. .field--label-inline > .field__item,[dir="rtl"] 

  54. .field--label-inline .field__items {

  55.   padding-left: 0.5em;

  56. }

  57. 

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

  59.   content: ":";

  60. }