Improved the whole package

Author: benatespina

.editorconfig

@@ -0,0 +1,19 @@
+; This file is part of the LIN3S CSS Grid library.
+;
+; Copyright (c) 2016-2017 LIN3S <info@lin3s.com>
+;
+; For the full copyright and license information, please view the LICENSE
+; file that was distributed with this source code.
+
+root = true
+
+[*]
+end_of_line = LF
+
+[*.{scss, css}]
+indent_style = space
+indent_size = 2
+
+[{package.json}]
+indent_style = space
+indent_size = 2

.gitignore

@@ -1 +1,9 @@
+# This file is part of the LIN3S CSS Grid library.
+#
+# Copyright (c) 2016-2017 LIN3S <info@lin3s.com>
+#
+# For the full copyright and license information, please view the LICENSE
+# file that was distributed with this source code.
+
 /node_modules
+/yarn.lock

.scss_lint.yml

@@ -1,18 +1,15 @@
-# This file is part of the LIN3S CS library.
+# This file is part of the LIN3S CSS Grid library.
 #
-# Copyright (c) 2015-2017 LIN3S <info@lin3s.com>
+# Copyright (c) 2016-2017 LIN3S <info@lin3s.com>
 #
 # For the full copyright and license information, please view the LICENSE
 # file that was distributed with this source code.
 #
 # @author Beñat Espiña <benatespina@gmail.com>
 
-scss_files: "**/*.scss"
+scss_files: '**/*.scss'
 plugin_directories: ['.scss-linters']
 
-# List of gem names to load custom linters from (make sure they are already installed)
-plugin_gems: []
-
 linters:
   BangFormat:
     enabled: true
@@ -25,7 +22,7 @@ linters:
 
   BorderZero:
     enabled: true
-    convention: zero # or `none`
+    convention: zero
 
   ColorKeyword:
     enabled: true
@@ -50,7 +47,7 @@ linters:
 
   ElsePlacement:
     enabled: true
-    style: same_line # or 'new_line'
+    style: same_line
 
   EmptyLineBetweenBlocks:
     enabled: true
@@ -68,11 +65,11 @@ linters:
 
   HexLength:
     enabled: true
-    style: short # or 'long'
+    style: short
 
   HexNotation:
     enabled: true
-    style: lowercase # or 'uppercase'
+    style: lowercase
 
   HexValidation:
     enabled: true
@@ -91,12 +88,12 @@ linters:
   Indentation:
     enabled: true
     allow_non_nested_indentation: false
-    character: space # or 'tab'
+    character: space
     width: 2
 
   LeadingZero:
     enabled: true
-    style: exclude_zero # or 'include_zero'
+    style: exclude_zero
 
   MergeableSelector:
     enabled: true
@@ -105,7 +102,7 @@ linters:
   NameFormat:
     enabled: true
     allow_leading_underscore: true
-    convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern
+    convention: hyphenated_lowercase
     mixin_convention: '^([\.\%]?[a-z]*[-]?[a-z0-9\-]*)(\.[a-z0-9\-]*)?(__[a-z0-9]*[-]?[a-z0-9\-]*)?(--[a-z0-9]*[-]?[a-z0-9\-]*)?(\:[a-z]*)*$'
     mixin_convention_explanation: BEM pattern
     placeholder_convention: '^([\.\%]?[a-z]*[-]?[a-z0-9\-]*)(\.[a-z0-9\-]*)?(__[a-z0-9]*[-]?[a-z0-9\-]*)?(--[a-z0-9]*[-]?[a-z0-9\-]*)?(\:[a-z]*)*$'
@@ -146,7 +143,7 @@ linters:
 
   SelectorFormat:
     enabled: true
-    convention: hyphenated_BEM # or 'strict_BEM', or 'hyphenated_lowercase', or 'snake_case', or 'camel_case', or a regex pattern
+    convention: hyphenated_BEM
 
   Shorthand:
     enabled: true
@@ -164,7 +161,7 @@ linters:
 
   SpaceAfterPropertyColon:
     enabled: true
-    style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
+    style: one_space
 
   SpaceAfterPropertyName:
     enabled: true
@@ -174,11 +171,11 @@ linters:
 
   SpaceAroundOperator:
     enabled: true
