Responsive Slide Scaling for Bespoke.js

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

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'),
  scale = require('bespoke-scale');

bespoke.from('article', [
  scale()
]);

When using browser globals:

bespoke.from('article', [
  bespoke.plugins.scale()
]);

By default, bespoke-scale detects which method to use for resizing slides. In browsers that support it, CSS zoom is used. In all other browsers, each slide is wrapped with an element with a bespoke-scale-parent class, which is resized with CSS transforms. You will need to provide styles for this element, for example:

.bespoke-scale-parent {
  perspective: 600px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

If you'd like to specify which scaling method to use, you can pass 'zoom' or 'transform' as an option, for example:

bespoke.from('article', [
  scale('zoom')
]);

$ npm install bespoke-scale

$ bower install bespoke-scale

This plugin was built with generator-bespokeplugin.

MIT License