neat 1.6.0 → 1.7.0.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c918240e160c598d18975fac13d6d2b7098b7d64
-  data.tar.gz: 481a27e16ca6bdb276d459bf8ce40ede0383b4ef
+  metadata.gz: 0e635b5420b471f2183b97fb89b6a5085bacd7da
+  data.tar.gz: 1d5b344bbab66a83e193c33fde8da949107cac33
 SHA512:
-  metadata.gz: dcf6dbf62b52bc6eac76e7c647ed279bd43beb294fcab4da81f4fafd016a824289e9d168b5ea54a566b5dd34184c17b65d54c40c72ba2f5e6007ce260b8500e4
-  data.tar.gz: 0acfb9c667d2cebacce5755063fda1fda0cfd67da50e1b70366bd7a20b63c76fe7ba8e62c34b76d1e4aaf940203121e5989cc088aa06ff6c5415bfb710264752
+  metadata.gz: 2f86479acc7c2051ff5d3cc355f8eedc7fe63bb9e95284cd7ab5d8f279373100b1e5909f1eaca5b4023e4efb5a74a151216abe6d4065efbe776d52a9f8cf737b
+  data.tar.gz: aa5789266491eae3174386a3624272c712c1f7dc7d79215625632d594888b7ae496f7a290b1c2e4ef2af5c76eb96b84a68f33dcd34498e00d52f682faf6407f4

data/.travis.yml

@@ -0,0 +1,2 @@
+language: ruby
+rvm: 2.0.0

data/README.md

