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