Added mobile support for markdown.css

static/main/css/layout.css

@@ -57,7 +57,7 @@ em {
 
 .primary-navigation a {
     color: var(--color-fg-default);
-    font-size: 2rem;
+    font-size: 1.5rem;
     text-decoration: none;
 }
 .primary-navigation a:hover {
@@ -83,6 +83,10 @@ em {
         transform: translateX(100%);
         transition: transform 350ms ease-out;
     }
+    .primary-navigation a {
+        padding: 1rem;
+        text-align: right;
+    }
 
     .primary-navigation[data-visible="true"] {
         transform: translateX(0%);

static/main/css/markdown.css

@@ -7,7 +7,7 @@
     max-width: 50rem;
     color: var(--text-color);
     padding: 2rem;
-    margin: 8rem auto 8rem auto;
+    margin: 8em auto 8em auto;
     line-height: 1.5;
     word-wrap: break-word;
 }
@@ -246,6 +246,16 @@
     border: 0;
 }
 
+.markdown-body blockquote:first-child {
+    margin-top: 0;
+}
+
+.markdown-body blockquote {
+    padding: 0 1em;
+    color: var(--color-fg-muted);
+    border-left: 0.25em solid var(--color-border-default);
+}
+
 .markdown-body [data-footnote-ref]::before {
     content: "[";
 }
@@ -273,3 +283,14 @@
 .markdown-body .footnotes li {
     position: relative;
 }
+
+@media (max-width: 35em) {
+    .markdown-body {
+        margin: 2em 0 2em 0;
+        border-left: none;
+        border-right: none;
+        border-radius: 0;
+        background-color: var(--color-scale-gray-8);
+        color: var(--color-scale-gray-0);
+    }
+}

templates/projects/karbs/instructions.html

@@ -37,9 +37,11 @@ sh karbs</pre>
     target="_blank">right here</a>!
         </p>
         <p>Here is some idea of the programs installed:</p>
-        <aside>
-            If you don't know any of these programs and this is all Greek to you, don't worry because it's all done automatically for you and you will learn as you use the system.
-        </aside>
+        <blockquote>
+            <p>
+                If you don't know any of these programs and this is all Greek to you, don't worry because it's all done automatically for you and you will learn as you use the system.
+            </p>
+        </blockquote>
         <ul>
             <li>
                 <a href="https://awesomewm.org/" target="_blank">awesome</a> - a highly configurable, next generation framework window manager for X