o-quote Build Status


Styling for quotes - block, pull or otherwise.


Markup

Add an o-quote class to any quote you wish to apply the styles to.

<blockquote class="o-quote o-quote--standard">
        <p>
            The prize for this century’s worst technology product probably belongs to Google Glass, a pair of spectacles with an inbuilt camera and a tiny lens on which you could browse the internet. Suddenly you could film everybody you met, or silently ignore them and read Wikipedia.
        </p>
    <cite class="o-quote__cite"><span class="o-quote__author">Henry Mance</span><span class="o-quote__source">Financial Times</span></cite>
</blockquote>

Themeable

Either extend the base classes to create a custom theme or use the standard theme.

Silent mode (docs)

With $o-quote-is-silent is set to true, the module won't output any styles.
You can then use the mixins directly in your code:

<div class="article-container">
    <blockquote>
        <p>…</p>
        <cite>Anonymous</cite>
    </blockquote>
</div>
.article-container blockquote {
    @include oQuoteStandard;

    cite {
        @include oQuoteStandardCite;
    }
}

Migrating from v1.x.x to v2.x.x


Licence

This software is published under the MIT licence.