From 8e1dcbd2e1975872c67682e444786196a0c245b5 Mon Sep 17 00:00:00 2001
From: Dave Pearson <davep@davep.org>
Date: Thu, 20 Oct 2022 15:55:49 +0100
Subject: [PATCH] Add a wee bit of animation

---
 examples/five_by_five.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/examples/five_by_five.css b/examples/five_by_five.css
index 330953247..8901d777a 100644
--- a/examples/five_by_five.css
+++ b/examples/five_by_five.css
@@ -1,3 +1,6 @@
+$animation-type: linear;
+$animatin-speed: 175ms;
+
 Game {
     align: center middle;
     layers: gameplay messages;
@@ -40,6 +43,7 @@ GameCell {
     height: 100%;
     background: $surface;
     border: round $surface-darken-1;
+    transition: background $animatin-speed $animation-type, color $animatin-speed $animation-type;
 }
 
 GameCell:hover {