Style:Facts
&>.citethis {
background-color: #f5f5dc;
border: 1px solid #57160d;
padding: .25rem .5rem;
margin-bottom: 1rem;
}
&-display {
display: grid;
grid-template-columns: auto 1fr;
background-color: @article-color;
border: 1px solid @background-color;
&+.facts-display {
margin-top: .75em;
}
>.facts-display-key {
font-weight: bold;
padding: .25em .75em;
border-right: 1px solid @menu-border-color-thick;
a,
a:visited {
color: black;
}
&~.facts-display-key {
border-top: 1px solid @menu-border-color-thick;
}
}
>.facts-display-value {
padding: .25em .75em;
&~.facts-display-value {
border-top: 1px solid @menu-border-color-thick;
}
>.facts-display {
font-size: 90%;
}
.hidden {
display: none;
}
}
}
&-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%);
}
}