From 98bb125b55da5f5d33183171391fc32f94e2d0c6 Mon Sep 17 00:00:00 2001
From: nachoparker <nacho@ownyourbits.com>
Date: Sun, 12 May 2019 17:11:24 +0000
Subject: support better reading in a tablet screen (#467)

* support better reading in a tablet screen
* use scss variables

Signed-off-by: nachoparker <nacho@ownyourbits.com>
---
 css/mobile.css  | 46 ----------------------------------------------
 css/mobile.scss | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 46 deletions(-)
 delete mode 100644 css/mobile.css
 create mode 100644 css/mobile.scss

(limited to 'css')

diff --git a/css/mobile.css b/css/mobile.css
deleted file mode 100644
index 83e228b2f..000000000
--- a/css/mobile.css
+++ /dev/null
@@ -1,46 +0,0 @@
-@media only screen and (max-width: 768px) {
-    #app-content .utils .date {
-        display: none;
-    }
-
-    #app-shortcuts th:first-child {
-        padding-left: 44px;
-    }
-
-    #app-navigation:not(.hidden) + #app-content {
-        width: 100%;
-    }
-
-    #mark-all-read-button {
-        display: block;
-    }
-}
-
-@media only screen and (max-width: 600px) {
-    #app-content .article-actions ul {
-        max-width: 164px;
-    }
-
-    #app-content .heading .date {
-        display: none;
-    }
-
-    #app-content .heading h1 {
-        margin-right: 0;
-    }
-
-    #app-content .utils {
-        padding-right: 15px;
-    }
-
-    #app-content .article {
-        padding-right: 15px;
-        padding-left: 44px;
-    }
-}
-
-@media only screen and (max-width: 340px) {
-    #app-content .article-actions  {
-        max-width: 82px;
-    }
-}
diff --git a/css/mobile.scss b/css/mobile.scss
new file mode 100644
index 000000000..02271a263
--- /dev/null
+++ b/css/mobile.scss
@@ -0,0 +1,46 @@
+@media only screen and (max-width: $breakpoint_mobile) {
+    #app-content .utils .date {
+        display: none;
+    }
+
+    #app-shortcuts th:first-child {
+        padding-left: 44px;
+    }
+
+    #app-navigation:not(.hidden) + #app-content {
+        width: 100%;
+    }
+
+    #mark-all-read-button {
+        display: block;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    #app-content .article-actions ul {
+        max-width: 164px;
+    }
+
+    #app-content .heading .date {
+        display: none;
+    }
+
+    #app-content .heading h1 {
+        margin-right: 0;
+    }
+
+    #app-content .utils {
+        padding-right: 15px;
+    }
+
+    #app-content .article {
+        padding-right: 15px;
+        padding-left: 44px;
+    }
+}
+
+@media only screen and (max-width: 340px) {
+    #app-content .article-actions  {
+        max-width: 82px;
+    }
+}
-- 
cgit v1.2.3