Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    bespoke-fullscreenbackgroundpublic

    Build Status

    bespoke-fullscreenbackground

    fullscreen backgrounds for the slides

    NOTE: I haven't written a test or anything, this is super alpha :-P

    Download

    Download the production version or the development version, or use a package manager.

    Usage

    First, include both bespoke.js and bespoke-fullscreenbackground.js in your page.

    Then, simply include the plugin when instantiating your presentation.

    bespoke.from('article', {
      fullscreenbackground: true
    });

    When you specify a background image with the data-bespoke-fullscreenbackground attribute, the deck will take that image as background and the cover class will be added to its CSS class list.

    Example with jade:

    section(data-bespoke-fullscreenbackground='img/backgroundimage.jpg')

    Add a cover class to your CSS file with something like this:

    .cover {
        background-position: center;
        background-size: cover;
    }

    Package managers

    Bower

    $ bower install bespoke-fullscreenbackground

    npm

    $ npm install bespoke-fullscreenbackground

    The bespoke-fullscreenbackground npm package is designed for use with browserify, e.g.

    require('bespoke');
    require('bespoke-fullscreenbackground');

    Credits

    This plugin was built with generator-bespokeplugin.

    License

    MIT License

    install

    npm i bespoke-fullscreenbackground

    Downloadsweekly downloads

    1

    version

    0.0.2

    license

    none

    repository

    github.com

    last publish

    collaborators

    • avatar