Style:Facts
&>.citethis {
background-color: #f5f5dc;
border: 1px solid #57160d;
padding: .25rem .5rem;
margin-bottom: 1rem;
}
&-display {
background-color: @article-color;
border: 1px solid @background-color;
&.facts-display-subsection-Yes {
margin-left: 3rem;
}
&+.facts-display {
margin-top: .75em;
}
>.facts-display-group {
border: 1px solid @background-color;
margin: 4px;
border-radius: 4px;
margin-top: 10px;
/*hide empty groups*/
:has(>.facts-display-group-content:empty) {
display: none;
}
/*hide label if group without label*/
&.group->.facts-display-group-label {
display:none;
border: 0;
}
>.facts-display-group-label {
font-weight: bold;
padding: 0 .5em;
color: @background-color;
font-variant: small-caps;
border-bottom: 1px solid @background-color;
}
>.facts-display-group-content {
display: grid;
grid-template-columns: auto 1fr auto 1fr;
>.facts-display-key {
font-weight: bold;
padding: .25em .75em;
border-right: 1px solid @menu-border-color-thick;
grid-column: 1;
a,
a:visited {
color: black;
}
&~.facts-display-key {
border-top: 1px solid @menu-border-color-thick;
}
}
>.facts-display-value {
padding: .25em .75em;
grid-column: 2/5;
&~.facts-display-value {
border-top: 1px solid @menu-border-color-thick;
}
>.facts-display {
font-size: 90%;
}
.hidden {
display: none;
}
}
/*field specific settings to make things look nicer*/
>.facts-display-value.prop-on-page {
grid-column: 2;
}
>.facts-display-key.prop-to-page {
border-left: 1px solid @menu-border-color-thick;
grid-column: 3;
}
>.facts-display-value.prop-to-page {
grid-column: 4;
}
}
}
}
&-subforms {
display: none;
}
&-display-header {
display: flex;
border: 1px solid @background-color;
justify-content: space-evenly;
margin-bottom: 1rem;
background-color: @menu-heading-background-color;
font-size: 110%;
font-weight: bold;
>.facts-display-header-item+.facts-display-header-item {
border-left: 1px solid @background-color;
}
>.facts-display-header-item {
flex-grow: 1;
text-align: center;
}
>.facts-display-header-item:not(:has(a[href])) {
background-color: lighten(@menu-heading-background-color, 10%);
}
}