Pull Quotes
Jun 08, 2016 00:00
Here is my attempt at pull quotes in the Lanyon/Poole theme for Jekyll:
.pquote { float: right; width: 15rem; color: #979797; font-size: 1.5rem; line-height: 1.8rem; font-style: italic; padding: 1rem; quotes: "\201C""\201D""\2018""\2019"; }
I just learned that Kramdown makes it easy to specify classes and attributes. So, this produces the pull quote:
> This is some quoted text. {:.pquote}
It is easy to add quotation marks automatically, using the “before” and “after” class selectors. I decided not to do this for the sake of flexibility.
Tagged: Misc