Rewrite how the chessboard works.

[remoteglot] / www / css / chessboard-0.3.0.css

diff --git a/www/css/chessboard-0.3.0.css b/www/css/chessboard-0.3.0.css
index bf1a53ad103fdb24f3f0d9ee762a1066a036c75b..557f28349c3e407fd3dfb72fbbe0e8ec5257e193 100644 (file)
--- a/www/css/chessboard-0.3.0.css
+++ b/www/css/chessboard-0.3.0.css
@@ -9,23 +9,19 @@
  * Date: 10 Aug 2013
  */
 
-/* clearfix */
-.clearfix-7da63 {
-  clear: both;
-}
-
 /* board */
 .board-b72b1 {
-  border: 2px solid #404040;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
+  outline: 2px solid #404040;
+  display: grid;
+  grid-template-rows: repeat(8, 12.5%);
+  grid-template-columns: repeat(8, 12.5%);
+  grid-gap: 0px;
+  width: 100%;
+  aspect-ratio: 1;
 }
 
 /* square */
 .square-55d63 {
-  float: left;
-  position: relative;
-
   /* disable any native browser highlighting */
   user-select: none;
 }
@@ -48,7 +44,7 @@
 }
 
 /* notation */
-.notation-322f9 {
+.alpha-d2270, .numeric-fc462 {
   cursor: default;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
@@ -65,4 +61,7 @@
 
 .piece-417db {
   transform: translate(0,0);  /* Force a new stacking context for SVG pieces. */
+  position: absolute;
+  width: 12.5%;
+  height: 12.5%;
 }