Add display mixin

- Closes #100

app/assets/stylesheets/_neat.scss

@@ -19,3 +19,4 @@
 @import "grid/media";
 @import "grid/to-deprecate";
 @import "grid/visual-grid";
+@import "grid/display";

app/assets/stylesheets/grid/_display.scss

@@ -0,0 +1,28 @@
+/**
+ * Changes the display property used by other mixins called in the code block argument.
+ *
+ * @param {String} $display (block) - Display value to be used within the block. Can be `table` or `block`.
+ *
+ * @example scss
+ *   @include display(table) {
+ *    .display-table {
+ *      @include span-columns(6);
+ *     }
+ *   }
+ *
+ * @example css
+ *   // CSS
+ *   .display-table {
+ *      display: table-cell;
+ *      ...
+ *   }
+ */
+
+@mixin display($display: block) {
+  $scope-display: $container-display-table;
+  $container-display-table: if($display == table, true, false) !global;
+
+  @content;
+
+  $container-display-table: $scope-display !global;
+}

app/assets/stylesheets/grid/_row.scss

@@ -1,6 +1,10 @@
-@mixin row($display: block, $direction: $default-layout-direction) {
+@mixin row($display: default, $direction: $default-layout-direction) {
   $layout-direction: $direction !global;
 
+  @if $display != default {
+    @warn "The $display argument will be deprecated in future versions in favor of the display(){...} mixin."
+  }
+
   @if $display == table {
     display: table;
     @include fill-parent;

spec/neat/display_spec.rb

@@ -0,0 +1,19 @@
+require 'spec_helper'
+
+describe "@include display() {...}" do
+  before(:all) do
+    ParserSupport.parse_file("display")
+  end
+
+  context "with argument (table)" do
+    it "changes display value to table" do
+      expect('.display-table-block').to have_rule('display: table-cell')
+    end
+  end
+
+  context "whith nested call and argument (block)" do
+    it "changes display value to block" do
+      expect('.display-nested-block').to have_rule('display: block')
+    end
+  end
+end

spec/neat/media_spec.rb

@@ -1,6 +1,6 @@
 require 'spec_helper'
 
-describe "@include media()" do
+describe "@include media() {...}" do
   before(:all) do
     ParserSupport.parse_file("media")
   end

test/display.scss

@@ -0,0 +1,15 @@
+@import 'setup';
+
+@include display(table) {
+  .display-table-block {
+    @include span-columns(6);
+  }
+}
+
+@include display(table) {
+  @include display(block) {
+    .display-nested-block {
+      @include span-columns(6);
+    }
+  }
+}