summaryrefslogtreecommitdiff
path: root/client/src/Mancala/Play.css
diff options
context:
space:
mode:
authorMike Vink <mike1994vink@gmail.com>2021-06-25 12:56:04 +0200
committerMike Vink <mike1994vink@gmail.com>2021-06-25 12:56:04 +0200
commit6bd8d0345e3ac653c3fad4f1c7a6352e8a4a166e (patch)
treef142d3f43add40c2dd56bc496d6b4ab497f31a3e /client/src/Mancala/Play.css
parent38d59e2876b9f4d7c589d58295ef8acdf336a45b (diff)
parent102b25f18d9b269c58d15677f10cd71c15003c4b (diff)
Merge branch 'mvcFeature' into mainline
Diffstat (limited to 'client/src/Mancala/Play.css')
-rw-r--r--client/src/Mancala/Play.css44
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/Mancala/Play.css b/client/src/Mancala/Play.css
new file mode 100644
index 0000000..6aa0d8f
--- /dev/null
+++ b/client/src/Mancala/Play.css
@@ -0,0 +1,44 @@
+/** Add some styles */
+#board {
+ display: flex;
+ background: var(--board-color);
+ padding: 20px;
+
+ border-radius: 10%;
+
+ justify-content: center;
+ flex-flow: row;
+ flex-direction: row;
+
+ width: 800px;
+ height: 400px;
+}
+
+#pits {
+ position: relative;
+ display: inline-flex;
+
+
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+
+ width: 80%;
+}
+
+.playArea {
+ position: relative;
+}
+
+.playerStatus {
+ position: relative;
+ display: flex;
+
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+
+ height: 100px;
+
+}