You are here

Home » API reference » Zircon Profile 8.0

field.css in Zircon Profile 8.0

Same filename in this branch
  1. 8.0 themes/zircon/css/components/field.css
  2. 8.0 core/themes/classy/css/components/field.css
  3. 8.0 core/themes/bartik/css/components/field.css
Same filename and directory in other branches
  1. 8 themes/zircon/css/components/field.css

Visual styles for Bartik's field components.

File

themes/zircon/css/components/field.css
View source 
  1. /**

  2.  * @file

  3.  * Visual styles for Bartik's field components.

  4.  */

  5. 

  6. .field--type-entity-reference {

  7.   margin: 0 0 1.2em;

  8.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  9. }

  10. .field--type-entity-reference .field__label {

  11.   font-weight: normal;

  12.   margin: 0;

  13.   padding-right: 5px; /* LTR */

  14. }

  15. [dir="rtl"] .field--type-entity-reference .field__label {

  16.   padding-left: 5px;

  17.   padding-right: 0;

  18. }

  19. .field--type-entity-reference .field__label,

  20. .field--type-entity-reference ul.links {

  21.   font-size: 0.8em;

  22. }

  23. .node--view-mode-teaser .field--type-entity-reference .field__label,

  24. .node--view-mode-teaser .field--type-entity-reference ul.links {

  25.   font-size: 0.821em;

  26. }

  27. .field--type-entity-reference ul.links {

  28.   padding: 0;

  29.   margin: 0;

  30.   list-style: none;

  31. }

  32. .field--type-entity-reference ul.links li {

  33.   float: left; /* LTR */

  34.   padding: 0 1em 0 0; /* LTR */

  35.   white-space: nowrap;

  36. }

  37. [dir="rtl"] .field--type-entity-reference ul.links li {

  38.   padding: 0 0 0 1em;

  39.   float: right;

  40. }

  41. @media all and (min-width: 560px) {

  42.   .node .field--type-image {

  43.     float: left; /* LTR */

  44.     margin: 0 1em 0 0; /* LTR */

  45.   }

  46.   [dir="rtl"] .node .field--type-image {

  47.     float: right;

  48.     margin: 0 0 0 1em;

  49.   }

  50.   .node .field--type-image + .field--type-image {

  51.     clear: both;

  52.   }

  53. }

  54. .field--type-image img,

  55. .field--name-field-user-picture img {

  56.   margin: 0 0 1em;

  57. }

  58. .field--type-image a {

  59.   border-bottom: none;

  60. }

  61. .field--name-field-tags {

  62.   margin: 0 0 1.2em;

  63.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  64. }

  65. .field--name-field-tags .field__label {

  66.   font-weight: normal;

  67.   margin: 0;

  68.   padding-right: 5px; /* LTR */

  69. }

  70. [dir="rtl"] .field--name-field-tags .field__label {

  71.   padding-left: 5px;

  72.   padding-right: 0;

  73. }

  74. .field--name-field-tags .field__label,

  75. .field--name-field-tags ul.links {

  76.   font-size: 0.8em;

  77. }

  78. .node--view-mode-teaser .field--name-field-tags .field__label,

  79. .node--view-mode-teaser .field--name-field-tags ul.links {

  80.   font-size: 0.821em;

  81. }

  82. .field--name-field-tags ul.links {

  83.   padding: 0;

  84.   margin: 0;

  85. }

  86. .field--name-field-tags ul.links li {

  87.   float: left; /* LTR */

  88.   padding: 0 1em 0 0; /* LTR */

  89.   white-space: nowrap;

  90. }

  91. [dir="rtl"] .field--name-field-tags ul.links li {

  92.   padding: 0 0 0 1em;

  93.   float: right;

  94. }