apply correct (minimal) styles to verse block

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index 1b06ec0..bcb8b70 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -232,6 +232,14 @@ Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna.
 Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
 ____
 
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+[verse]
+____
+The fog comes
+on little cat feet.
+____
+
 == Fin
 
 That's all, folks!

diff --git a/src/css/doc.css b/src/css/doc.css
index 958876d..31fb881 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -325,10 +325,14 @@
   padding: 0.75em 1em;
 }
 
-.doc .quoteblock {
+.doc .quoteblock,
+.doc .verseblock {
   background: var(--quote-background);
   border-left: 5px solid var(--quote-border-color);
   color: var(--quote-font-color);
+}
+
+.doc .quoteblock {
   padding: 0.25rem 2rem 1.25rem;
 }
 
@@ -350,6 +354,16 @@
   padding-left: 1em;
 }
 
+.doc .verseblock {
+  font-size: 1.15em;
+  padding: 1rem 2rem;
+}
+
+.doc .verseblock pre {
+  font-family: inherit;
+  font-size: inherit;
+}
+
 .doc table.tableblock .paragraph {
   margin: 0;
   padding: 0;
@@ -499,8 +513,10 @@
   white-space: pre-wrap;
 }
 
-.doc pre:not(.highlight),
-.doc pre.highlight code {
+.doc pre.highlight code,
+.doc .listingblock pre:not(.highlight),
+.doc .literalblock pre,
+.doc .literal pre {
   background: var(--pre-background);
   box-shadow: inset 0 0 1.75px var(--pre-border-color);
   display: block;