setup game engine

1 files changed, 32 insertions, 0 deletions

diff --git a/land-and-freedom.scss b/land-and-freedom.scss
index 42f75e2..fc8e962 100644
--- a/land-and-freedom.scss
+++ b/land-and-freedom.scss
@@ -1,6 +1,9 @@
 // @use "sass:math";
 @use 'sass:map';
 
+$selectable-color: white; //  yellow;
+$selected-color: yellow; //blue;
+
 main {
   // background-color: rgb(213, 196, 131);
   background-color: darkolivegreen;
@@ -106,11 +109,40 @@ main {
   background-repeat: no-repeat;
   border-radius: 4px;
   box-shadow: 0 0 0 1px #333;
+  transition-property: top, left;
+  transition-duration: 700ms;
+  transition-timing-function: ease;
   // opacity: 0.6;
 }
 
+.card.action,
+.front.action,
+.standee.action {
+  box-shadow: 0 0 0 3px $selectable-color;
+}
+
+.card.action:hover,
+.front.action:hover,
+.standee.action:hover {
+  box-shadow: 0 0 0 3px $selected-color;
+}
+
+// .standee.action:hover {
+//   box-shadow: 0 0 0 2px blue;
+// }
+
 @for $i from 0 through 4 {
   .standee[data-standee-id='#{$i}'] {
     background-image: url('images/standees/standee_#{$i}.png');
   }
 }
+
+#log { background-color: floralwhite; }
+#log .h1, #log .h2 {
+	font-size: 10px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	text-align: center;
+}
+#log .h1 { background-color: hsl(4, 40%, 73%); }
+#log .h2 { background-color: hsl(250, 40%, 83%); }
\ No newline at end of file