From a451b6f2caab41fb7021fa2c1eb25171eb815d4b Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@protonmail.com>
Date: Wed, 24 Jul 2024 21:25:52 +0200
Subject: [PATCH] Fix font size on mobile

---
 src/components/molecules/Markdown.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/molecules/Markdown.svelte b/src/components/molecules/Markdown.svelte
index 39a765a..2c34240 100644
--- a/src/components/molecules/Markdown.svelte
+++ b/src/components/molecules/Markdown.svelte
@@ -107,12 +107,18 @@
 </div>
 
 <style lang="scss">
+  @import "$lib/styles/mixins.scss";
+
   @layer component {
     .markdown {
       hyphens: auto;
       text-align: justify;
       cursor: text;
       font-size: 15pt;
+
+      @include portrait {
+        font-size: 13pt;
+      }
     }
 
     :global(.heading) {