added styling to quote blocks

diff --git a/preview-src/index.adoc b/preview-src/index.adoc
index 71bedff..bd275e7 100644 (file)
--- a/preview-src/index.adoc
+++ b/preview-src/index.adoc
@@ -205,3 +205,8 @@ Cum dicat putant ne.
 Est in reque homero principes, meis deleniti mediocrem ad has.
 Altera atomorum his ex, has cu elitr melius propriae.
 Eos suscipit scaevola at.
+
+[quote, 'Famous Person. Cum dicat putant ne.', 'Cum dicat putant ne. https://famous-person-website.com[Famous Person Website]']
+____
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Mauris eget leo nunc, nec tempus mi? Curabitur id nisl mi, ut vulputate urna. Quisque porta facilisis tortor, vitae bibendum velit fringilla vitae!
+____
\ No newline at end of file

diff --git a/src/css/doc.css b/src/css/doc.css
index ec556c6..8a16867 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -109,7 +109,8 @@
 .doc .listingblock,
 .doc .literalblock,
 .doc .sidebarblock,
-.doc .verseblock {
+.doc .verseblock,
+.doc .quoteblock {
   margin: 1rem 0 0;
 }
 
@@ -312,6 +313,38 @@
   padding: 0.75em 1em;
 }
 
+.doc .quoteblock {
+  background: #fafafa;
+  border-left: 5px solid #999;
+  font-size: 0.5rem;
+  font-style: italic;
+  padding: 0.3rem 0 1.2rem;
+}
+
+.doc .quoteblock blockquote::before {
+  content: '\201D';
+  font-size: 6rem;
+  float: right;
+}
+
+.doc .quoteblock .paragraph {
+  color: #7a7a7a;
+}
+
+.doc .quoteblock blockquote::before,
+.doc .attribution {
+  color: #999;
+}
+
+.doc .attribution {
+  font-size: 0.8rem;
+  padding: 0 2rem;
+}
+
+.doc .attribution cite {
+  padding: 0 0.7rem;
+}
+
 .doc table.tableblock .paragraph {
   margin: 0;
   padding: 0;