From f71d3ff7dd4e6b4536049fe034e934182cb36cf4 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Sat, 26 Oct 2024 00:24:38 +0200
Subject: Animate transitions. Card background color while image is loading.

---
 play.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'play.css')

diff --git a/play.css b/play.css
index c339351..1a9b4dd 100644
--- a/play.css
+++ b/play.css
@@ -123,9 +123,10 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 	height: 45px;
 	border: 2px solid;
 	border-color: #eee #bbb #bbb #eee;
-	/* TODO: per marker border color */
 	box-shadow: 0 0 0 1px #444;
-	//border-radius: 8px;
+	transition-property: top, left;
+	transition-duration: 700ms;
+	transition-timing-function: ease;
 }
 
 .demInfl { background-color: #fff; }
@@ -249,6 +250,7 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 .card {
 	background-size: cover;
 	background-repeat: no-repeat;
+	background-color: #fffde9;
 	width: 250px;
 	height: 350px;
 	border-radius: 16px;
-- 
cgit v1.2.3