From ea8f308bc00330b5378eb2b8f16d9cc348719c9a Mon Sep 17 00:00:00 2001
From: Kyle Gunger <corechg@gmail.com>
Date: Thu, 27 Feb 2020 17:48:00 -0500
Subject: Init WebCards

---
 webcards/styles/client/mobile.css | 81 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 webcards/styles/client/mobile.css

(limited to 'webcards/styles/client/mobile.css')

diff --git a/webcards/styles/client/mobile.css b/webcards/styles/client/mobile.css
new file mode 100644
index 0000000..cea233d
--- /dev/null
+++ b/webcards/styles/client/mobile.css
@@ -0,0 +1,81 @@
+@media (max-width: 599px), (max-height: 500px) {
+    /*
+        Hide stuff
+    */
+    div.server {
+        display: none;
+    }
+
+    div.info {
+        display: none;
+    }
+
+    /*
+        TopBar for mobile
+    */
+
+    div.topbar > div.status {
+        height: 10px;
+    }
+
+    div.top-buttons {
+        height: 50px;
+    }
+
+    button.top-button {
+        padding: 5px;
+    }
+
+    button#reset:before, button#newgame:before, button#settings:before {
+        font-family: "IcoFont";
+        font-size: xx-large;
+    }
+    
+    button#newgame:before{
+        content: "\efc2";
+    }
+
+    button#settings {
+        display: inline-block;
+    }
+
+    button#settings:before {
+        content: "\ef3a";
+    }
+
+    button#reset:before{
+        content: "\efd1";
+    }
+
+    /*
+        Mobile lobby
+    */
+
+    div.lobby {
+        display: flex;
+        flex-direction: column;
+        height: 100vh;
+    }
+
+    div.content {
+        margin-top: 60px;
+        box-sizing: border-box;
+        flex: 1;
+    }
+
+    div.games {
+        height: 100%;
+        width: 100%;
+        overflow-x: hidden;
+        overflow-y: auto;
+
+        background-color: #ddd;
+        padding: 5px;
+        box-sizing: border-box;
+
+    }
+
+    div.game {
+        height: 12.5%;
+    }
+}
-- 
cgit v1.2.3