From 0dc58faf5dcd813e1e66857131745b41ccaf78e1 Mon Sep 17 00:00:00 2001 From: Dan Allen Date: Mon, 17 Jun 2019 03:12:40 -0600 Subject: [PATCH] revise styles for quote blocks * drop quote glyph * darken colors * make margins and paddings more consistent * don't apply italics to author * verify it works for simple quotes --- preview-src/index.adoc | 6 ++++-- src/css/doc.css | 38 +++++++++++++++++--------------------- 2 files changed, 21 insertions(+), 23 deletions(-) diff --git a/preview-src/index.adoc b/preview-src/index.adoc index bd275e7..ecf31fd 100644 --- a/preview-src/index.adoc +++ b/preview-src/index.adoc @@ -206,7 +206,9 @@ 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]'] +[quote, 'Famous Person. Cum dicat putant ne.', 'Cum dicat putant ne. https://example.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 +____ + +That's all, folks! diff --git a/src/css/doc.css b/src/css/doc.css index 8a16867..92a5916 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -91,6 +91,10 @@ margin: 0; } +.doc blockquote { + margin: 0; +} + .doc .right { float: right; } @@ -309,40 +313,32 @@ border-left: 5px solid #ddd; color: #4a4a4a; font-size: 0.9em; - margin: 0; 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; + border-left: 5px solid #4a4a4a; + color: #5d5d5d; + padding: 0.25rem 2rem 1.25rem; } -.doc .quoteblock .paragraph { - color: #7a7a7a; +.doc .quoteblock .attribution { + color: #8e8e8e; + font-size: 0.8rem; + margin-top: 0.75rem; } -.doc .quoteblock blockquote::before, -.doc .attribution { - color: #999; +.doc .quoteblock blockquote { + margin-top: 1rem; } -.doc .attribution { - font-size: 0.8rem; - padding: 0 2rem; +.doc .quoteblock .paragraph { + font-style: italic; } -.doc .attribution cite { - padding: 0 0.7rem; +.doc .quoteblock cite { + padding-left: 1em; } .doc table.tableblock .paragraph { -- 2.11.0