mobile leayout for default page

2022-01-16 18:24:41 +01:00 · 2022-01-16 18:24:41 +01:00 · 3c5ec034fb
commit 3c5ec034fb
parent c4d07801d8
1 changed files with 27 additions and 0 deletions
--- a/assets/scss/_page.scss
+++ b/assets/scss/_page.scss
@ -21,4 +21,31 @@ div.page {
        font-size: $font_size_h2;
        text-shadow: 0px 0px 1px black;
    }
+    img {
+        max-height: 7dh;
+        max-width: 100%;
+    }
+}
+
+@media (max-width: $mobile_view) {
+    div.page {
+        p, a{
+          font-size: $font_size_default_mobile;
+        }
+        code {
+            font-size: $font_size_code_mobile;
+        }
+        img {
+            max-height: 5dh;
+            max-width: 90%;
+        }
+    }
+}
+
+@media (max-width: $tiny_view) {
+    div.page {
+        p, a{
+          font-size: $font_size_default_tiny;
+        }
+    }
 }