summaryrefslogtreecommitdiff
path: root/client/src/Mancala/Pit.css
diff options
context:
space:
mode:
authorMike Vink <mike1994vink@gmail.com>2021-06-24 23:11:39 +0200
committerMike Vink <mike1994vink@gmail.com>2021-06-24 23:11:39 +0200
commit976ed2b105e80b257ebb724b3061400f37460041 (patch)
treebd04ac5d0a7978d6d8a4a5e2d862bf574314f2f8 /client/src/Mancala/Pit.css
parent3906fcf3d702f13da79c797c91a2dd32d874af49 (diff)
mega commit
Diffstat (limited to 'client/src/Mancala/Pit.css')
-rw-r--r--client/src/Mancala/Pit.css46
1 files changed, 46 insertions, 0 deletions
diff --git a/client/src/Mancala/Pit.css b/client/src/Mancala/Pit.css
new file mode 100644
index 0000000..8cd3f63
--- /dev/null
+++ b/client/src/Mancala/Pit.css
@@ -0,0 +1,46 @@
+.Pit {
+ display: inline-flex;
+
+ justify-content: center;
+ align-items: center;
+
+ width: 16%;
+}
+
+.Recession {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background: var(--recess-color);
+}
+
+.Pit .Recession {
+ border-radius: 50%;
+ height: 50%;
+ width: 100%;
+}
+
+.Kalaha {
+ display: inline-flex;
+
+ justify-content: center;
+ align-items: center;
+
+ width: 10%;
+}
+
+.Kalaha .Recession {
+ border-radius: 30%;
+ height: 50%;
+ width: 100%;
+}
+
+.Stone {
+ position: absolute;
+ background: gray;
+ border-radius: 50%;
+ border: 2px solid black;
+ height: 16px;
+ width: 16px;
+ min-height: 5px;
+}