bespoke-fullscreenbackground
v0.0.2
Published
fullscreen backgrounds for the slides
Downloads
17
Readme
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.