1 files changed, 53 insertions(+), 42 deletions(-)

M assets/main.scss

@@ 16,6 16,38 @@ html {
     height: 100%;
 }
 
+body {
+    --padding-vertical: clamp(1.5em, 5vh, 2.5em);
+    color: color(text);
+    display: flex;
+    flex-direction: column;
+
+    font-family: mononoki;
+    margin: 0 auto;
+    max-width: min(80ch, 100%);
+    min-height: calc(100% - 2 * var(--padding-vertical));
+    padding: var(--padding-vertical) clamp(1.5em, 5vw, 2.5em);
+
+    & > h1 {
+        font-size: xxx-large;
+    }
+}
+
+main {
+    margin-bottom: auto;
+}
+
+article {
+    hyphens: manual;
+    overflow-wrap: break-word;
+    max-width: 100%;
+
+    & > :first-child {
+        margin-top: 0;
+    }
+}
+
+
 a {
     color: color(peach);
     text-decoration: none;


@@ 35,19 67,6 @@ a {
     }
 }
 
-figure {
-    color: color(subtext1);
-    font-size: smaller;
-    margin-left: min(10ch, 10%);
-    margin-right: min(10ch, 10%);
-    text-align: center;
-
-    & > img {
-        height: 100%;
-        width: 100%;
-    }
-}
-
 blockquote {
     background: color(crust);
     color: color(subtext1);


@@ 69,49 88,41 @@ blockquote {
     }
 }
 
-
 code {
     padding: 0.1ch 0.5ch;
     background: color(crust);
 }
 
-.highlight {
-    overflow-x: auto;
+figure {
+    color: color(subtext1);
+    font-size: smaller;
+    margin-left: min(10ch, 10%);
+    margin-right: min(10ch, 10%);
+    text-align: center;
 
-    &, & code {
-        background: color(mantle);
-        padding: 0;
+    & > img {
+        height: 100%;
+        width: 100%;
     }
 }
 
-body {
-    --padding-vertical: clamp(1.5em, 5vh, 2.5em);
-    color: color(text);
-    display: flex;
-    flex-direction: column;
-
-    font-family: mononoki;
-    margin: 0 auto;
-    max-width: min(80ch, 100%);
-    min-height: calc(100% - 2 * var(--padding-vertical));
-    padding: var(--padding-vertical) clamp(1.5em, 5vw, 2.5em);
-
-    & > h1 {
-        font-size: xxx-large;
-    }
+li {
+    margin: 0.25em 0;
 }
 
-main {
-    margin-bottom: auto;
+sup {
+    vertical-align: top;
+    position: relative;
+    top: -0.25em;
+    right: 0.05em;
 }
 
-article {
-    hyphens: manual;
-    overflow-wrap: break-word;
-    max-width: 100%;
+.highlight {
+    overflow-x: auto;
 
-    & > :first-child {
-        margin-top: 0;
+    &, & code {
+        background: color(mantle);
+        padding: 0;
     }
 }