Pull quote
Use the pull quote pattern to highlight content from different sources in a visually prominent way.
Small
A small variant is available which displays the quote text at the same size as normal paragraph text.
Large
To give more prominence to a quote, there is also a large variant.
Image
To add an image to any size of pull-quote, add the class has-image
and use the following markup for the image.
Import
To import just this component into your project, copy the snippet below and include it in your main Sass file.
// import Vanilla and include base mixins
// this only needs to happen once in a given project
@import 'vanilla-framework';
@include vf-base;
@include vf-p-pull-quotes;
For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.
Related
For more typographic related information view the blockquotes and citations in base typography.