/pull-quote-center

A jQuery plugin utility which dynamically inserts a symmetrical pull-quote element clone to enable a hacky float: center

Primary LanguageHTML

pull-quote-center

!!! work-in-progress, YMMV !!!

A jQuery plugin utility which dynamically inserts a symmetrical pull-quote element clone to enable a hacky float: center between two columns of text

Demo: https://jakedowns.github.io/pull-quote-center

usage

See index.html for example HTML + CSS.

  1. make sure you have jQuery loaded
  2. require this plugin or load it via a script tag
  3. call it after domready via:
$('.content').pullQuoteCenter();

// alternatively, you can pass in an options object to override default options:

$('.content').pullQuoteCenter({
    debug               : false,
    wrapper_selector    : '.two_column_wrapper',
    pquote_selector     : '.pquote.center',
    clone_classname     : 'pqc-clone',
    lhc_selector        : '.left-column',
    rhc_selector        : '.right-column',
    responsive          : false,
});

related package / dependency

credit

This plugin was inspired by Chris Coyier's CSS-Tricks post: Faking "float: center"