Template:Reagent card/styles.css: Difference between revisions
From Space Station 14 Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.reagent-card { | .reagent-card { | ||
min-width: 20rem; | min-width: 20rem; | ||
border: | border: 2px solid var(--border-color-light-x2); | ||
width: 50ch; | |||
margin: .75rem; | |||
} | } | ||
Line 9: | Line 10: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: large; | font-size: large; | ||
margin: var(--margin); | margin: var(--margin); | ||
margin-bottom: 0; | margin-bottom: 0; |
Revision as of 07:16, 24 May 2025
.reagent-card {
min-width: 20rem;
border: 2px solid var(--border-color-light-x2);
width: 50ch;
margin: .75rem;
}
.reagent-card-header {
text-align: center;
font-weight: bold;
font-size: large;
margin: var(--margin);
margin-bottom: 0;
}
.reagent-card-spoiler-section-label {
user-select: none;
font-size: medium;
}
.reagent-card-spoiler-section-label,
.reagent-card-spoiler-section {
margin: 0;
}
.reagent-card-spoiler-section + .reagent-card-text-section {
margin-top: 0.4em;
}
.reagent-card-text-section,
.reagent-card-spoiler-section {
color: lightgray;
margin: 0 0.5em;
}
.reagent-card-spoiler-section-label::before {
--wh-ratio: 1.5;
--w: 0.9em;
--h: calc(var(--w) / var(--wh-ratio));
content: "";
background-image: url("/w/images/1/12/Inverted_triangle.svg");
display: inline-block;
background-size: cover;
width: var(--w);
height: var(--h);
margin: 0 0.1em;
transition: transform 60ms ease;
}
.cursive {
font-style: italic;
}