flexboxgrid - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

img/menu.svg

js/index.js

		@@ -1,1 +0,1 @@
		!function(a,b,c,d,e,f,g){a.GoogleAnalyticsObject=e,a[e]=a[e]\|\|function(){(a[e].q=a[e].q\|\|[]).push(arguments)},a[e].l=1*new Date,f=b.createElement(c),g=b.getElementsByTagName(c)[0],f.async=1,f.src=d,g.parentNode.insertBefore(f,g)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-46683011-1","flexboxgrid.com"),ga("send","pageview"),function(){var a={kitId:"nod8myc"},b=!1,c=document.createElement("script");c.src="//use.typekit.net/"+a.kitId+".js",c.type="text/javascript",c.async="true",c.onload=c.onreadystatechange=function(){var c=this.readyState;if(!(b\|\|c&&"complete"!=c&&"loaded"!=c)){b=!0;try{Typekit.load(a)}catch(d){}}};var d=document.getElementsByTagName("script")[0];d.parentNode.insertBefore(c,d)}();
		!function(){var a=document.querySelector(".js-menu-button"),b=document.querySelector(".js-page");a.addEventListener("click",function(){b.classList.toggle("open")})}(),function(a,b,c,d,e,f,g){a.GoogleAnalyticsObject=e,a[e]=a[e]\|\|function(){(a[e].q=a[e].q\|\|[]).push(arguments)},a[e].l=1*new Date,f=b.createElement(c),g=b.getElementsByTagName(c)[0],f.async=1,f.src=d,g.parentNode.insertBefore(f,g)}(window,document,"script","//www.google-analytics.com/analytics.js","ga"),ga("create","UA-46683011-1","flexboxgrid.com"),ga("send","pageview"),function(){var a={kitId:"nod8myc"},b=!1,c=document.createElement("script");c.src="//use.typekit.net/"+a.kitId+".js",c.type="text/javascript",c.async="true",c.onload=c.onreadystatechange=function(){var c=this.readyState;if(!(b\|\|c&&"complete"!=c&&"loaded"!=c)){b=!0;try{Typekit.load(a)}catch(d){}}};var d=document.getElementsByTagName("script")[0];d.parentNode.insertBefore(c,d)}();

package.json

		{
		"name": "flexboxgrid",
		"version": "1.0.0",
		"version": "1.1.0",
		"description": "Grid based off of CSS3 flexbox specification",
		@@ -5,0 +5,0 @@ "style": "css/flexbox.min.css",

README.md

		@@ -1,2 +0,1 @@

		Flexbox Grid
		@@ -9,31 +8,16 @@ ===========

		Installation
		------------

		Install
		---------
		### npm
		`npm i flexboxgrid --save`

		### Bower
		`npm r bower -g && npm i flexboxgrid --save`
		### css
		* [Development](https://raw.githubusercontent.com/kristoferjoseph/flexboxgrid/master/css/flexboxgrid.css)
		* [Production](https://raw.githubusercontent.com/kristoferjoseph/flexboxgrid/master/css/flexboxgrid.min.css)

		### Raw dog CSS like a boss
		Add the `flexbox.css` __development__ or `flexbox.min.css` __production__ to your html page.

		Download
		[Development](https://github.com/kristoferjoseph/flexboxgrid/tree/master/css/flexboxgrid.css)

		[Production](https://github.com/kristoferjoseph/flexboxgrid/tree/master/css/flexboxgrid.min.css)

		Add the flexbox.css development or flexbox.min.css production to your html
		page.

		```
		<link rel="stylesheet" href="css/flexbox.min.css" media="screen" />
		```
		Or better yet
		`cat ./css/*/.css > bundle.css`
		and slap that whole mess in a style tag in your head.
		*Check flexboxgrid.com
		[Gruntfile.js](https://github.com/kristoferjoseph.com/flexboxgrid/tree/master/Gruntfile.js) to see how I did it.*

		View the documentation at [flexboxgrid.com](http://flexboxgrid.com)

		Inspiration
		@@ -40,0 +24,0 @@ -----------

src/js/index.js

		@@ -0,1 +1,9 @@
		(function() {
		var menuButton = document.querySelector('.js-menu-button'),
		page = document.querySelector('.js-page');

		menuButton.addEventListener('click', function(e) {
		page.classList.toggle('open');
		});
		}());
		(function(i, s, o, g, r, a, m) {
		@@ -2,0 +10,0 @@ i['GoogleAnalyticsObject'] = r;

css/flexboxgrid.css