You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.3 KiB
63 lines
1.3 KiB
12 months ago
|
/*
|
||
|
* DO NOT EDIT THIS FILE.
|
||
|
* See the following change record for more information,
|
||
|
* https://www.drupal.org/node/3084859
|
||
|
* @preserve
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* @file
|
||
|
* Visual styles for fields.
|
||
|
*/
|
||
|
|
||
|
.field:not(:last-child) {
|
||
|
margin-block-end: var(--sp2);
|
||
|
}
|
||
|
|
||
|
.node--view-mode-teaser .field {
|
||
|
margin-block-end: var(--sp);
|
||
|
}
|
||
|
|
||
|
.node--view-mode-teaser .field:last-child {
|
||
|
margin-block-end: 0;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 62.5rem) {
|
||
|
.node--view-mode-teaser .field {
|
||
|
margin-block-end: var(--sp2);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.field__label {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.field--label-inline .field__label,
|
||
|
.field--label-inline .field__items {
|
||
|
float: left; /* LTR */
|
||
|
|
||
|
/**
|
||
|
* Chromium and Webkit do not yet support flow relative logical properties,
|
||
|
* such as float: inline-end. However, PostCSS Logical does not compile this
|
||
|
* value, so we accommodate by not using these.
|
||
|
*
|
||
|
* @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
|
||
|
* @see https://github.com/csstools/postcss-plugins/issues/632
|
||
|
*/
|
||
|
}
|
||
|
|
||
|
[dir="rtl"] .field--label-inline .field__label,
|
||
|
[dir="rtl"] .field--label-inline .field__items {
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
.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: ":";
|
||
|
}
|