drupal/core/themes/claro/css/components/entity-meta.pcss.css

51 lines
1.2 KiB
CSS

/**
* @file
* Entity meta.
*/
@import "../base/variables.pcss.css";
:root {
--size-entity-meta-spacing: var(--space-xs);
}
.entity-meta__header {
padding: calc(var(--space-m) - var(--size-entity-meta-spacing)) var(--space-m) calc(var(--space-l) - var(--size-entity-meta-spacing));
color: var(--color-fg);
border: var(--details-border-size) solid var(--details-border-color);
border-radius: var(--details-accordion-border-size-radius);
background-color: var(--color-bg);
}
@media screen and (min-width: 48em) {
.entity-meta__header {
padding: calc(var(--space-l) - var(--size-entity-meta-spacing)) var(--space-l) var(--space-l);
}
}
.entity-meta__header .form-item {
margin-top: var(--size-entity-meta-spacing);
margin-bottom: var(--size-entity-meta-spacing);
}
.entity-meta__title {
margin: 0.25em 0;
text-shadow: 0 1px 0 #fff;
font-size: 1.231em;
font-weight: bold;
}
.entity-meta__revision {
margin-top: var(--space-l);
}
.entity-meta__header .form-type--item .form-item__label {
display: inline-block;
margin: 0;
font-size: var(--font-size-base);
}
.entity-meta__header .form-type--item .form-item__label::after {
content: ":";
}