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;
top: 0;
}
th.Ones {
background-color: hsl(27, 99%, 59%);
th.Ones.Lark {
background-color: hsl(0, 80%, 50%);
}
td.Ones {
background-color: hsl(27, 99%, 85%);
td.Ones.Lark {
background-color: hsl(0, 90%, 70%);
}
th.Twos {
background-color: hsl(249, 42%, 57%);
th.Ones.Robin {
background-color: hsl(39, 80%, 50%);
}
td.Twos {
background-color: hsl(249, 52%, 85%);
td.Ones.Robin {
background-color: hsl(39, 90%, 70%);
}
th.Lark::before {
content: "◠";
text-decoration: line-through;
padding-right: 1ex;
th.Twos.Lark {
background-color: hsl(240, 70%, 65%);
}
th.Robin::before {
content: "△";
padding-right: 1ex;
td.Twos.Lark {
background-color: hsl(240, 90%, 80%);
}
td.Lark.Ones {
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;
th.Twos.Robin {
background-color: hsl(180, 80%, 50%);
}
td.Lark.Twos {
background:
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;
td.Twos.Robin {
background-color: hsl(180, 90%, 70%);
}
.move {