Chris@3: /**
Chris@3:  * @file
Chris@3:  * Visual styles for Bartik's field components.
Chris@3:  */
Chris@3: 
Chris@3: .field--type-entity-reference {
Chris@3:   margin: 0 0 1.2em;
Chris@3:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3: }
Chris@3: .field--type-entity-reference .field__label {
Chris@3:   font-weight: normal;
Chris@3:   margin: 0;
Chris@3:   padding-right: 5px; /* LTR */
Chris@3: }
Chris@3: [dir="rtl"] .field--type-entity-reference .field__label {
Chris@3:   padding-left: 5px;
Chris@3:   padding-right: 0;
Chris@3: }
Chris@3: .field--type-entity-reference .field__label,
Chris@3: .field--type-entity-reference ul.links {
Chris@3:   font-size: 0.8em;
Chris@3: }
Chris@3: .node--view-mode-teaser .field--type-entity-reference .field__label,
Chris@3: .node--view-mode-teaser .field--type-entity-reference ul.links {
Chris@3:   font-size: 0.821em;
Chris@3: }
Chris@3: .field--type-entity-reference ul.links {
Chris@3:   padding: 0;
Chris@3:   margin: 0;
Chris@3:   list-style: none;
Chris@3: }
Chris@3: /* This is required to win over specificity of [dir="rtl"] .region-content ul */
Chris@3: [dir="rtl"] .field--type-entity-reference ul.links {
Chris@3:   padding: 0;
Chris@3: }
Chris@3: .field--type-entity-reference ul.links li {
Chris@3:   float: left; /* LTR */
Chris@3:   padding: 0 1em 0 0; /* LTR */
Chris@3:   white-space: nowrap;
Chris@3: }
Chris@3: [dir="rtl"] .field--type-entity-reference ul.links li {
Chris@3:   padding: 0 0 0 1em;
Chris@3:   float: right;
Chris@3: }
Chris@3: @media all and (min-width: 560px) {
Chris@3:   .node .field--type-image {
Chris@3:     float: left; /* LTR */
Chris@3:     margin: 0 1em 0 0; /* LTR */
Chris@3:   }
Chris@3:   [dir="rtl"] .node .field--type-image {
Chris@3:     float: right;
Chris@3:     margin: 0 0 0 1em;
Chris@3:   }
Chris@3:   .node .field--type-image + .field--type-image {
Chris@3:     clear: both;
Chris@3:   }
Chris@3: }
Chris@3: .field--type-image img,
Chris@3: .field--name-user-picture img {
Chris@3:   margin: 0 0 1em;
Chris@3: }
Chris@3: .field--type-image a {
Chris@3:   border-bottom: none;
Chris@3: }
Chris@3: .field--name-field-tags {
Chris@3:   margin: 0 0 1.2em;
Chris@3:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3: }
Chris@3: .field--name-field-tags .field__label {
Chris@3:   font-weight: normal;
Chris@3:   margin: 0;
Chris@3:   padding-right: 5px; /* LTR */
Chris@3: }
Chris@3: [dir="rtl"] .field--name-field-tags .field__label {
Chris@3:   padding-left: 5px;
Chris@3:   padding-right: 0;
Chris@3: }
Chris@3: .field--name-field-tags .field__label,
Chris@3: .field--name-field-tags ul.links {
Chris@3:   font-size: 0.8em;
Chris@3: }
Chris@3: .node--view-mode-teaser .field--name-field-tags .field__label,
Chris@3: .node--view-mode-teaser .field--name-field-tags ul.links {
Chris@3:   font-size: 0.821em;
Chris@3: }
Chris@3: .field--name-field-tags ul.links {
Chris@3:   padding: 0;
Chris@3:   margin: 0;
Chris@3: }
Chris@3: .field--name-field-tags ul.links li {
Chris@3:   float: left; /* LTR */
Chris@3:   padding: 0 1em 0 0; /* LTR */
Chris@3:   white-space: nowrap;
Chris@3: }
Chris@3: [dir="rtl"] .field--name-field-tags ul.links li {
Chris@3:   padding: 0 0 0 1em;
Chris@3:   float: right;
Chris@3: }