46 lines
896 B
SCSS
46 lines
896 B
SCSS
:host {
|
|
display: block;
|
|
}
|
|
|
|
.capacity-strip {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--ar-space-4);
|
|
align-items: center;
|
|
}
|
|
|
|
.capacity {
|
|
display: inline-flex;
|
|
gap: 0.45rem;
|
|
align-items: baseline;
|
|
margin: 0;
|
|
color: var(--ar-text-muted);
|
|
font-size: var(--ar-font-sm);
|
|
letter-spacing: 0.06em;
|
|
}
|
|
|
|
.capacity__label {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.capacity__count {
|
|
color: var(--ar-text);
|
|
font-family: Georgia, 'Times New Roman', serif;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* A full category has to stop the player before the next farm cycle
|
|
(spec §12), so it reads as a warning rather than another grey number. */
|
|
.capacity--full .capacity__count {
|
|
color: var(--ar-danger);
|
|
}
|
|
|
|
.capacity__flag {
|
|
padding: 0.05em 0.4em;
|
|
border: 1px solid rgb(158 46 42 / 0.75);
|
|
border-radius: 0.15rem;
|
|
color: #d8736c;
|
|
font-size: 0.85em;
|
|
text-transform: uppercase;
|
|
}
|