perelman/contra-renderer
1
0
Fork 1
Code Issues 5 Pull Requests Activity

Compare commits

base: perelman:f971e527364ef897cbfcc25045961c05471a2262
Branches Tags
perelman:main
perelman:feature/variants
perelman:exp/dancer-colors
perelman:exp/perf/cache-strings
..
compare: perelman:b683803ab77f867ac5ce642dea46f887cc0b42c4
Branches Tags
perelman:feature/variants
perelman:main
perelman:exp/dancer-colors
perelman:exp/perf/cache-strings

No commits in common. "f971e527364ef897cbfcc25045961c05471a2262" and "b683803ab77f867ac5ce642dea46f887cc0b42c4" have entirely different histories.
f971e52736 ... b683803ab7

1 changed files with 16 additions and 45 deletions
Show Stats Expand all files Collapse all files

61
www/index.html
View File

@ -58,58 +58,29 @@
position: sticky; position: sticky;
top: 0; top: 0;
} }
th.Ones.Lark {
th.Ones { background-color: hsl(0, 80%, 50%);
background-color: hsl(27, 99%, 59%);
} }
td.Ones { td.Ones.Lark {
background-color: hsl(27, 99%, 85%); background-color: hsl(0, 90%, 70%);
} }
th.Twos { th.Ones.Robin {
background-color: hsl(249, 42%, 57%); background-color: hsl(39, 80%, 50%);
} }
td.Twos { td.Ones.Robin {
background-color: hsl(249, 52%, 85%); background-color: hsl(39, 90%, 70%);
} }
th.Twos.Lark {
th.Lark::before { background-color: hsl(240, 70%, 65%);
content: "◠";
text-decoration: line-through;
padding-right: 1ex;
} }
th.Robin::before { td.Twos.Lark {
content: "△"; background-color: hsl(240, 90%, 80%);
padding-right: 1ex;
} }
th.Twos.Robin {
td.Lark.Ones { background-color: hsl(180, 80%, 50%);
background:
radial-gradient(circle at bottom left, hsl(27, 99%, 75%) 15%, transparent 16%),
radial-gradient(circle at bottom right, hsl(27, 99%, 75%) 15%, transparent 16%),
hsl(27, 99%, 85%);
background-size: 6em 3em;
} }
td.Lark.Twos { td.Twos.Robin {
background: background-color: hsl(180, 90%, 70%);
radial-gradient(circle at bottom left, hsl(249, 42%, 75%) 15%, transparent 16%),
radial-gradient(circle at bottom right,hsl(249, 42%, 75%) 15%, transparent 16%),
hsl(249, 52%, 85%);
background-size: 6em 3em;
}
td.Robin.Ones {
background:
linear-gradient(45deg,hsl(27, 99%, 75%) 10%, transparent 10%),
linear-gradient(135deg, transparent 90%,hsl(27, 99%, 75%) 90%),
hsl(27, 99%, 85%);
background-size: 6em 3em;
}
td.Robin.Twos {
background:
linear-gradient(45deg,hsl(249, 42%, 75%) 10%, transparent 10%),
linear-gradient(135deg, transparent 90%,hsl(249, 42%, 75%) 90%),
hsl(249, 52%, 85%);
background-size: 6em 3em;
} }
.move { .move {