Skip to content

Commit

Permalink
Npm release
Browse files Browse the repository at this point in the history
* updated read me
* bumped version (patch)
  • Loading branch information
StefanKovac committed May 31, 2016
1 parent 1bee3c0 commit 4fc261b
Show file tree
Hide file tree
Showing 4 changed files with 63 additions and 43 deletions.
17 changes: 14 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,19 +21,30 @@ Items distributed in a row and centered within container:
- **Solid base** — ease to extend and customize.

### Quick start
1) [Download latest release](https://github.com/StefanKovac/flex-layout-attribute/releases)
Several quick start options are available:

2) Insert flex-layout-attribute.min.css in document HEAD:
* [Download the latest release](https://github.com/StefanKovac/flex-layout-attribute/releases)
* Clone the repo: `git clone https://github.com/StefanKovac/flex-layout-attribute.git`.
* Install with npm: `npm install flex-layout-attribute`.

### Usage
1) Insert flex-layout-attribute.min.css in document HEAD:
```html
<link href="path/to/css/flex-layout-attribute.min.css" rel="stylesheet">
```
3) Add layout attribute to html elements:

2) Add layout attribute to html elements:
```html
<div layout="row center-justify">
...
</div>
```

### Development
1. Clone the repo: `git clone https://github.com/StefanKovac/flex-layout-attribute.git`.
2. Install dependencies: `npm run setup`.
3. Build FLA: `gulp` or set watcher: `gulp watch`

### Learn more
Interactive demo, documentation and snippets — http://progressivered.com/fla/

Expand Down
4 changes: 2 additions & 2 deletions css/flex-layout-attribute.css

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

4 changes: 2 additions & 2 deletions css/flex-layout-attribute.min.css

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

81 changes: 45 additions & 36 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,38 +1,47 @@
{
"name" : "flex-layout-attribute",
"filename": "flex-layout-attribute.css",
"description" : "HTML layout helper based on CSS flexbox specification.",
"version" : "1.0.0",
"author": {
"name": "Stefan Kovac",
"email": "[email protected]",
"web": "http://progressivered.com/"
},
"license" : "MIT",
"homepage" : "http://progressivered.com/fla/",
"repository" : {
"type" : "git",
"url" : "https://github.com/StefanKovac/flex-layout-attribute.git"
},
"keywords" : [
"flexbox",
"layout",
"attribute",
"css",
"fla"
],
"dependencies" : {},
"devDependencies" : {
"gulp" : "^3.9.0",
"gulp-autoprefixer" : "^3.1.0",
"gulp-cached" : "^1.1.0",
"gulp-cssnano" : "^2.1.1",
"gulp-header" : "^1.8.2",
"gulp-notify" : "^2.2.0",
"gulp-rename" : "^1.2.2",
"gulp-sass" : "^2.1.1",
"gulp-sass-lint" : "^1.1.1",
"gulp-size" : "^2.0.0",
"gulp-sourcemaps" : "^1.6.0"
}
"name": "flex-layout-attribute",
"filename": "flex-layout-attribute.css",
"description": "HTML layout helper based on CSS flexbox specification.",
"version": "1.0.2",
"main": "css/flex-layout-attribute.min.css",
"author": {
"name": "Stefan Kovac",
"email": "[email protected]",
"web": "http://progressivered.com/"
},
"license": "MIT",
"homepage": "http://progressivered.com/fla/",
"repository": {
"type": "git",
"url": "https://github.com/StefanKovac/flex-layout-attribute.git"
},
"scripts": {
"setup": "npm install",
"build": "gulp",
"watch": "gulp watch"
},
"keywords": [
"flexbox",
"layout",
"attribute",
"css",
"fla"
],
"bugs": {
"url": "https://github.com/StefanKovac/flex-layout-attribute/issues"
},
"dependencies": {},
"devDependencies": {
"gulp": "^3.9.0",
"gulp-autoprefixer": "^3.1.0",
"gulp-cached": "^1.1.0",
"gulp-cssnano": "^2.1.1",
"gulp-header": "^1.8.2",
"gulp-notify": "^2.2.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^2.1.1",
"gulp-sass-lint": "^1.1.1",
"gulp-size": "^2.0.0",
"gulp-sourcemaps": "^1.6.0"
}
}

0 comments on commit 4fc261b

Please sign in to comment.