tweak styles for block titles and example blocks

- use darker color for block titles
- align sizing of block titles to grid
- tighten spacing between letters in block title
- change box shadow around blocks to 1.75px
- tighten letter spacing in language hover
- reorder styles

diff --git a/src/css/doc.css b/src/css/doc.css
index 60736a4..96dae78 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -80,19 +80,19 @@
 }
 
 .doc pre {
-  font-size: 0.9rem;
   /* color: #000; */
+  font-size: 0.9rem;
   line-height: 1.5;
   margin: 0;
 }
 
 .doc pre:not(.highlight),
 .doc pre.highlight code {
-  display: block;
   background-color: #fafafa;
-  padding: 0.75rem;
+  box-shadow: inset 0 0 1.75px #ddd;
+  display: block;
   overflow-x: auto;
-  box-shadow: inset 0 0 2px #ddd;
+  padding: 0.75rem;
 }
 
 .doc .paragraph,
@@ -157,6 +157,10 @@
   font-size: 0.9rem;
 }
 
+.doc .admonitionblock td.content > :first-child {
+  margin: 0;
+}
+
 .doc .admonitionblock pre {
   font-size: 0.85rem;
 }
@@ -230,7 +234,8 @@
 }
 
 .doc .imageblock .title {
-  color: #4a4a4a;
+  /* color: #4a4a4a; */
+  color: #191919;
   font-style: italic;
   margin-top: 0.5rem;
 }
@@ -284,10 +289,6 @@
   padding: 0.75em 1em;
 }
 
-.doc .admonitionblock td.content > :first-child {
-  margin: 0;
-}
-
 .doc table.tableblock .paragraph {
   margin: 0;
   padding: 0;
@@ -375,10 +376,12 @@
 .doc .exampleblock .title,
 .doc .literalblock .title,
 .doc .listingblock .title {
-  color: #4a4a4a;
-  padding-bottom: 0.08rem;
-  font-size: 0.92rem;
+  /* color: #4a4a4a; */
+  color: #191919;
+  font-size: 0.925rem;
   font-style: italic;
+  letter-spacing: -0.005em;
+  padding-bottom: 0.075rem;
 }
 
 .doc .admonitionblock .title + .paragraph {
@@ -388,7 +391,7 @@
 /* Other possible colors #248232 (dark green) #2ba84a (brighter green), #f7ef99 (soft yellow), #f78e69 (orangey-grayish) */
 .doc .exampleblock > .content {
   background-color: #fff;
-  box-shadow: inset 0 0 2px #2ba84a;
+  box-shadow: inset 0 0 1.75px #248232;
   padding: 0.75rem;
 }
 
@@ -408,7 +411,7 @@
   color: #8e8e8e;
   font-size: 0.75em;
   font-weight: 500;
-  letter-spacing: 0.1em;
+  letter-spacing: 0.075em;
   line-height: 1;
   text-transform: uppercase;
   position: absolute;