aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--draughts/public/stylesheets/game.css31
1 files changed, 23 insertions, 8 deletions
diff --git a/draughts/public/stylesheets/game.css b/draughts/public/stylesheets/game.css
index 1255f15..e1dc996 100644
--- a/draughts/public/stylesheets/game.css
+++ b/draughts/public/stylesheets/game.css
@@ -1,20 +1,31 @@
@import "style.css";
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+html, body {
+ /* Make the body take up the entire screen */
+ margin: 0;
+ height: 100%;
+}
+
body {
/* Set the default font */
font-family: "Saira Condensed";
-
- /* Remove the margin on the sides of the screen */
- margin: 0;
+
+ /* Split up the body into 2 halves with a grid */
+ display: grid;
+ grid-template-columns: 50% 50%;
}
body > div {
- /* Take up exactly half the screen */
- width: 50%;
- height: 100%;
- position: absolute;
-
/* Center all children */
display: flex;
align-items: center;
@@ -134,6 +145,10 @@ body > div {
cursor: pointer;
}
+#resign:active {
+ animation: spin 1s 5 linear;
+}
+
#resign p {
/* Make the resign text look nice */
font-style: normal;