Refactor game results display and scoring logic in templates and CSS
This commit is contained in:
parent
e039889488
commit
2278345f32
5 changed files with 118 additions and 40 deletions
|
@ -17,7 +17,7 @@ form a[role="button"] {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
i.owner {
|
||||
i.owner, .gold {
|
||||
color: var(--pico-color-amber-200);
|
||||
}
|
||||
|
||||
|
@ -160,10 +160,28 @@ table select {
|
|||
color: var(--pico-color-sand-300);
|
||||
}
|
||||
}
|
||||
|
||||
.score {
|
||||
font-weight: 900;
|
||||
color: var(--pico-color-zinc-500);
|
||||
margin-left: .5em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.score {
|
||||
font-weight: 900;
|
||||
color: var(--pico-color-zinc-500);
|
||||
}
|
||||
.correct {
|
||||
.score, i {
|
||||
color: var(--pico-color-lime-200);}
|
||||
}
|
||||
.wrong {
|
||||
.score, i {
|
||||
color: var(--pico-color-red-500);}
|
||||
}
|
||||
|
||||
table.results {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.sc i {
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue