Fix font size on mobile

3 months ago · a451b6f2ca
parent 3cc0194f67
commit a451b6f2ca
1 changed files with 6 additions and 0 deletions
--- 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) {