Template:Featured In/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
Tesinormed (talk | contribs) No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| Line 43: | Line 43: | ||
.template-featured_in-content { |
.template-featured_in-content { |
||
display: flex; |
|||
flex-direction: column; |
|||
gap: var(--space-xs); |
|||
padding: var(--space-sm); |
padding: var(--space-sm); |
||
} |
} |
||
| Line 49: | Line 52: | ||
font-size: var(--font-size-large); |
font-size: var(--font-size-large); |
||
font-weight: bold; |
font-weight: bold; |
||
margin-block: var(--space- |
margin-block: var(--space-xxs); |
||
} |
} |
||
Revision as of 19:04, July 3, 2025
.template-featured_in {
width: 300px;
max-width: 100%;
margin-block: var(--space-sm);
background: var(--color-surface-2);
border: var(--color-amaranth-legacy-scope) solid 4px;
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
text-align: center;
}
@media screen and (max-width: 639px) {
.template-featured_in {
margin-right: auto;
margin-left: auto;
}
}
.template-featured_in-title {
font-size: var(--font-size-xx-large);
font-weight: bold;
text-align: center;
cursor: pointer;
user-select: none;
padding: var(--space-xs);
}
.template-featured_in-title:hover {
background: var(--background-color-button-quiet--hover);
}
.template-featured_in-title::marker {
content: "";
}
.template-featured_in-title::-webkit-details-marker {
display: none;
}
.template-featured_in[open] .template-featured_in-title {
border-bottom: var(--color-amaranth-legacy-scope) solid 4px;
box-shadow: var(--color-amaranth-legacy-scope) 0 0 10px;
}
.template-featured_in-content {
display: flex;
flex-direction: column;
gap: var(--space-xs);
padding: var(--space-sm);
}
.template-featured_in-section-header {
font-size: var(--font-size-large);
font-weight: bold;
margin-block: var(--space-xxs);
}
.template-featured_in-section-content p {
margin-block: 0;
}