Pull Quotes

Here is my attempt at pull quotes in the Lanyon/Poole theme for Jekyll:

.pquote {n    float: right;n    width: 15rem;n    color: #979797;n    font-size: 1.5rem;n    line-height: 1.8rem;n    font-style: italic;n    padding: 1rem;n	quotes: "201C""201D""2018""2019";n}

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}

The final result looks like this:1

“Pull quotes are easy to code and add a nice touch to the site.”n{:.pquote}

Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper.


  1. 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. [return]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s