biofriction-wp-theme/node_modules/motion-ui/meteor-README.md

3.0 KiB

Motion UI

   

Install | Demo | Documentation | Releases


Build Status CDNJS dependencies Status devDependencies Status

💎  The powerful Sass library for creating CSS transitions and animations. Originally integrated into Foundation for Apps, the code is now a standalone library, used by Foundation for Sites and Foundation for Apps. Made by your friends at ZURB.

Installation

Install Motion UI from Atmosphere.

meteor add zurb:motion-ui

Then to build with Sass

@import '{zurb:motion-ui}/src/motion-ui';

@include motion-ui-transitions;
@include motion-ui-animations;

This will include all of the Motion UI transition and animation CSS classes. To build transitions, animations, series and more according to your needs, see the Motion UI documentation.

Autoprefixer is required for the installation with Sass. We recommend you to install juliancwirko:postcss and seba:minifiers-autoprefixer.

Or to use the equivalent pre-compiled CSS, copy or import the Motion UI standalone CSS file dist/motion-ui.css or dist/motion-ui.min.css in your application.

To easily transition elements in and out using Motion UI classes, copy or import the Motion UI JavaScript library dist/motion-ui.js or dist/motion-ui.min.js in your application.

See the full installation instructions

Demos

View live demos on the ZURB Playground.

Documentation

View the documentation here.

Develop Locally

git clone https://github.com/zurb/motion-ui
cd motion-ui
npm install
  • Run npm start to compile test Sass/JS files, and to build the documentation. To make changes to the documentation, edit the files under docs/src.
  • Run npm test to run the unit tests.
  • Run npm start dist to compile distribution files.