drupal/core/themes/olivero/css/components/field.pcss.css

42 lines
661 B
CSS
Raw Normal View History

/**
* @file
* Visual styles for fields.
*/
@import "../base/variables.pcss.css";
.field:not(:last-child) {
margin-block-end: var(--sp2);
}
.node--view-mode-teaser .field {
margin-block-end: var(--sp);
&:last-child {
margin-block-end: 0;
}
@media (--lg) {
margin-block-end: var(--sp2);
}
}
.field__label {
font-weight: bold;
}
.field--label-inline .field__label,
.field--label-inline .field__items {
float: inline-start;
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
padding-inline-end: 0.5em;
}
.field--label-inline .field__label::after {
content: ":";
}