The word "label" was far too generic to capture the stlying needs for
this class. Thanks to Andrew for pointing out that this feature is
really what games today call an "achievement".
border-radius: 4px;
background-color: var(--accent-color-bright);
color: var(--text-fg-on-accent-bright);
border-radius: 4px;
background-color: var(--accent-color-bright);
color: var(--text-fg-on-accent-bright);
{state.scores.scores.map(score => {
let perfect = null;
if (score.score == perfect_score) {
{state.scores.scores.map(score => {
let perfect = null;
if (score.score == perfect_score) {
- perfect = <span className="label">Perfect!</span>;
+ perfect = <span className="achievement">Perfect!</span>;
}
return (
<li key={score.players[0]}>
}
return (
<li key={score.players[0]}>