summaryrefslogtreecommitdiff
path: root/pub/index.css
diff options
context:
space:
mode:
authorpommicket <pommicket@gmail.com>2025-09-19 12:57:11 -0400
committerpommicket <pommicket@gmail.com>2025-09-19 12:57:28 -0400
commitc53699a21bbb2f3884ecd74e6085efdbc2fc2a28 (patch)
treea35abdd17f27ea6a6fa369334f7284c413deb76a /pub/index.css
parenta27ffcd70ca9dfad9f7cd7a99fbae484d1719c10 (diff)
Polishing, keyboard input, publish script
Diffstat (limited to 'pub/index.css')
-rw-r--r--pub/index.css14
1 files changed, 9 insertions, 5 deletions
diff --git a/pub/index.css b/pub/index.css
index 840cae3..544873a 100644
--- a/pub/index.css
+++ b/pub/index.css
@@ -1,5 +1,6 @@
body {
font-family: Helvetica, sans-serif;
+ color: #000;
--tile-margin: 5%;
--tile-color: #eca;
--button-background-color: #eee;
@@ -170,7 +171,7 @@ input[name=color-mode] {
background-color: transparent;
font-weight: normal;
box-sizing: border-box;
- border: 0.3vmin solid var(--select-tile-border-color);
+ border: min(0.7mm, 0.3vmin) solid var(--select-tile-border-color);
width: min(1.5cm,10vmin);
height: min(1.5cm,10vmin);
font-size: min(1.2cm,8vmin);
@@ -179,8 +180,14 @@ input[name=color-mode] {
.select-tile-container .tile.possible,
.select-tile-container .tile.correct {
background-color: var(--select-tile-possible-color);
+}
+
+.select-tile-container .tile.possible,
+.select-tile-container .tile.correct,
+.select-tile-container .tile.wrong,
+.select-tile-container .tile.placing {
+ border-width: min(1.5mm, 0.6vmin);
font-weight: bold;
- border-width: 0.6vmin;
}
.select-tile-container .tile.missed {
background-color: var(--select-tile-possible-color);
@@ -190,12 +197,9 @@ input[name=color-mode] {
}
.select-tile-container .tile.wrong {
background-color: var(--select-tile-not-possible-color);
- font-weight: bold;
- border-width: 0.6vmin;
}
.select-tile-container .tile.placing {
background-color: var(--select-tile-placing-color);
- font-weight: bold;
}
#submit {
outline: 0;