feat: Add view-transition

Author: chebread

layout/styles/layout.scss

@@ -1,10 +1,22 @@
+@view-transition {
+    navigation: auto;
+}
+
 html,
 body {
     padding: 0;
     margin: 0;
 
     font-size: 16px; /* 1rem = 16px */
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    font-family:
+        system-ui,
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        "Helvetica Neue",
+        Arial,
+        sans-serif;
 
     font-synthesis: none;
     text-rendering: optimizeLegibility;
@@ -39,12 +51,19 @@ body {
         padding: 1rem;
         overflow: auto;
         margin-bottom: 1rem;
-        font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+        font-family:
+            ui-monospace,
+            SFMono-Regular,
+            SF Mono,
+            Menlo,
+            Consolas,
+            Liberation Mono,
+            monospace;
         font-size: 85%;
         line-height: 1.45;
         word-wrap: normal;
     }
-  
+
     pre.chroma > code {
         padding: 0;
         margin: 0;
@@ -63,10 +82,13 @@ body {
     ol {
         list-style: decimal;
     }
-    ul ul, ol ul {
+    ul ul,
+    ol ul {
         list-style-type: circle;
     }
-    ul ul ul, ol ul ul, ul ol ul {
+    ul ul ul,
+    ol ul ul,
+    ul ol ul {
         list-style-type: square;
     }
 }
@@ -84,4 +106,4 @@ body {
 }
 .medium-zoom-image--closing {
     z-index: 9999;
-}
+}