wip: notes

public/styles/post.css

@@ -64,7 +64,8 @@ article > h2,
 article > h3,
 article > h4,
 article > h5,
-article > h6
+article > h6,
+article.asciidoctor .paragraph
 {
   margin-left: 1rem;
   margin-right: 1rem;
@@ -96,17 +97,36 @@ blockquote {
   background-color: rgba(0, 0, 0, 0.025);
 }
 
-pre[class*="language-"] {
+pre[class*="language-"], pre.highlight {
   width: 100%;
   box-sizing: border-box;
   max-width: 100vw;
 }
 
+pre.highlight {
+  background-color: rgba(0, 0, 0, 0.1);
+  padding: 1rem;
+  overflow: auto;
+}
+
 code {
   background-color: rgba(0, 0, 0, 0.15);
   /* padding: 0 0.25rem; */
 }
 
+article.asciidoctor .exampleblock {
+  width: 100%;
+  box-sizing: border-box;
+  max-width: 100vw;
+  padding: 0.5rem 1rem;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+article.asciidoctor .listingblock > .title {
+  font-style: italic;
+  margin-bottom: -0.5rem;
+}
+
 details {
   max-width: 100vw;
   margin-top: 1rem;