Emulate hovering for smartphones: require confirmation click

[vchess.git] / client / src / styles / _board_squares_img.sass

diff --git a/client/src/styles/_board_squares_img.sass b/client/src/styles/_board_squares_img.sass
index c1adf6f..4075984 100644 (file)
--- a/client/src/styles/_board_squares_img.sass
+++ b/client/src/styles/_board_squares_img.sass
@@ -11,6 +11,10 @@ div.board5
   width: 20%
   padding-bottom: 20%
 
+div.board7
+  width: 14.28%
+  padding-bottom: 14.28%
+
 div.board8
   width: 12.5%
   padding-bottom: 12.5%
@@ -59,6 +63,9 @@ img.circle-square
 .in-shadow
   filter: brightness(50%)
 
+.touch-hover
+  background-color: #C571E6 !important
+
 .monochrome
   border-bottom: 1px solid black
   border-right: 1px solid black
@@ -76,22 +83,26 @@ img.circle-square
   background-color: #f0d9b5
 .dark-square.lichess
   background-color: #b58863
+.middle-square.lichess
+  background-color: #D3B18C
 
 .light-square.chesscom
   background-color: #e5e5ca
 .dark-square.chesscom
   background-color: #6f8f57
+.middle-square.chesscom
+  background-color: #AABA91
 
 .light-square.chesstempo
   background-color: #dfdfdf
 .dark-square.chesstempo
   background-color: #7287b6
-
-.middle-square.lichess
-  background-color: #D3B18C
-
-.middle-square.chesscom
-  background-color: #AABA91
-
 .middle-square.chesstempo
   background-color: #A9B3CB
+
+.light-square.orangecc
+  background-color: #fce4b2
+.dark-square.orangecc
+  background-color: #d08b18
+.middle-square.orangecc
+  background-color: #E6B865