From 691a568996c54816b01b75017b1ec7bc13d8c63b Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Fri, 21 Oct 2016 12:28:00 +0300
Subject: [PATCH] Grid system row

---
 docs/v2/DEVLOG.md            |  5 ++++-
 flavors/v2/mini-default.scss |  1 +
 scss/v2/mini-core/_grid.scss | 16 ++++++++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/docs/v2/DEVLOG.md b/docs/v2/DEVLOG.md
index 3e2be43..595ddd4 100644
--- a/docs/v2/DEVLOG.md
+++ b/docs/v2/DEVLOG.md
@@ -144,4 +144,7 @@
 - Opened relevant breaking changes issue (#16).
 - Opened issue for `progress` element's transitions on value change.
 - Started project for feature backlog on Github.
-- Created basis for gird system container (fluid only).
\ No newline at end of file
+- Created basis for grid system container (fluid only) - `grid`.
+- Read a lot of the spec, decided on browser support, coded the `row` basis for the grid system.
+- Updated breaking changes issue with more information.
+- Added some comments and moved the notes in the flavor file.
diff --git a/flavors/v2/mini-default.scss b/flavors/v2/mini-default.scss
index 5c47e98..073a4fc 100644
--- a/flavors/v2/mini-default.scss
+++ b/flavors/v2/mini-default.scss
@@ -142,6 +142,7 @@ $progress-style1-border-radius:	0;												// Border radius for <progress> st
 //	Variables for grid elements
 $grid-container-name:			'container';									// Class name for the grid container
 $grid-container-side-padding:	20px;											// Padding for the grid container (left and right only)
+$grid-row-name:					'row';											// Class name for the grid's rows
 //	Enable base
 @import '../../scss/v2/core';
 //	Use mixins for contextual background elements
diff --git a/scss/v2/mini-core/_grid.scss b/scss/v2/mini-core/_grid.scss
index 085c231..20b8b87 100644
--- a/scss/v2/mini-core/_grid.scss
+++ b/scss/v2/mini-core/_grid.scss
@@ -6,4 +6,20 @@ $grid-side-padding:
 .#{$grid-container-name} {
 	margin: 0 auto;
 	padding: 0 $grid-side-padding;
+}
+$grid-row-name:					'row' !default;									// Class name for the grid system rows
+.#{$grid-row-name} {
+  box-sizing: border-box;
+// Old syntax
+  display: -webkit-box;
+  -webkit-box-flex: 0;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+// New syntax
+  display: -webkit-flex;
+  display:         flex;
+  -webkit-flex: 0 1 auto;
+          flex: 0 1 auto;
+  -webkit-flex-flow: row wrap;
+          flex-flow: row wrap;
 }
\ No newline at end of file