assets/css/default: Start normalizing the typography

1 files changed, 41 insertions, 38 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index be423db..47a9416 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -211,6 +211,34 @@ h3 {
   margin: 0;
 }
 
+micro-card[id] article h1,
+micro-card[id] article h2,
+micro-card[id] article h3 {
+  font-family: Charter, Georgia, "Book Antiqua", serif;
+  font-size: 125%;
+  font-weight: 400;
+}
+
+html,
+samp,
+blockquote span {
+  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol";
+}
+
+pre,
+kbd,
+code,
+svg text,
+following-list details summary:after,
+micro-summary article details[data-disclosure] summary:after {
+  font-family: "Fira Code", "Lucida Console", "Andale Mono", "Roboto Mono",
+    "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
 p,
 ul,
 dd,
@@ -443,31 +471,6 @@ html {
   margin-right: 0;
 }
 
-html,
-samp,
-blockquote span {
-  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
-    "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol";
-}
-
-blockquote p {
-  font-family: Charter, Georgia, "Book Antiqua", serif;
-  font-size: 110%;
-}
-
-pre,
-kbd,
-code,
-svg text,
-following-list details summary:after,
-micro-summary article details[data-disclosure] summary:after {
-  font-family: "Fira Code", "Lucida Console", "Andale Mono", "Roboto Mono",
-    "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
-    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
 body,
 button,
 input,
@@ -1085,12 +1088,6 @@ micro-summary article ul li + li {
   margin-top: 0.25rem;
 }
 
-[data-kind] micro-summary article h1 a,
-[data-kind] micro-summary article h2 a,
-[data-kind] micro-summary article h3 a {
-  color: inherit;
-}
-
 micro-summary article figure img {
   border: none;
   margin: 0 auto;
@@ -1229,27 +1226,33 @@ micro-metadata-menu context-menu a:hover {
   border-radius: 0.25rem;
 }
 
-[data-kind] micro-summary article h1 a,
-[data-kind] micro-summary article h2 a,
-[data-kind] micro-summary article h3 a,
+micro-card[id] article h1 a,
+micro-card[id] article h2 a,
+micro-card[id] article h3 a {
+  color: inherit;
+}
+
 micro-metadata-view a,
 micro-metadata-name a,
 micro-metadata-draft a,
 micro-metadata-handle a,
+micro-card[id] article h1 a,
+micro-card[id] article h2 a,
+micro-card[id] article h3 a,
 micro-metadata a:focus > span,
 micro-metadata context-menu a,
 micro-metadata context-menu a span {
   text-decoration: none;
 }
 
-[data-kind] micro-summary article h1 a:hover,
-[data-kind] micro-summary article h2 a:hover,
-[data-kind] micro-summary article h3 a:hover,
 micro-metadata-menu span,
 micro-metadata-view a span,
 micro-metadata-name a:hover,
 micro-metadata-draft a span,
-micro-metadata-handle a span {
+micro-metadata-handle a span,
+micro-card[id] article h1 a:hover,
+micro-card[id] article h2 a:hover,
+micro-card[id] article h3 a:hover {
   text-decoration: underline;
 }