Awesome
bespoke-classes
Deck status classes for Bespoke.js
Download
Download the production version or the development version, or use a package manager.
Usage
This plugin is shipped in a UMD format, meaning that it is available as a CommonJS/AMD module or browser global.
For example, when using CommonJS modules:
var bespoke = require('bespoke'),
classes = require('bespoke-classes');
bespoke.from('#presentation', [
classes()
]);
When using browser globals:
bespoke.from('#presentation', [
bespoke.plugins.classes()
]);
Classes
To help you create your own custom deck styles, this plugin provides the following classes:
<table> <tr> <td><b>bespoke-parent</b></td> <td>The deck's containing element</td> </tr> <tr> <td><b>bespoke-slide</b></td> <td>Every slide element</td> </tr> <tr> <td><b>bespoke-active</b></td> <td>The active slide</td> </tr> <tr> <td><b>bespoke-inactive</b></td> <td>All inactive slides</td> </tr> <tr> <td><b>bespoke-before</b></td> <td>All slides before the active slide</td> </tr> <tr> <td><b>bespoke-before-<em>n</em></b></td> <td>All slides before the active slide, with <em>n</em> value incrementing</td> </tr> <tr> <td><b>bespoke-after</b></td> <td>All slides after the active slide</td> </tr> <tr> <td><b>bespoke-after-<em>n</em></b></td> <td>All slides after the active slide, with <em>n</em> value incrementing</td> </tr> </table>Package managers
npm
$ npm install bespoke-classes
Bower
$ bower install bespoke-classes
Credits
This plugin was built with generator-bespokeplugin.