Skip to content

Commit

Permalink
Merge pull request #122 from ncoden/release/v2.0.2
Browse files Browse the repository at this point in the history
  • Loading branch information
ncoden committed Jun 13, 2018
2 parents 4cc86b2 + b7ae6d0 commit 969f6c4
Show file tree
Hide file tree
Showing 8 changed files with 81 additions and 33 deletions.
8 changes: 8 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,13 @@
# Changelog

# 2.0.2 (13 June 2018)

This version fixes an issue introduced in `v2.0.1` preventing Meteor build and update Meteor installation documentation. It is fully compatible with `v2.0.1` and do not introduce any API change.

## 📄 Changes
* 🐛 #121 - Revert "6059743 Unpin Meteor fourseven for a better Meteor compatibility" (@ncoden)
* 📖 #120 - Improve standard and Meteor documentation and update Meteor installation instructions (@ncoden)

# 2.0.1 (10 June 2018)

This version fixes various issues with the Meteor `zurb:motion-ui` package. It is fully compatible with `v2.0.0` and do not introduce any API change.
Expand Down
14 changes: 8 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,37 +28,39 @@

Install Motion UI with npm or Bower.

```
```sh
npm install motion-ui --save
bower install motion-ui --save
```

Then to build with **Sass** ([Autoprefixer](https://github.com/postcss/autoprefixer) is required):
```
```scss
// Add the load path "[modules_folder]/motion-ui/src" to your Sass configuration
@import 'motion-ui';

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

Or to get the equivalent pre-compiled classes, import the Motion UI standalone **CSS** file `dist/motion-ui.css` or `dist/motion-ui.min.css`.
> Autoprefixer is required for the Sass installation as Motion UI uses unprefixed transition and animation properties. We recommend you to install [PostCSS and Autoprefixer](https://github.com/postcss/autoprefixer).
Or to use the equivalent pre-compiled **CSS**, import the Motion UI standalone CSS file `dist/motion-ui.css` or `dist/motion-ui.min.css`.

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

See full [installation instructions](docs/installation.md)
See the [full installation instructions](https://github.com/zurb/motion-ui/tree/master/docs/installation.md)

## Demos

[View live demos on the ZURB Playground.](http://zurb.com/playground/motion-ui)

## Documentation

[View the documentation here.](docs)
[View the documentation here.](https://github.com/zurb/motion-ui/tree/master/docs)

## Develop Locally

```
```sh
git clone https://github.com/zurb/motion-ui
cd motion-ui
npm install
Expand Down
2 changes: 1 addition & 1 deletion bower.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "motion-ui",
"version": "2.0.1",
"version": "2.0.2",
"authors": [
"ZURB <foundation@zurb.com>"
],
Expand Down
2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "zurb/motion-ui",
"description": "Sass library for creating transitions and animations.",
"version": "2.0.1",
"version": "2.0.2",
"keywords": [
"css",
"sass",
Expand Down
78 changes: 58 additions & 20 deletions meteor-README.md
Original file line number Diff line number Diff line change
@@ -1,35 +1,73 @@
## Motion-UI for Meteor
<p align="center">
<a href="https://zurb.com/playground/motion-ui">
<img src="https://user-images.githubusercontent.com/9939075/40385796-108879b6-5e08-11e8-8a12-3bbe7d0bc631.png" alt="Motion UI" width="448px" style="max-width:100%;"/>
</a>
</p>



You can use only Sass version with this package. If you need compiled .css version just copy .css and .js files from `dist` folder and add them to your Meteor project.

### Installation
<p align="center">
<a href="https://github.com/zurb/motion-ui/blob/docs/installation.md"><b>Install</b></a>
| <a href="https://zurb.com/playground/motion-ui">Demo</a>
| <a href="https://github.com/zurb/motion-ui/blob/docs">Documentation</a>
| <a href="https://github.com/zurb/motion-ui/releases">Releases</a>
</p>

```bash
$ meteor add zurb:motion-ui
```
---

### Sass Usage

In your main .scss file in the Meteor project `@import` the library:
[![Build Status](https://travis-ci.org/zurb/motion-ui.svg?branch=develop)](https://travis-ci.org/zurb/motion-ui)
[![CDNJS](https://img.shields.io/cdnjs/v/motion-ui.svg)](https://cdnjs.com/libraries/motion-ui/)
[![dependencies Status](https://david-dm.org/zurb/motion-ui/status.svg)](https://david-dm.org/zurb/motion-ui)
[![devDependencies Status](https://david-dm.org/zurb/motion-ui/dev-status.svg)](https://david-dm.org/zurb/motion-ui?type=dev)

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

Autoprefixer is required to use this library. The library uses unprefixed transition and animation properties, which are then prefixed by Autoprefixer. You can use one of two packages (they will be no autoincluded):
💎  The powerful Sass library for creating CSS transitions and animations. Originally integrated into [Foundation for Apps](http://foundation.zurb.com/apps), the code is now a standalone library, used by [Foundation for Sites](http://foundation.zurb.com/sites) and Foundation for Apps. Made by your friends at [ZURB](http://zurb.com).

- [juliancwirko:postcss](https://atmospherejs.com/juliancwirko/postcss) (Autoprefixer is just a PostCSS plugin)
- [seba:minifiers-autoprefixer](https://atmospherejs.com/seba/minifiers-autoprefixer)
## Installation

The library includes two mixins which export all of the default CSS for the framework. This includes:
Install Motion UI from Atmosphere.

- Transitions for slide, fade, hinge, scale, and spin
- Animation classes for spinning, shaking, and wiggling
- Modifier classes for transition/animation speed, timing, and delay
```sh
meteor add zurb:motion-ui
```

Then to build with **Sass**
```scss
@import '{zurb:motion-ui}/src/motion-ui';

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

You can also use special mixins. You'll find more documentation here: [Motion-UI docs](https://github.com/zurb/motion-ui/tree/master/docs) All besides installation details should work the same.
> 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](https://github.com/zurb/motion-ui/tree/master/docs).
> Autoprefixer is required for the installation with Sass. We recommend you to install [juliancwirko:postcss](https://atmospherejs.com/juliancwirko/postcss) and [seba:minifiers-autoprefixer](https://atmospherejs.com/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](https://github.com/zurb/motion-ui/tree/master/docs/installation.md)

## Demos

[View live demos on the ZURB Playground.](http://zurb.com/playground/motion-ui)

## Documentation

[View the documentation here.](https://github.com/zurb/motion-ui/tree/master/docs)

## Develop Locally

```sh
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.
2 changes: 1 addition & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.js
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
Package.describe({
name: 'zurb:motion-ui',
version: '2.0.1',
version: '2.0.2',
summary: 'Sass library for creating transitions and animations',
git: 'https://github.com/zurb/motion-ui.git',
documentation: 'meteor-README.md'
});

Package.onUse(function(api) {
api.versionsFrom('1.2.1');
api.imply('fourseven:scss');
api.use(['ecmascript', 'jquery', 'fourseven:scss'], 'client');
api.imply('fourseven:scss@3.4.1');
api.use(['ecmascript', 'jquery', 'fourseven:scss@3.4.1'], 'client');
api.addFiles('dist/motion-ui.js', 'client');
api.addFiles([
'src/_settings.scss',
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "motion-ui",
"version": "2.0.1",
"version": "2.0.2",
"description": "Sass library for creating transitions and animations.",
"main": "dist/motion-ui.js",
"scripts": {
Expand Down

0 comments on commit 969f6c4

Please sign in to comment.