From 582452e79ab43e174ff33641cf7deb81fe25fcb4 Mon Sep 17 00:00:00 2001
From: s-ol <s+removethis@s-ol.nu>
Date: Tue, 4 Jan 2022 20:47:01 +0100
Subject: add scale highlighting

---
 app/style.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'app/style.js')

diff --git a/app/style.js b/app/style.js
index ea59e75..0bd718e 100644
--- a/app/style.js
+++ b/app/style.js
@@ -82,17 +82,30 @@ body {
   font-size: ${rem(longSize * 0.5)};
   text-align: center;
   background: #696969;
+  border: 3px solid #696969;
   color: #eeeeee;
   cursor: pointer;
 
-  transition: background 300ms;
+  transition: background 300ms, border 300ms;
 }
+
+.hexagon.disabled > .inner {
+  background: #363636 !important;
+  border-color: #363636;
+  color: #848484;
+}
+.hexagon.core> .inner {
+  border-color: #eeeeee;
+}
+
 .hexagon > .inner:hover {
   background: #848484;
+  border-color: #848484;
 }
 .hexagon > .inner:active,
 .hexagon.active > .inner {
   background: #eeeeee;
+  border-color: #eeeeee;
   color: #696969;
 }
 
-- 
cgit v1.2.3