From 0d0a2e3382e804ba9d69dd27fe70c41659ef0c05 Mon Sep 17 00:00:00 2001
From: Silvio Rhatto <rhatto@riseup.net>
Date: Mon, 15 Oct 2018 20:15:29 -0300
Subject: Themes: mono: mobile first behavior

---
 www/themes/mono/scuttle.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'www/themes')

diff --git a/www/themes/mono/scuttle.css b/www/themes/mono/scuttle.css
index 02f261f..7f2e50e 100644
--- a/www/themes/mono/scuttle.css
+++ b/www/themes/mono/scuttle.css
@@ -671,3 +671,33 @@ a.bookmarklet {
 .ui-autocomplete {
     width: 458px;
 }
+
+/* Mobile First behavior */
+
+#search, #sidebar {
+	visibility: hidden;
+	display: none;
+}
+
+ol#bookmarks {
+	width: 95%;
+}
+
+#welcome {
+	width: 80%;
+}
+
+@media only screen and (min-width : 800px) {
+	#search, #sidebar {
+		visibility: inherit;
+		display: inherit;
+	}
+
+	ol#bookmarks {
+		width: inherit;
+	}
+
+	#welcome {
+		width: inherit;
+	}
+}
-- 
cgit v1.2.3