From ee868d2f5f23bca0165081a9ab263ea4753f3b93 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Thu, 8 Jul 2021 13:06:12 +0200
Subject: mobile beginnings

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

(limited to 'styles')

diff --git a/styles/mobile.css b/styles/mobile.css
new file mode 100644
index 0000000..86f1372
--- /dev/null
+++ b/styles/mobile.css
@@ -0,0 +1,58 @@
+.mobile .MuiAppBar-root {
+	background-color: var(--c300);
+	color: var(--fg);
+}
+
+.mobile .MuiAppBar-root h3 {
+	margin-left: 12px;
+	font-weight: 500;
+}
+.mobile h3,
+.MuiDrawer-paper h3 {
+	font-size: 1.25rem;
+}
+
+.mobile {
+	background-color: var(--c200);
+	min-height: 100vh;
+}
+
+.mobile .inner {
+	padding: 16px;
+}
+
+.MuiDrawer-paper {
+	background-color: var(--c400) !important;
+	width: 250px;
+}
+
+.MuiDivider-root {
+	background-color: var(--c600) !important;
+	height: 2px !important;
+}
+
+.MuiDrawer-paper,
+.MuiListItemIcon-root {
+	color: var(--fg) !important;
+}
+
+.MuiDrawer-paper .MuiList-root {
+	height: 100vh;
+	position: relative;
+}
+
+.MuiDrawer-root .MuiListItem-root.Mui-selected * {
+	color: var(--piss) !important;
+}
+
+.MuiDrawer-root .MuiListItem-root.Mui-selected:after {
+	content: '';
+	position: absolute;
+	inset: 0 0 0 0;
+	background-color: var(--piss);
+	opacity: .1;
+	transition: opacity .1s;
+}
+.MuiDrawer-root .MuiListItem-root.Mui-selected:active:after {
+	opacity: .15 !important;
+}
-- 
cgit v1.2.3