Adjust squares size for bigger boards
[vchess.git] / public / stylesheets / variant.sass
index 7e530f6..e28bc84 100644 (file)
@@ -71,15 +71,24 @@ figure.diagram-container > .diagram
 .black-turn
   background-color: black
 
-// TODO: div.board, board9, board10, board11, board12
 div.board
   float: left
-  width: 12.5%
   height: 0
-  padding-bottom: 12.5%
   display: inline-block
   position: relative
 
+div.board8
+  width: 12.5%
+  padding-bottom: 12.5%
+
+div.board10
+  width: 10%
+  padding-bottom: 10%
+
+div.board11
+  width: 9.1%
+  padding-bottom: 9.1%
+
 .game
   clear: both