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