-    style: one_space # or 'no_space'
+    style: one_space
 
   SpaceBeforeBrace:
     enabled: true
-    style: space # or 'new_line'
+    style: space
     allow_single_line_padding: false
 
   SpaceBetweenParens:
@@ -187,7 +184,7 @@ linters:
 
   StringQuotes:
     enabled: true
-    style: single_quotes # or double_quotes
+    style: single_quotes
 
   TrailingSemicolon:
     enabled: true

Gulpfile.js

@@ -1,3 +1,13 @@
+// This file is part of the LIN3S CSS Grid library.
+//
+// Copyright (c) 2016-2017 LIN3S <info@lin3s.com>
+//
+// For the full copyright and license information, please view the LICENSE
+// file that was distributed with this source code.
+//
+// @author Gorka Laucirica <gorka.lauzirika@gmail.com>
+// @author Beñat Espiña <benatespina@gmail.com>
+
 var gulp = require('gulp');
 var sass = require('gulp-sass');
 var scsslint = require('gulp-scss-lint');
@@ -17,7 +27,7 @@ gulp.task('scss-lint', function () {
 });
 
 gulp.task('example-css', function () {
-  gulp.src(paths.exampleSass + '/*.scss')
+  gulp.src(paths.exampleSass + '/app.scss')
     .pipe(sass().on('error', sass.logError))
     .pipe(gulp.dest(paths.exampleCss))
 });

LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2016-2017 LIN3S
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,72 @@
+#CSSGrid
+> Simple CSS grid based on Flexbox in the LIN3S way.
+
+[![npm version](https://img.shields.io/npm/v/lin3s-css-grid.svg?style=flat-square)](https://www.npmjs.com/package/lin3s-css-grid)
+[![Build Status](http://img.shields.io/travis/LIN3S/CSSGrid/master.svg?style=flat-square)](https://travis-ci.org/LIN3S/CSSGrid)
+[![NPM Status](http://img.shields.io/npm/dm/lin3s-css-grid.svg?style=flat-square)](https://www.npmjs.org/package/lin3s-css-grid)
+[![devDependency Status](https://img.shields.io/david/LIN3S/CSSGrid.svg?style=flat-square)](https://david-dm.org/LIN3S/CSSGrid#info=dependencies)
+
+##Installation
+The recommended and the most suitable way to install is through *Yarn*:
+```bash
+$ yarn add lin3s-css-grid
+```
+or alternatively through *NPM*:
+```bash
+$ npm install --save lin3s-css-grid
+```
+Also, you can install through *Bower*.
+```shell
+$ bower install --save lin3s-css-grid
+```
+
+After installation process, you can include css file in your html.
+```html
+<link href="/your/path/lin3s-css-grid/dist/lin3scssgrid.min.css" type="text/css" rel="stylesheet">
+```
+However is highly recommend to use the Sass version of the grid including files as Sass's imports.
+The best practice is to create a row.scss component that wraps all the grid generation logic. Basic example can be the
+following code:
+
+```scss
+@import '../../scss/functions';
+@import '../../scss/mixins';
+@import '../../scss/variables';
+
+$small-cols: 6;
+$medium-cols: 3, 4, 6;
+$large-cols: 1, 2, 3, 4, 6;
+$xlarge-cols: 6;
+
+@include grid__row('.row', 'adaptive');
+
+.row__column {
+  @include grid__column(12);
+}
+
+.row--centered {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.row--collapse {
+  padding-left: $column-gutter / 2;
+  padding-right: $column-gutter / 2;
+
+  > .row__column {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+@include grid-column-for-media-query('small', $small-cols, $small-up);
+@include grid-column-for-media-query('medium', $medium-cols, $medium-up);
+@include grid-column-for-media-query('large', $large-cols, $large-up);
+@include grid-column-for-media-query('xlarge', $xlarge-cols, $xlarge-up);
+
+@include grid-column-push-for-media-query('large', $large-cols, $large-up);
+@include grid-column-push-for-media-query('xlarge', $xlarge-cols, $xlarge-up);
+```
+
+##Licensing Options
+[![License](https://img.shields.io/badge/License-MIT-yellowgreen.svg?style=flat-square)](https://github.com/LIN3S/CSSGrid/blob/master/LICENSE)