Mobile Board Style

- don't round board when window small enough that board hits the edge
FeXd · Feb 4, 2024 · e004a53 · e004a53
1 parent 758d80d
commit e004a53
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/style.css b/style.css
@@ -297,6 +297,15 @@ main#board div {
     position: relative;
 }
 
+@media screen and (max-width: calc(64px * 8)) {
+    main#board div {
+        border-radius: 0;
+    }
+    main#board.flip div {
+        border-radius: 0;
+    }
+}
+
 /* Board Labels */
 
 main div:before, main div:after {
@@ -489,7 +498,6 @@ footer {
 #message p:nth-child(2) {
     font-size: 0.7em;
 }
-/* @media screen and (max-width: calc(var(--square) * 8)) { */
 
 @media screen and (max-width: calc(64px * 8)) {
     #message {
@@ -498,7 +506,6 @@ footer {
     }
 }
 
-
 .clickable:hover {
     cursor: pointer;
 }