From 467c27d5c213d8edfccfd3b3f4cf63f43fb18481 Mon Sep 17 00:00:00 2001 From: Aditya Telange <21258296+adityatelange@users.noreply.github.com> Date: Sat, 25 Jul 2020 13:28:07 +0530 Subject: [PATCH] adjust post size for mobile devices --- assets/css/post-entry.css | 8 +++++++- assets/css/theme-vars.css | 6 ++++++ 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/assets/css/post-entry.css b/assets/css/post-entry.css index 9d5e079..c0dda12 100644 --- a/assets/css/post-entry.css +++ b/assets/css/post-entry.css @@ -9,6 +9,12 @@ margin-bottom: var(--header-height); } +@media screen and (max-width: 600px) { + .first-entry { + height: 240px; + } +} + .first-entry .entry-header { overflow: hidden; display: -webkit-box; @@ -82,4 +88,4 @@ display: inline; color: var(--secondary); font-size: 14px; -} +} \ No newline at end of file diff --git a/assets/css/theme-vars.css b/assets/css/theme-vars.css index c1876ee..246ebfb 100644 --- a/assets/css/theme-vars.css +++ b/assets/css/theme-vars.css @@ -21,6 +21,12 @@ --border: #eee; } +@media screen and (max-width: 600px) { + :root { + --gap: 14px; + } +} + .dark { --theme: #1d1e20; --entry: #2e2e33;