Add footer example

src/parts/_misc.css

@@ -92,3 +92,10 @@ details > :not(summary) {
 summary::-webkit-details-marker {
   color: var(--text-main);
 }
+
+footer {
+  border-top: 1px solid var(--background);
+  padding-top: 10px;
+  font-size: 0.8em;
+  color: var(--text-muted);
+}

src/parts/_typography.css

@@ -50,8 +50,8 @@ blockquote , q{
 }
 
 blockquote > footer {
-  margin-top: 10px;
   font-style: normal;
+  border: 0;
 }
 
 blockquote cite {

src/variables-dark.css

@@ -7,6 +7,7 @@
 
   --text-main: #dbdbdb;
   --text-bright: #ffffff;
+  --text-muted: #717880;
 
   --links: #41adff;
   --focus: #0096bfab;

src/variables-light.css

@@ -7,6 +7,7 @@
 
   --text-main: #363636;
   --text-bright: #000000;
+  --text-muted: #999999;
 
   --links: #0076d1;
   --focus: #0096bfab;