From 8f56e79db442070fba03613330d97dcf9cd07db4 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Tue, 12 Jun 2018 11:45:32 +0200 Subject: [PATCH 1/6] docs: update Meteor README.md and installation instructions --- meteor-README.md | 78 +++++++++++++++++++++++++++++++++++------------- 1 file changed, 58 insertions(+), 20 deletions(-) diff --git a/meteor-README.md b/meteor-README.md index 56e4614..91c1179 100644 --- a/meteor-README.md +++ b/meteor-README.md @@ -1,35 +1,73 @@ -## Motion-UI for Meteor +

+ + Motion UI + +

+Β  +Β  -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 +

+ Install + | Demo + | Documentation + | Releases +

-```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. + +```sh +meteor add zurb:motion-ui +``` -- Transitions for slide, fade, hinge, scale, and spin -- Animation classes for spinning, shaking, and wiggling -- Modifier classes for transition/animation speed, timing, and delay +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. \ No newline at end of file +> 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 recommand 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 + +``` +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. From 91b1303c99423bb9ba271d2ab441a96f28671389 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Tue, 12 Jun 2018 11:48:42 +0200 Subject: [PATCH 2/6] fix: revert "6059743 unpin Meteor fourseven for better compatibility" It's a mistake of my own, I did not understood that Meteor will use versions to get "at least" the given version on installation. Removing it make Meteor searching for fourseven:scss@0.9.6 and break Sass compilation. Note: we may need to update to this package to Meteor 1.7.0. --- package.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.js b/package.js index 84c18fb..a074468 100644 --- a/package.js +++ b/package.js @@ -8,8 +8,8 @@ Package.describe({ 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', From 368ce380f70fc18eab76c4f2fe1cb71bcf6d1f7d Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Tue, 12 Jun 2018 12:04:15 +0200 Subject: [PATCH 3/6] docs: fix typo in Meteor documentation --- meteor-README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/meteor-README.md b/meteor-README.md index 91c1179..74706b9 100644 --- a/meteor-README.md +++ b/meteor-README.md @@ -43,7 +43,7 @@ Then to build with **Sass** > 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 recommand you to install [juliancwirko:postcss](https://atmospherejs.com/juliancwirko/postcss) and [seba:minifiers-autoprefixer](https://atmospherejs.com/seba/minifiers-autoprefixer). +> 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. From a68fda301af9cef06fff62df0e337345266b0ed3 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Tue, 12 Jun 2018 12:04:48 +0200 Subject: [PATCH 4/6] docs: add missing block code types in README --- README.md | 6 +++--- meteor-README.md | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 96f61dd..d008b83 100644 --- a/README.md +++ b/README.md @@ -28,13 +28,13 @@ 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'; @@ -58,7 +58,7 @@ See full [installation instructions](docs/installation.md) ## Develop Locally -``` +```sh git clone https://github.com/zurb/motion-ui cd motion-ui npm install diff --git a/meteor-README.md b/meteor-README.md index 74706b9..a54c7bd 100644 --- a/meteor-README.md +++ b/meteor-README.md @@ -61,7 +61,7 @@ See the [full installation instructions](https://github.com/zurb/motion-ui/tree/ ## Develop Locally -``` +```sh git clone https://github.com/zurb/motion-ui cd motion-ui npm install From 7298f81d2cdd4ee52f961011c8d625a937dc87bd Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Tue, 12 Jun 2018 12:05:34 +0200 Subject: [PATCH 5/6] docs: improve Autoprefixer installation notice in README --- README.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index d008b83..465de40 100644 --- a/README.md +++ b/README.md @@ -42,11 +42,13 @@ Then to build with **Sass** ([Autoprefixer](https://github.com/postcss/autoprefi @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 @@ -54,7 +56,7 @@ See full [installation instructions](docs/installation.md) ## Documentation -[View the documentation here.](docs) +[View the documentation here.](https://github.com/zurb/motion-ui/tree/master/docs) ## Develop Locally From b7ae6d0ebaf413af3222c3959d09d1c9dd5abc54 Mon Sep 17 00:00:00 2001 From: Nicolas Coden Date: Wed, 13 Jun 2018 11:48:34 +0200 Subject: [PATCH 6/6] chore: release v2.0.2 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Motion UI v2.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) --- CHANGELOG.md | 8 ++++++++ bower.json | 2 +- composer.json | 2 +- package-lock.json | 2 +- package.js | 2 +- package.json | 2 +- 6 files changed, 13 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ae06178..5b34001 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -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. diff --git a/bower.json b/bower.json index 0ad14bd..29e3303 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "motion-ui", - "version": "2.0.1", + "version": "2.0.2", "authors": [ "ZURB " ], diff --git a/composer.json b/composer.json index 15e589a..eefb506 100644 --- a/composer.json +++ b/composer.json @@ -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", diff --git a/package-lock.json b/package-lock.json index bd033b1..433d9f3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "motion-ui", - "version": "2.0.1", + "version": "2.0.2", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.js b/package.js index a074468..89cd4f3 100644 --- a/package.js +++ b/package.js @@ -1,6 +1,6 @@ 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' diff --git a/package.json b/package.json index 4158e85..264e286 100644 --- a/package.json +++ b/package.json @@ -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": {