@@ -1,14 +1,20 @@
 [![Bourbon Neat](http://neat.bourbon.io/images/logotype.svg)](http://thoughtbot.com/neat)
 
-[![Gem Version](https://badge.fury.io/rb/neat.png)](http://badge.fury.io/rb/neat) [![Code Climate](https://codeclimate.com/github/thoughtbot/neat.png)](https://codeclimate.com/github/thoughtbot/neat)
+-
 
-**Neat** is an open source fluid grid framework built on top of [Bourbon](http://bourbon.io) with the aim of being easy enough to use out of the box and flexible enough to customize down the road.
+[![Gem Version](http://img.shields.io/gem/v/neat.svg?style=flat)](https://rubygems.org/gems/neat) [![Travis](http://img.shields.io/travis/thoughtbot/neat.svg?style=flat)](https://travis-ci.org/thoughtbot/neat)
+[![Code Climate](http://img.shields.io/codeclimate/github/thoughtbot/neat.svg?style=flat)](https://codeclimate.com/github/thoughtbot/neat)
+[![IRC](http://img.shields.io/badge/freenode-%23bourbon--neat-ae3dd2.svg?style=flat)](#)
+[![Stack Overflow](http://img.shields.io/badge/stack%20overflow-neat-ae3dd2.svg?style=flat)](http://stackoverflow.com/questions/tagged/neat)
 
+Neat is an open source fluid grid framework built on top of [Bourbon](http://bourbon.io) with the aim of being easy enough to use out of the box and flexible enough to customize down the road.
+
+:warning: Neat **1.6.0** requires Sass **3.3.x**. If you are using **libsass** or **sass-rails** use **1.5.1**.
 
 Requirements
 ===
-- Sass 3.2+
-- Bourbon 2.1+
+- Sass 3.3+
+- Bourbon 3.1+
 
 Install Instructions
 ===
@@ -33,8 +39,8 @@ neat install
 In your main stylesheet:
 
 ```sass
-@import "bourbon/bourbon";
-@import "neat/neat";
+@import 'bourbon/bourbon';
+@import 'neat/neat';
 ```
 
 To update Neat files, run:
@@ -69,8 +75,8 @@ bundle update sass
 Within your `application.css.scss` file place the following:
 
 ```sass
-@import "bourbon";
-@import "neat";
+@import 'bourbon';
+@import 'neat';
 ```
 
 Getting started
@@ -79,15 +85,15 @@ Getting started
 First off, if you are planning to override the default grid settings (12 columns), it is recommended to create a `_grid-settings.scss` file for that purpose. Make sure to import it right *before* importing Neat:
 
 ```scss
-@import "bourbon/bourbon"; // or "bourbon" when in Rails
-@import "grid-settings";
-@import "neat/neat"; // or "neat" when in Rails
+@import 'bourbon/bourbon'; // or 'bourbon' when in Rails
+@import 'grid-settings';
+@import 'neat/neat'; // or 'neat' when in Rails
 ```
 
 In your newly created  `_grid-settings.scss`, import `neat-helpers` if you are planning to use `new-breakpoint()`, then define your new variables:
 
 ```scss
-@import "neat/neat-helpers"; // or "neat-helpers" when in Rails
+@import 'neat/neat-helpers'; // or 'neat-helpers' when in Rails
 
 // Change the grid settings
 $column: 90px;
@@ -123,8 +129,10 @@ If the element's parent isn't the top-most container, you need to add the number
 ```scss
 div.container {
   @include outer-container;
+
   div.parent-element {
     @include span-columns(8);
+
     div.element {
       @include span-columns(6 of 8);
     }
@@ -168,15 +176,69 @@ Browser support
 - IE 9+ (Visual grid is IE10 only)
 - IE 8 with [selectivizr](http://selectivizr.com) (no `media()` support)
 
+Frequently asked questions
+==========================
+
+##### How do I use `omega()` in a mobile-first workflow?
+
+Using `omega()` with an `nth-child` pseudo selector in a mobile-first workflow
+will cause the style to be applied to wider-viewport media queries as well. That
+is the cascading nature of CSS.
+
+One solution would be to provide an `omega-reset()` mixin that negates the
+effect of `omega()` on that specific `nth-child` pseudo selector. While this is
+often the most suggested solution, it is also a lazy hack that outputs ugly code
+and can quickly get out of hand in complex layouts. As a general rule, having to
+*undo* CSS styles is a sign of poor stylesheet architecture (More about
+[CSS code smells](http://csswizardry.com/2012/11/code-smells-in-css/)).
+
+The other, more elegant, solution is to use mutually exclusive media queries,
+also referred to as [media-query
+splitting](http://simurai.com/blog/2012/08/29/media-query-splitting/). This
+would guarantee that `omega()` styles are only applied where desired.
+
+```scss
+$first-breakpoint-value: 400px;
+$second-breakpoint-value: 700px;
+$medium-viewport: new-breakpoint(min-width em($first-breakpoint-value) max-width
+em($second-breakpoint-value));
+$large-viewport: new-breakpoint(min-width em($second-breakpoint-value + 1));
+
+.element {
+  @include media($medium-viewport) {
+    @include span-columns(6);
+    @include omega(2n);
+  }
+
+  @include media($large-viewport) {
+    @include span-columns(4);
+    @include omega(3n);
+  }
+}
+```
+
+If, for some reason, you still think that `omega-reset` is the only way you want to go,
+check out Josh Fry's
+[omega-reset](http://joshfry.me/notes/omega-reset-for-bourbon-neat/).
+
+##### Framework X has this feature that Neat seems to be missing. Can you add it?
+
+Unless you [open a pull request](https://github.com/thoughtbot/neat/compare/), the answer is most likely going to be no. Neat is
+lightweight and simple compared to other grid frameworks, and strives to
+remain so. We have plans for adding new features in future versions of the
+framework, but these will be most likely to support new ways of working with
+layouts on the Web, not patches to existing ones.
+
 Links
 =====
 
 - Read the [online documentation](http://neat.bourbon.io/docs/).
 - Add the docset to [Dash](http://kapeli.com/dash) 1.8+ (Preferences **>** Downloads **>** + *Add Docset Feed* **>** `http://neat.bourbon.io/docset/Neat.xml`)
-- Ask questions on [Stack Overflow](http://stackoverflow.com/questions/tagged/neat+bourbon). Don't forget to tag them`bourbon` and `neat`.
+- Ask questions on [Stack Overflow](http://stackoverflow.com/questions/tagged/neat). Don't forget to tag them `bourbon` and `neat`.
 - Suggest features or file bugs in [Issues](https://github.com/thoughtbot/neat/issues).
 - Read the [contribution guidelines](https://github.com/thoughtbot/neat/blob/master/CONTRIBUTING.md).
 - Say hi to [@kaishin](https://twitter.com/kaishin) and [@kylefiedler](https://twitter.com/kylefiedler).
+- Join `#bourbon-neat` on `irc.freenode.net`.
 
 
 Credits & License

data/app/assets/stylesheets/_neat-helpers.scss

@@ -5,3 +5,4 @@
 // Settings
 @import "settings/grid";
 @import "settings/visual-grid";
+@import "settings/disable-warnings";

data/app/assets/stylesheets/_neat.scss

@@ -1,14 +1,14 @@
-// Bourbon Neat 1.6.0.pre
-// MIT Licensed
-// Copyright (c) 2012-2013 thoughtbot, inc.
+/* Neat 1.7.0.pre
+ * http://neat.bourbon.io
+ * Copyright 2012–2014 thoughtbot, inc.
+ * MIT License */
 
 // Helpers
 @import "neat-helpers";
 
 // Grid
 @import "grid/private";
-@import "grid/reset";
-@import "grid/grid";
+@import "grid/box-sizing";
 @import "grid/omega";
 @import "grid/outer-container";
 @import "grid/span-columns";
@@ -19,3 +19,5 @@
 @import "grid/media";
 @import "grid/to-deprecate";
 @import "grid/visual-grid";
+@import "grid/display";
+@import "grid/direction";

data/app/assets/stylesheets/functions/_private.scss

@@ -1,30 +1,19 @@
 // Checks if a number is even
 @function is-even($int) {
-  @if $int%2 == 0   {
-    @return true;
-  }
-
-  @return false;
+  @return $int % 2 == 0
 }
 
 // Checks if an element belongs to a list
 @function belongs-to($tested-item, $list) {
-  @each $item in $list {
-    @if $item == $tested-item {
-      @return true;
-    }
-  }
-
-  @return false;
+  @return index($list, $tested-item) != false;
 }
 
 // Contains display value
 @function contains-display-value($query) {
-  @if belongs-to(table, $query) or belongs-to(block, $query) or belongs-to(inline-block, $query) or belongs-to(inline, $query) {
-    @return true;
-  }
-
-  @return false;
+  @return belongs-to(table, $query)
+       or belongs-to(block, $query)
+       or belongs-to(inline-block, $query)
+       or belongs-to(inline, $query);
 }
 
 // Parses the first argument of span-columns()
@@ -92,7 +81,7 @@
 // Layout direction
 @function get-direction($layout, $default) {
   $direction: nil;
-  
+
   @if $layout == LTR or $layout == RTL {
     $direction: direction-from-layout($layout);
   } @else {

data/app/assets/stylesheets/grid/_box-sizing.scss

@@ -0,0 +1,11 @@
+@if $border-box-sizing == true {
+  html { // http://bit.ly/1qk2tVR
+    @include box-sizing(border-box);
+  }
+
+  * {
+    &, &:before, &:after {
+      @include box-sizing(inherit);
+    }
+  }
+}

data/app/assets/stylesheets/grid/_direction.scss

@@ -0,0 +1,33 @@
+/**
+ * Changes the direction property used by other mixins called in the code block argument.
+ *
+ * @param {String} $direction (left-to-right) - Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
+ *
+ * @example scss
+ *   @include direction(right-to-left) {
+ *    .right-to-left-block {
+ *      @include span-columns(6);
+ *     }
+ *   }
+ *
+ * @example css
+ *   // CSS
+ *   .right-to-left-block {
+ *     float: right;
+ *      ...
+ *   }
+ */
+
+@mixin direction($direction: left-to-right) {
+  $scope-direction: $layout-direction;
+
+  @if $direction == left-to-right {
+    $layout-direction: LTR !global;
+  } @else if $direction == right-to-left {
+    $layout-direction: RTL !global;
+  }
+
+  @content;
+
+  $layout-direction: $scope-direction !global;
+}

data/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;
+}

data/app/assets/stylesheets/grid/_omega.scss

@@ -4,13 +4,13 @@
   $auto: if(belongs-to(auto, $query), true, false);
 
   @if $direction != default {
-    @warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead."
+    @include -neat-warn("The omega mixin will no longer take a $direction argument. To change the layout direction, use the direction(){...} mixin.");
   } @else {
     $direction: get-direction($layout-direction, $default-layout-direction);
   }
 
   @if $table {
-    @warn "The omega mixin no longer removes padding in table layouts."
+    @include -neat-warn("The omega mixin no longer removes padding in table layouts.");
   }
 
   @if length($query) == 1 {
@@ -42,7 +42,7 @@
   }
 
   @else {
-    @warn "Too many arguments passed to the omega() mixin."
+    @include -neat-warn("Too many arguments passed to the omega() mixin.");
   }
 }
 

data/app/assets/stylesheets/grid/_outer-container.scss

@@ -1,6 +1,36 @@
-@mixin outer-container {
+/**
+ * Makes an element a outer container by centring it in the viewport, clearing its floats, and setting its `max-width`.
+ *
+ * Although optional, using `outer-container` is recommended. The mixin can be called on more than one element per page, as long as they are not nested.
+ *
+ * @param {Number} $local-max-width ($max-width) - Max width to be applied to the element. Can be a percentage or a measure.
+ *
+ * @example scss
+ *  .element {
+ *    @include outer-container(100%);
+ *  }
+ *
+ * @example css
+ *  .element {
+ *    *zoom: 1;
+ *    max-width: 100%;
+ *    margin-left: auto;
+ *    margin-right: auto;
+ *  }
+ *
+ *  .element:before, .element:after {
+ *    content: " ";
+ *    display: table;
+ *  }
+ *
+ *  .element:after {
+ *    clear: both;
+ *  }
+ */
+
+@mixin outer-container($local-max-width: $max-width) {
   @include clearfix;
-  max-width: $max-width;
+  max-width: $local-max-width;
   margin: {
     left: auto;
     right: auto;

data/app/assets/stylesheets/grid/_row.scss

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

data/app/assets/stylesheets/grid/_span-columns.scss

@@ -21,7 +21,7 @@
     }
 
     @if $display == collapse {
-      @warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead."
+      @include -neat-warn("The 'collapse' argument will be deprecated. Use 'block-collapse' instead.");
     }
 
     @if $display == collapse or $display == block-collapse {

data/app/assets/stylesheets/grid/_to-deprecate.scss

@@ -1,5 +1,5 @@
 @mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
-  @warn "The breakpoint() mixin was renamed to media() in Neat 1.0. Please update your project with the new syntax before the next version bump.";
+  @include -neat-warn("The breakpoint() mixin was renamed to media() in Neat 1.0. Please update your project with the new syntax before the next version bump.");
 
   @if length($query) == 1 {
     @media screen and ($default-feature: nth($query, 1)) {
@@ -47,11 +47,26 @@
   }
 
   @else {
-    @warn "Wrong number of arguments for breakpoint(). Read the documentation for more details.";
+    @include -neat-warn("Wrong number of arguments for breakpoint(). Read the documentation for more details.");
   }
 }
 
 @mixin nth-omega($nth, $display: block, $direction: default) {
-  @warn "The nth-omega() mixin is deprecated. Please use omega() instead.";
+  @include -neat-warn("The nth-omega() mixin is deprecated. Please use omega() instead.");
   @include omega($nth $display, $direction);
 }
+
+@mixin reset-display {
+  $container-display-table: false !global;
+  @include -neat-warn("Resetting $display will be deprecated in future versions in favor of the display(){...} mixin.");
+}
+
+@mixin reset-layout-direction {
+  $layout-direction: $default-layout-direction !global;
+  @include -neat-warn("Resetting $direction will be deprecated in future versions in favor of the direction(){...} mixin.");
+}
+
+@mixin reset-all {
+  @include reset-display;
+  @include reset-layout-direction;
+}

data/app/assets/stylesheets/grid/_visual-grid.scss

@@ -1,10 +1,9 @@
 @mixin grid-column-gradient($values...) {
-  background-image: deprecated-webkit-gradient(linear, left top, left bottom, $values);
-  background-image:  -webkit-linear-gradient(left, $values);
-  background-image:     -moz-linear-gradient(left, $values);
-  background-image:      -ms-linear-gradient(left, $values);
-  background-image:       -o-linear-gradient(left, $values);
-  background-image: unquote("linear-gradient(left, #{$values})");
+  background-image: -webkit-linear-gradient(left, $values);
+  background-image: -moz-linear-gradient(left, $values);
+  background-image: -ms-linear-gradient(left, $values);
+  background-image: -o-linear-gradient(left, $values);
+  background-image: unquote("linear-gradient(to left, #{$values})");
 }
 
 @if $visual-grid == true or $visual-grid == yes {

data/app/assets/stylesheets/settings/_disable-warnings.scss

@@ -0,0 +1,13 @@
+/**
+ * Disable all deprecation warnings. Defaults to `false`. Set with a `!global` flag.
+ *
+ * @type Bool
+ */
+
+$disable-warnings: false !default;
+
+@mixin -neat-warn($message) {
+  @if $disable-warnings == false {
+    @warn "#{$message}";
+  }
+}

data/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "neat",
-  "version": "1.6.0",
+  "version": "1.7.0.pre",
   "homepage": "http://neat.bourbon.io/",
   "main": "app/assets/stylesheets/_neat.scss",
   "ignore": [
@@ -15,6 +15,6 @@
     "NEWS.md"
   ],
   "dependencies": {
-    "bourbon": ">=3.1"
+    "bourbon": ">=4.0"
   }
 }

data/lib/neat/version.rb

@@ -1,3 +1,3 @@
 module Neat
-  VERSION = '1.6.0'
+  VERSION = '1.7.0.pre'
 end

data/neat.gemspec

@@ -23,7 +23,7 @@ Neat is an open source grid framework built on top of Bourbon with the aim of be
   s.require_paths = ['lib']
 
   s.add_dependency('sass', '>= 3.3')
-  s.add_dependency('bourbon', '>= 3.1')
+  s.add_dependency('bourbon', '>= 4.0')
 
   s.add_development_dependency('aruba', '~> 0.5.0')
   s.add_development_dependency('rake')

data/spec/neat/container_spec.rb

@@ -12,4 +12,10 @@ describe "@include outer-container()" do
   it "sets max-width" do
     expect('.container-default').to have_rule('max-width: 960px')
   end
+
+  context "with max-width argument: 100%" do
+    it "sets max-width to 100%" do
+      expect('.container-custom-width').to have_rule('max-width: 100%')
+    end
+  end
 end

data/spec/neat/default_spec.rb

@@ -0,0 +1,15 @@
+require 'spec_helper'
+
+describe "By default" do
+  before(:all) do
+    ParserSupport.parse_file("default")
+  end
+
+  it "sets sizing on the html element to 'border-box'" do
+    expect('html').to have_rule('box-sizing: border-box')
+  end
+
+  it "sets sizing on the global selector to 'inherit'" do
+    expect('*:after').to have_rule('box-sizing: inherit')
+  end
+end

data/spec/neat/direction_spec.rb

@@ -0,0 +1,19 @@
+require 'spec_helper'
+
+describe "@include direction() {...}" do
+  before(:all) do
+    ParserSupport.parse_file("direction")
+  end
+
+  context "with no argument" do
+    it "uses default direction setting" do
+      expect('.default-block').to have_rule('float: left')
+    end
+  end
+
+  context "whith argument (right-to-left)" do
+    it "changes direction setting inside the block" do
+      expect('.right-to-left-block').to have_rule('float: right')
+    end
+  end
+end

data/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

data/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

data/spec/support/matchers/be_contained_in.rb

@@ -4,7 +4,7 @@ RSpec::Matchers.define :be_contained_in do |expected|
     @query.any?
   end
 
-  failure_message_for_should do |actual|
+  failure_message do |actual|
       %{expected selector #{actual} to be contained in #{expected}}
   end
 end

data/spec/support/matchers/have_rule.rb

@@ -4,7 +4,7 @@ RSpec::Matchers.define :have_rule do |expected|
     @rules.include? expected
   end
 
-  failure_message_for_should do |actual|
+  failure_message do |actual|
     if @rules.empty?
       %{no CSS rules for selector #{actual} were found}
     else

data/spec/support/matchers/have_value.rb

@@ -9,7 +9,7 @@ RSpec::Matchers.define :have_value do |expected|
     end
   end
 
-  failure_message_for_should do |actual|
+  failure_message do |actual|
     %{expected variable #{actual} to have value "#{expected}"}
   end
 end

data/test/_setup.scss

@@ -1,4 +1,3 @@
-$border-box-sizing: false;
-
 @import 'bourbon/bourbon';
 @import 'app/assets/stylesheets/neat';
+$disable-warnings: true !global;

data/test/default.scss

@@ -0,0 +1 @@
+@import 'setup';

data/test/direction.scss

@@ -0,0 +1,13 @@
+@import 'setup';
+
+@include direction() {
+  .default-block {
+    @include span-columns(6);
+  }
+}
+
+@include direction(right-to-left) {
+  .right-to-left-block {
+    @include span-columns(6);
+  }
+}

data/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);
+    }
+  }
+}

data/test/outer-container.scss

@@ -3,5 +3,9 @@
 $max-width: 960px;
 
 .container-default {
-  @include outer-container;
+  @include outer-container();
+}
+
+.container-custom-width {
+  @include outer-container(100%);
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: neat
 version: !ruby/object:Gem::Version
-  version: 1.6.0
+  version: 1.7.0.pre
 platform: ruby
 authors:
 - Kyle Fiedler
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-28 00:00:00.000000000 Z
+date: 2014-08-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -32,14 +32,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.1'
+        version: '4.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.1'
+        version: '4.0'
 - !ruby/object:Gem::Dependency
   name: aruba
   requirement: !ruby/object:Gem::Requirement
@@ -149,6 +149,7 @@ extra_rdoc_files: []
 files:
 - ".gitignore"
 - ".rspec"
+- ".travis.yml"
 - CONTRIBUTING.md
 - Gemfile
 - LICENSE
@@ -159,19 +160,21 @@ files:
 - app/assets/stylesheets/_neat.scss
 - app/assets/stylesheets/functions/_new-breakpoint.scss
 - app/assets/stylesheets/functions/_private.scss
+- app/assets/stylesheets/grid/_box-sizing.scss
+- app/assets/stylesheets/grid/_direction.scss
+- app/assets/stylesheets/grid/_display.scss
 - app/assets/stylesheets/grid/_fill-parent.scss
-- app/assets/stylesheets/grid/_grid.scss
 - app/assets/stylesheets/grid/_media.scss
 - app/assets/stylesheets/grid/_omega.scss
 - app/assets/stylesheets/grid/_outer-container.scss
 - app/assets/stylesheets/grid/_pad.scss
 - app/assets/stylesheets/grid/_private.scss
-- app/assets/stylesheets/grid/_reset.scss
 - app/assets/stylesheets/grid/_row.scss
 - app/assets/stylesheets/grid/_shift.scss
 - app/assets/stylesheets/grid/_span-columns.scss
 - app/assets/stylesheets/grid/_to-deprecate.scss
 - app/assets/stylesheets/grid/_visual-grid.scss
+- app/assets/stylesheets/settings/_disable-warnings.scss
 - app/assets/stylesheets/settings/_grid.scss
 - app/assets/stylesheets/settings/_visual-grid.scss
 - bin/neat
@@ -184,6 +187,9 @@ files:
 - neat.gemspec
 - spec/neat/columns_spec.rb
 - spec/neat/container_spec.rb
+- spec/neat/default_spec.rb
+- spec/neat/direction_spec.rb
+- spec/neat/display_spec.rb
 - spec/neat/media_spec.rb
 - spec/neat/new_breakpoint_spec.rb
 - spec/neat/omega_spec.rb
@@ -198,6 +204,9 @@ files:
 - spec/support/parser_support.rb
 - spec/support/sass_support.rb
 - test/_setup.scss
+- test/default.scss
+- test/direction.scss
+- test/display.scss
 - test/media.scss
 - test/new-breakpoint.scss
 - test/omega.scss
@@ -221,18 +230,21 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: neat
-rubygems_version: 2.1.11
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: A fluid grid framework on top of Bourbon
 test_files:
 - spec/neat/columns_spec.rb
 - spec/neat/container_spec.rb
+- spec/neat/default_spec.rb
+- spec/neat/direction_spec.rb
+- spec/neat/display_spec.rb
 - spec/neat/media_spec.rb
 - spec/neat/new_breakpoint_spec.rb
 - spec/neat/omega_spec.rb
@@ -247,6 +259,9 @@ test_files:
 - spec/support/parser_support.rb
 - spec/support/sass_support.rb
 - test/_setup.scss
+- test/default.scss
+- test/direction.scss
+- test/display.scss
 - test/media.scss
 - test/new-breakpoint.scss
 - test/omega.scss

data/app/assets/stylesheets/grid/_grid.scss

@@ -1,5 +0,0 @@
-@if $border-box-sizing == true {
-  * {
-    @include box-sizing(border-box);
-  }
-}

data/app/assets/stylesheets/grid/_reset.scss

@@ -1,12 +0,0 @@
-@mixin reset-display {
-  $container-display-table: false !global;
-}
-
-@mixin reset-layout-direction {
-  $layout-direction: $default-layout-direction !global;
-}
-
-@mixin reset-all {
-  @include reset-display;
-  @include reset-layout-direction;
-}