From 239e1154bde48e5c3af27f62a67e7f8044e32a46 Mon Sep 17 00:00:00 2001
From: hylom <hylom@users.sourceforge.jp>
Date: Thu, 4 Apr 2019 19:53:07 +0900
Subject: [PATCH] css: fix threshold screen width to hide sidebar (#7501)

---
 src/newslash_web/css/newslash/article.less | 2 +-
 src/newslash_web/css/newslash/base.less    | 6 +++---
 src/newslash_web/css/newslash/content.less | 4 ++--
 src/newslash_web/css/newslash/default.less | 6 +++---
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/newslash_web/css/newslash/article.less b/src/newslash_web/css/newslash/article.less
index 03e1ac01..7168a356 100644
--- a/src/newslash_web/css/newslash/article.less
+++ b/src/newslash_web/css/newslash/article.less
@@ -73,7 +73,7 @@ article {
     }
 }
 
-@media(max-width:480px) {
+@media @mobile {
     article {
         header h1 img {
             display: none;
diff --git a/src/newslash_web/css/newslash/base.less b/src/newslash_web/css/newslash/base.less
index 2c62d81c..b49ecabd 100644
--- a/src/newslash_web/css/newslash/base.less
+++ b/src/newslash_web/css/newslash/base.less
@@ -42,6 +42,9 @@
 @icon-font-name: "glyphicons-halflings-regular";
 @icon-font-svg-id: "glyphicons_halflingsregular";
 
+/**** media query shorthand ****/
+@mobile: ~"only screen and (max-width: 840px)";
+
 .glyph {
   position: relative;
   top: 1px;
@@ -66,9 +69,6 @@
     border-left: 4px solid transparent;
 }
 
-/**** media query shorthand ****/
-@mobile: ~"only screen and (max-width: 720px)";
-
 .break-all {
     word-break: break-all;
 }
diff --git a/src/newslash_web/css/newslash/content.less b/src/newslash_web/css/newslash/content.less
index 323495ee..bafb18b6 100644
--- a/src/newslash_web/css/newslash/content.less
+++ b/src/newslash_web/css/newslash/content.less
@@ -22,7 +22,7 @@
     }
 }
 
-@media(max-width:480px) {
+@media @mobile {
     .contents-text {
         blockquote,
         div.quote {
@@ -33,4 +33,4 @@
             line-height: 160%;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/newslash_web/css/newslash/default.less b/src/newslash_web/css/newslash/default.less
index c1d95c47..c3c1870a 100644
--- a/src/newslash_web/css/newslash/default.less
+++ b/src/newslash_web/css/newslash/default.less
@@ -8,7 +8,7 @@ body {
     background-color: @background-color;
     color: @foreground-color;
 }
-@media(max-width:480px) {
+@media @mobile {
     body { font-size: 14px; }
 }
 
@@ -34,8 +34,8 @@ a:hover {
     text-decoration: underline;
 }
 
-@media(max-width:480px) {
+@media @mobile {
     .abbrevable  {
         display: none !important;
     }
-}
\ No newline at end of file
+}
-- 
2.11.0