Home

Awesome

Build Status Coverage Status

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.

License

MIT License