add scale highlighting

1 files changed, 14 insertions, 1 deletions

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;
 }