diff options
Diffstat (limited to 'css/mobile.css')
-rw-r--r-- | css/mobile.css | 75 |
1 files changed, 41 insertions, 34 deletions
diff --git a/css/mobile.css b/css/mobile.css index d5a8a6b89..02271a263 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -1,39 +1,46 @@ -@media only screen and (max-width: 1024px) { - #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: $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; - } + #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; - } + #app-content .article-actions { + max-width: 82px; + } } - -/*# sourceMappingURL=mobile.css.map */ |