neat 1.7.4 → 1.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8eb2762209caf54b43f3de40b58e45e74ab60745
-  data.tar.gz: 595b9703a3de3a9e00ed77b01c453c8b959f4aba
+  metadata.gz: eb26b456c30e4c434a7cc8647c722e8ff437e57e
+  data.tar.gz: ac4e317c5cb46d3ef6508bfe9cd780b777d48392
 SHA512:
-  metadata.gz: fcb8d041bc31c465512fc0010af419c261d82f1afb46c2d27f43241a2f64da93968168565c220f8e9dad43bc3bd0bb72af2014a0c75b5b24e8de2fdd29bdbf58
-  data.tar.gz: 5bcce3921f4a9664d5fec025755f31c0e18ea4ebf59743de499879ad5a56f48957bd0b311fed63bb7f9a4609c878d78b4490b933d05b555c2bb841e3aacffeaf
+  metadata.gz: f6a26d940e3a23528ebcf9a906be74c3603f9b9621fc069c3097cf9c7707540bf382f7b7c1ec7d684a209b5d7200bb5480d395ce53d6afd2eef64b22d0255be3
+  data.tar.gz: a1160e62fbdbe674ee29ec41b43c0f5255743cd82a5aa119fe532924b964b4f16c6f7d70f5d7ba8154abd810f336bb4dfbbda0366c38d45310769bffdce34701

data/.ruby-version

@@ -0,0 +1 @@
+2.3.1

data/Gulpfile.js

@@ -1,5 +1,4 @@
-var bourbon    = require("bourbon").includePaths,
-    autoprefix = require("gulp-autoprefixer"),
+var autoprefix = require("gulp-autoprefixer"),
     connect    = require("gulp-connect"),
     gulp       = require("gulp"),
     sass       = require("gulp-sass");
@@ -13,7 +12,7 @@ var paths = {
 gulp.task("sass", function () {
   return gulp.src(paths.scss)
     .pipe(sass({
-      includePaths: ["styles"].concat(bourbon)
+        sourcemaps: true
     }))
     .pipe(autoprefix("last 2 versions"))
     .pipe(gulp.dest("./contrib"))

data/README.md

@@ -1,12 +1,11 @@
 [![Neat](http://images.thoughtbot.com/bourbon/neat-logo.svg)](http://neat.bourbon.io)
 
-[![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)
-[![Gitter](http://img.shields.io/badge/gitter-neat-ae3dd2.svg?style=flat)](https://gitter.im/thoughtbot/neat)
-[![Stack Overflow](http://img.shields.io/badge/stack%20overflow-neat-ae3dd2.svg?style=flat)](http://stackoverflow.com/questions/tagged/neat)
+## A lightweight, semantic grid framework
 
-## A lightweight, semantic grid framework built with Bourbon
+**Note: This branch is an archive of Neat v1. The current release is v2 on
+`master`.**
 
-Neat is a fluid grid framework built with [Bourbon](https://github.com/thoughtbot/bourbon) with the aim of being easy enough to use out of the box and flexible enough to customize down the road.
+Neat is a fluid grid framework with the aim of being easy enough to use out of the box and flexible enough to customize down the road.
 
 - **[Demo](http://neat.bourbon.io)**
 - **[Documentation](http://thoughtbot.github.io/neat-docs/latest)**
@@ -19,7 +18,6 @@ for updates.
 ## Requirements
 
 - [Sass](https://github.com/sass/sass) 3.3+
-- [Bourbon](https://github.com/thoughtbot/bourbon) 4.0+
 - :warning: If you need **Sass 3.2 support**, you should [use Neat 1.5.1](#installing-older-versions-of-neat)
 
 ## Installation
@@ -39,23 +37,16 @@ For command line help, visit our wiki page on Neat’s [command line interface](
   ```bash
   gem install sass # or gem update sass
   ```
-  ```bash
-  gem install bourbon # or gem update bourbon
-  ```
 
 3. Install the Neat library into the current directory:
 
-  ```bash
-  bourbon install # if not already installed
-  ```
   ```bash
   neat install
   ```
 
-4. Import Neat in your stylesheet, after Bourbon:
+4. Import Neat in your stylesheet:
 
   ```scss
-  @import "bourbon/bourbon";
   @import "neat/neat";
   ```
 
@@ -81,10 +72,9 @@ For command line help, visit our wiki page on Neat’s [command line interface](
   bundle update sass
   ```
 
-3.  Import Neat in your `application.scss`, after Bourbon:
+3.  Import Neat in your `application.scss`:
 
   ```scss
-  @import "bourbon";
   @import "neat";
   ```
 
@@ -98,12 +88,11 @@ For command line help, visit our wiki page on Neat’s [command line interface](
   npm install --save bourbon-neat
   ```
 
-1. If you’re using [Eyeglass](http://eyeglass.rocks), skip to Step 3. Otherwise, you’ll need to add Bourbon and Neat to your node-sass `includePaths` option. `require("bourbon-neat").includePaths` is an array of directories that you should pass to node-sass. How you do this depends on how node-sass is integrated into your project. You will also need to ensure that Bourbon is in the `includePaths` passed to node-sass.
+1. If you’re using [Eyeglass](http://eyeglass.rocks), skip to Step 3. Otherwise, you’ll need to add Neat to your node-sass `includePaths` option. `require("bourbon-neat").includePaths` is an array of directories that you should pass to node-sass. How you do this depends on how node-sass is integrated into your project.
 
-1. Import Neat into your Sass files, after Bourbon:
+1. Import Neat into your Sass files:
 
   ```scss
-  @import "bourbon";
   @import "neat";
   ```
 
@@ -128,7 +117,6 @@ For command line help, visit our wiki page on Neat’s [command line interface](
 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
 ```
@@ -280,7 +268,7 @@ Copyright © 2012–2015 [thoughtbot, inc](http://thoughtbot.com). Neat is free
 
 ## About thoughtbot
 
-[<img src="http://thoughtbot.github.io/images/signature.svg" width="250" alt="thoughtbot logo">][hire]
+[<img src="http://presskit.thoughtbot.com/images/signature.svg" width="250" alt="thoughtbot logo">][hire]
 
 Neat is maintained and funded by thoughtbot, inc.
 The names and logos for thoughtbot are trademarks of thoughtbot, inc.

data/Rakefile

@@ -8,15 +8,11 @@ RSpec::Core::RakeTask.new(:spec)
 task :default => :spec
 
 task :test do
-  puts "Creating a Bourbon directory..."
-  `bourbon install --path test`
   puts "Generating CSS..."
   `sass -I . --watch test:css/ --style expanded`
 end
 
 task :clean do
-  puts "Deleting Bourbon directory..."
-  `rm -rf test/bourbon`
   puts "Deleting generated CSS..."
   `rm -rf css/`
 end

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

@@ -1,3 +1,6 @@
+// Mixins
+@import "mixins/clearfix";
+
 // Functions
 @import "functions/private";
 @import "functions/new-breakpoint";

data/app/assets/stylesheets/_neat.scss

@@ -1,4 +1,4 @@
-// Neat 1.7.4
+// Neat 1.9.0
 // http://neat.bourbon.io
 // Copyright 2012-2015 thoughtbot, inc.
 // MIT License
@@ -17,6 +17,7 @@
 @import "grid/pad";
 @import "grid/fill-parent";
 @import "grid/media";
+@import "grid/reset-display";
 @import "grid/to-deprecate";
 @import "grid/visual-grid";
 @import "grid/display-context";

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

@@ -56,22 +56,26 @@
 // Generates a striped background
 @function gradient-stops($grid-columns, $color: $visual-grid-color) {
   $transparent: transparent;
+  $alt-color: darken($color, 10%);
 
   $column-width: flex-grid(1, $grid-columns);
   $gutter-width: flex-gutter($grid-columns);
   $column-offset: $column-width;
+  $alternate: false;
 
-  $values: ($transparent 0, $color 0);
+  $values: ($transparent 0, if($alternate, $color, $alt-color) 0);
 
   @for $i from 1 to $grid-columns*2 {
     @if is-even($i) {
       $values: append($values, $transparent $column-offset, comma);
-      $values: append($values, $color $column-offset, comma);
+      $values: append($values, if($alternate, $color, $alt-color) $column-offset, comma);
       $column-offset: $column-offset + $column-width;
     } @else {
-      $values: append($values, $color $column-offset, comma);
+      $values: append($values, if($alternate, $color, $alt-color) $column-offset, comma);
       $values: append($values, $transparent $column-offset, comma);
       $column-offset: $column-offset + $gutter-width;
+
+      $alternate: not $alternate;
     }
   }
 
@@ -112,3 +116,39 @@
 
   @return $opposite-direction;
 }
+
+
+@function to-number($string) {
+  $string: str-replace($string, " ", "");
+  $strings: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
+  $numbers:  0 1 2 3 4 5 6 7 8 9;
+  $result: 0;
+
+  @for $i from 1 through str-length($string) {
+    $character: str-slice($string, $i, $i);
+    $index: index($strings, $character);
+
+    @if not $index {
+      @warn "Unknown character `#{$character}`.";
+      @return false;
+    }
+
+    $number: nth($numbers, $index);
+    $result: $result * 10 + $number;
+  }
+
+  @return $result;
+}
+
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    $first: str-slice($string, 1, $index - 1);
+    $last-slice: str-slice($string, $index + str-length($search));
+    $last: str-replace($last-slice, $search, $replace);
+    @return $first + $replace + $last;
+  }
+
+  @return $string;
+}

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

@@ -79,7 +79,32 @@
     margin-#{$direction}: 0;
   }
 
-  @if type-of($query) == number and unit($query) == "n" {
+  @if type-of($query) == string {
+    $query: str-replace($query, " ", "");
+    $operator: false;
+
+    @if str_index($query, "+") {
+      $operator: "+";
+    } @else if str_index($query, "-") {
+      $operator: "-";
+    }
+
+    @if $operator {
+      $operator-index: str_index($query, $operator);
+      $first: str-slice($query, 0, ($operator-index - 1));
+      $last: to-number(str-slice($query, ($operator-index + 1), -1));
+      @if $operator == "+" {
+        $last: $last + 1;
+      } @else if $operator == "-" {
+        $last: $last - 1;
+      }
+      $nth: "#{$first}#{$operator}#{$last}";
+
+      &:nth-child(#{$nth}) {
+        clear: $opposite-direction;
+      }
+    }
+  } @else if type-of($query) == number && unit($query) == "n" {
     &:nth-child(#{$query}+1) {
       clear: $opposite-direction;
     }

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

@@ -13,19 +13,15 @@
 ///
 /// @example css - CSS Output
 ///   .element {
-///     *zoom: 1;
 ///     max-width: 100%;
 ///     margin-left: auto;
 ///     margin-right: auto;
 ///   }
 ///
-///   .element:before, .element:after {
-///     content: " ";
-///     display: table;
-///   }
-///
-///   .element:after {
+///   .element::after {
 ///     clear: both;
+///     content: "";
+///     display: table;
 ///   }
 
 @mixin outer-container($local-max-width: $max-width) {

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

@@ -6,18 +6,18 @@ $container-display-table: false !default;
 $layout-direction: LTR !default;
 
 @function flex-grid($columns, $container-columns: $fg-max-columns) {
-  $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
-  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  $width: flex-width($columns);
+  $container-width: flex-width($container-columns);
   @return percentage($width / $container-width);
 }
 
 @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
-  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  $container-width: flex-width($container-columns);
   @return percentage($gutter / $container-width);
 }
 
-@function grid-width($n) {
-  @return $n * $gw-column + ($n - 1) * $gw-gutter;
+@function flex-width($n, $column-width: $fg-column, $gutter-width: $fg-gutter) {
+  @return $n * $column-width + ($n - 1) * $gutter-width;
 }
 
 @function get-parent-columns($columns) {

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

@@ -0,0 +1,14 @@
+/// Resets the active display property to `block`. Particularly useful when changing the display property in a single row.
+///
+/// @example scss - Usage
+///   .element {
+///     @include row(table);
+///     // Context changed to table display
+///   }
+///
+///   @include reset-display;
+///   // Context is reset to block display
+
+@mixin reset-display {
+  $container-display-table: false !global;
+}

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

@@ -29,16 +29,9 @@
 /// }
 
 @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;

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

@@ -48,22 +48,6 @@
   @include omega($nth $display, $direction);
 }
 
-/// Resets the active display property to `block`. Particularly useful when changing the display property in a single row.
-///
-/// @example scss - Usage
-///   .element {
-///     @include row(table);
-///     // Context changed to table display
-///   }
-///
-///   @include reset-display;
-///   // Context is reset to block display
-
-@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.");
-}
-
 /// Resets the active layout direction to the default value set in `$default-layout-direction`. Particularly useful when changing the layout direction in a single row.
 ///
 /// @example scss - Usage

data/app/assets/stylesheets/mixins/_clearfix.scss

@@ -0,0 +1,25 @@
+@charset "UTF-8";
+
+/// Provides an easy way to include a clearfix for containing floats.
+///
+/// @link http://goo.gl/yP5hiZ
+///
+/// @example scss
+///   .element {
+///     @include clearfix;
+///   }
+///
+/// @example css
+///   .element::after {
+///     clear: both;
+///     content: "";
+///     display: block;
+///   }
+
+@mixin clearfix {
+  &::after {
+    clear: both;
+    content: "";
+    display: block;
+  }
+}

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

@@ -1,16 +1,16 @@
 @charset "UTF-8";
 
-/// Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. To learn more about `modular-scale()` see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with a `!global` flag.
+/// Sets the relative width of a single grid column. The unit used should be the same one used to define `$gutter`. Set with a `!global` flag.
 ///
 /// @type Number (Unit)
 
-$column: modular-scale(3, 1em, $golden) !default;
+$column: 4.2358em !default;
 
-/// Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. To learn more about `modular-scale()` see [Bourbon docs](http://bourbon.io/docs/#modular-scale). Set with the `!global` flag.
+/// Sets the relative width of a single grid gutter. The unit used should be the same one used to define `$column`. Set with the `!global` flag.
 ///
 /// @type Number (Unit)
 
-$gutter: modular-scale(1, 1em, $golden) !default;
+$gutter: 1.618em !default;
 
 /// Sets the total number of columns in the grid. Its value can be overridden inside a media query using the `media()` mixin. Set with the `!global` flag.
 ///

data/bin/neat

@@ -1,5 +1,5 @@
 #!/usr/bin/env ruby
 
-require "neat"
+require File.dirname(__FILE__) + "/../lib/neat.rb"
 
-Neat::Generator.new(ARGV).run
+Neat::Generator.start

data/bower.json

@@ -1,7 +1,7 @@
 {
   "name": "neat",
-  "description": "A lightweight, semantic grid framework built with Bourbon",
-  "version": "1.7.4",
+  "description": "A lightweight, semantic grid framework",
+  "version": "1.9.0",
   "main": "app/assets/stylesheets/_neat.scss",
   "license": "MIT",
   "ignore": [
@@ -19,7 +19,6 @@
     "test"
   ],
   "keywords": [
-    "bourbon",
     "columns",
     "grid",
     "layout",
@@ -38,8 +37,5 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/thoughtbot/neat.git"
-  },
-  "dependencies": {
-    "bourbon": ">=4.0"
   }
 }

data/contrib/styles.scss

@@ -1,5 +1,4 @@
-@import "bourbon";
-@import "../app/assets/stylesheets/neat";
+$visual-grid: true !global;
 
 // Grid Settings
 $column: 90px;
@@ -11,6 +10,8 @@ $max-width: 1200px;
 $medium-screen: 600px;
 $large-screen: 900px;
 
+@import "../app/assets/stylesheets/neat";
+
 $medium-screen-up: new-breakpoint(min-width $medium-screen 4);
 $large-screen-up: new-breakpoint(min-width $large-screen 8);
 
@@ -19,7 +20,7 @@ $base-line-height: 1.625;
 $base-spacing: $base-line-height * 1em;
 
 // Visual Grid
-$visual-grid: true;
+
 $visual-grid-color: #e6f6ff;
 $visual-grid-opacity: 0.4;
 
@@ -35,7 +36,7 @@ $darkerblue: #072f44;
 
 body {
   color: $darkerblue;
-  font-family: $helvetica;
+  font-family: sans-serif;
   line-height: $base-line-height;
   margin: 0 0 (1.5rem * 2);
   text-align: center;
@@ -62,17 +63,17 @@ code {
 // ============================================
 
 .container {
-  @include margin(null auto);
-  @include padding(null $gutter);
+  margin: 0 auto;
   max-width: 500px;
+  padding: 0 $gutter;
   position: relative;
 }
 
 .welcome-message {
   @include clearfix();
-  @include padding($base-spacing null);
   background-color: $blue;
   margin-bottom: 1.5rem;
+  padding: $base-spacing 0;
   text-align: center;
 }
 

data/lib/neat/generator.rb

@@ -1,21 +1,22 @@
+require "neat/version"
 require "fileutils"
+require "thor"
 
 module Neat
-  class Generator
-    def initialize(arguments)
-      @subcommand = arguments.first
-    end
+  class Generator < Thor
+    map ["-v", "--version"] => :version
 
-    def run
-      if @subcommand == "install"
-       install
-      elsif @subcommand == "update"
-        update
-      elsif @subcommand == "remove"
-        remove
+    desc "install", "Install Neat into your project"
+    def install
+      if neat_files_already_exist?
+        puts "Neat files already installed, doing nothing."
+      else
+        install_files
+        puts "Neat files installed to neat/"
       end
     end
 
+    desc "update", "Update Neat"
     def update
       if neat_files_already_exist?
         remove_neat_directory
@@ -26,15 +27,7 @@ module Neat
       end
     end
 
-    def install
-      if neat_files_already_exist?
-        puts "Neat files already installed, doing nothing."
-      else
-        install_files
-        puts "Neat files installed to neat/"
-      end
-    end
-
+    desc "remove", "Remove Neat"
     def remove
       if neat_files_already_exist?
         remove_neat_directory
@@ -44,6 +37,11 @@ module Neat
       end
     end
 
+    desc "version", "Show Neat version"
+    def version
+      say "Neat #{Neat::VERSION}"
+    end
+
     private
 
     def neat_files_already_exist?

data/lib/neat/version.rb

@@ -1,3 +1,3 @@
 module Neat
-  VERSION = "1.7.4"
+  VERSION = "1.9.0"
 end

data/lib/neat.rb

@@ -1,5 +1,4 @@
 require "sass"
-require "bourbon"
 require "neat/generator"
 
 module Neat

data/lib/tasks/install.rake

@@ -1,20 +1,18 @@
 require "fileutils"
 require "find"
 
-namespace :bourbon do
-  namespace :neat do
-    desc "Copy Neat's files to the Rails assets directory."
-    task :install, [:sass_path] do |t, args|
-      args.with_defaults(:sass_path => 'public/stylesheets/sass')
-      source_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
-      FileUtils.mkdir_p("#{Rails.root}/#{args.sass_path}/neat")
-      FileUtils.cp_r("#{source_root}/app/assets/stylesheets/.", "#{Rails.root}/#{args.sass_path}/neat", { :preserve => true })
+namespace :neat do
+  desc "Copy Neat's files to the Rails assets directory."
+  task :install, [:sass_path] do |t, args|
+    args.with_defaults(:sass_path => 'public/stylesheets/sass')
+    source_root = File.expand_path(File.join(File.dirname(__FILE__), '..', '..'))
+    FileUtils.mkdir_p("#{Rails.root}/#{args.sass_path}/neat")
+    FileUtils.cp_r("#{source_root}/app/assets/stylesheets/.", "#{Rails.root}/#{args.sass_path}/neat", { :preserve => true })
 
-      Find.find("#{Rails.root}/#{args.sass_path}/neat") do |path|
-        if path.end_with?(".css.scss")
-          path_without_css_extension = path.gsub(/\.css\.scss$/, ".scss")
-          FileUtils.mv(path, path_without_css_extension)
-        end
+    Find.find("#{Rails.root}/#{args.sass_path}/neat") do |path|
+      if path.end_with?(".css.scss")
+        path_without_css_extension = path.gsub(/\.css\.scss$/, ".scss")
+        FileUtils.mv(path, path_without_css_extension)
       end
     end
   end

data/neat.gemspec

@@ -9,11 +9,11 @@ Gem::Specification.new do |s|
   s.authors     = ['Joel Oliveira', 'Kyle Fiedler', 'Reda Lemeden']
   s.email       = 'design+bourbon@thoughtbot.com'
   s.homepage    = 'http://neat.bourbon.io'
-  s.summary     = 'A lightweight, semantic grid framework built with Bourbon'
+  s.summary     = 'A lightweight, semantic grid framework'
   s.license     = 'MIT'
   s.description = <<-DESC
-Neat is a fluid grid framework built with Bourbon with the aim of being easy
-enough to use out of the box and flexible enough to customize down the road.
+Neat is a fluid grid framework built with the aim of being easy enough to use
+out of the box and flexible enough to customize down the road.
   DESC
 
   s.rubyforge_project = 'neat'
@@ -24,7 +24,7 @@ enough to use out of the box and flexible enough to customize down the road.
   s.require_paths = ['lib']
 
   s.add_dependency('sass', '>= 3.3')
-  s.add_dependency('bourbon', '>= 4.0')
+  s.add_dependency("thor", "~> 0.19")
 
   s.add_development_dependency("scss_lint", "~> 0.43")
   s.add_development_dependency('aruba', '~> 0.5.0')

data/package.json

@@ -1,9 +1,8 @@
 {
   "name": "bourbon-neat",
-  "version": "1.7.4",
-  "description": "A lightweight, semantic grid framework built with Bourbon",
+  "version": "1.9.0",
+  "description": "A lightweight, semantic grid framework",
   "keywords": [
-    "bourbon",
     "columns",
     "grid",
     "layout",
@@ -34,8 +33,7 @@
     "test": "echo \"No test specified\""
   },
   "dependencies": {
-    "bourbon": "^4.2",
-    "node-sass": "^3.4"
+    "node-sass": "^4.1.1"
   },
   "devDependencies": {
     "gulp": "^3.9",

data/sache.json

@@ -1,5 +1,5 @@
 {
   "name": "Neat",
-  "description": "A lightweight, semantic grid framework built with Bourbon",
-  "tags": ["bourbon", "columns", "grid", "layout", "media", "media-queries", "neat", "queries", "sass", "scss", "semantic"]
+  "description": "A lightweight, semantic grid framework",
+  "tags": ["columns", "grid", "layout", "media", "media-queries", "neat", "queries", "sass", "scss", "semantic"]
 }

data/spec/neat/omega_spec.rb

@@ -7,36 +7,59 @@ describe "@include omega()" do
 
   context "with no argument" do
     it "removes right margin" do
-      expect(".omega-default").to have_rule("margin-right: 0")
+      selector = ".omega-default"
+      expect(selector).to have_rule("margin-right: 0")
     end
   end
 
   context "with argument (4n)" do
     it "removes right margin of nth-child(4n)" do
-      expect(".omega-nth-default:nth-child(4n)").to have_rule("margin-right: 0")
+      selector = ".omega-nth-default:nth-child(4n)"
+      expect(selector).to have_rule("margin-right: 0")
     end
 
     it "adds clear to nth-child(4n+1)" do
-      expect(".omega-nth-default:nth-child(4n+1)").to have_rule("clear: left")
+      selector = ".omega-nth-default:nth-child(4n+1)"
+      expect(selector).to have_rule("clear: left")
     end
   end
 
   context "with argument ('4n+1')" do
     it "removes right margin of nth-child(4n+1)" do
-      expect(".omega-complex-nth:nth-child(4n+1)").to have_rule("margin-right: 0")
+      selector = ".omega-complex-nth:nth-child(4n+1)"
+      expect(selector).to have_rule("margin-right: 0")
+    end
+
+    it "adds clear to nth-child('4n+2')" do
+      selector = ".omega-complex-nth:nth-child(4n+2)"
+      expect(selector).to have_rule("clear: left")
+    end
+  end
+
+  context "with argument ('3n-1')" do
+    it "removes right margin of nth-child(3n-1)" do
+      selector = ".omega-complex-nth-negative:nth-child(3n-1)"
+      expect(selector).to have_rule("margin-right: 0")
+    end
+
+    it "adds clear to nth-child('3n-0')" do
+      selector = ".omega-complex-nth-negative:nth-child(3n-0)"
+      expect(selector).to have_rule("clear: left")
     end
   end
 
   context "when called inside an RTL row" do
     context "with no argument" do
       it "removes left margin" do
-        expect("section .omega-default-left").to have_rule("margin-left: 0")
+        selector = "section .omega-default-left"
+        expect(selector).to have_rule("margin-left: 0")
       end
     end
 
     context "with argument (4n block)" do
       it "removes left margin of nth-child(4n)" do
-        expect("section .omega-nth-default-left:nth-child(4n)").to have_rule("margin-left: 0")
+        selector = "section .omega-nth-default-left:nth-child(4n)"
+        expect(selector).to have_rule("margin-left: 0")
       end
     end
   end

data/spec/spec_helper.rb

@@ -7,19 +7,16 @@ require "css_parser"
 Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
 
 RSpec.configure do |config|
-  config.include BourbonSupport
   config.include SassSupport
   config.include CssParser
   config.include ParserSupport
   config.include Aruba::Api
 
   config.before(:all) do
-    install_bourbon_files
     generate_css
   end
 
   config.after(:all) do
-    remove_bourbon_files
     clean_up
   end
 end

data/spec/support/matchers/have_rule.rb

@@ -1,14 +1,16 @@
 RSpec::Matchers.define :have_rule do |expected|
-  match do |actual|
-    @rules = rules_from_selector(actual)
+  match do |selector|
+    @rules = rules_from_selector(selector)
     @rules.include? expected
   end
 
-  failure_message do |actual|
+  failure_message do |selector|
     if @rules.empty?
-      %{no CSS rules for selector #{actual} were found}
+      %{no CSS for selector #{selector} were found}
     else
-      %{expected selector #{actual} to have CSS rule "#{expected}"}
+      rules = @rules.join("; ")
+      %{Expected selector #{selector} to have CSS rule "#{expected}".
+        Had "#{rules}".}
     end
   end
 

data/test/_setup.scss

@@ -1,3 +1,2 @@
-@import "bourbon/bourbon";
 @import "../app/assets/stylesheets/neat";
 $disable-warnings: true !global;

data/test/omega.scss

@@ -12,6 +12,10 @@
   @include omega("4n+1");
 }
 
+.omega-complex-nth-negative {
+  @include omega("3n-1");
+}
+
 section {
   @include row($direction: RTL);
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: neat
 version: !ruby/object:Gem::Version
-  version: 1.7.4
+  version: 1.9.0
 platform: ruby
 authors:
 - Joel Oliveira
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-03-04 00:00:00.000000000 Z
+date: 2017-06-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -27,19 +27,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.3'
 - !ruby/object:Gem::Dependency
-  name: bourbon
+  name: thor
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '0.19'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '0.19'
 - !ruby/object:Gem::Dependency
   name: scss_lint
   requirement: !ruby/object:Gem::Requirement
@@ -153,8 +153,8 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 description: |
-  Neat is a fluid grid framework built with Bourbon with the aim of being easy
-  enough to use out of the box and flexible enough to customize down the road.
+  Neat is a fluid grid framework built with the aim of being easy enough to use
+  out of the box and flexible enough to customize down the road.
 email: design+bourbon@thoughtbot.com
 executables:
 - neat
@@ -164,6 +164,7 @@ files:
 - ".gitignore"
 - ".npmignore"
 - ".rspec"
+- ".ruby-version"
 - ".scss-lint.yml"
 - ".travis.yml"
 - CONTRIBUTING.md
@@ -186,11 +187,13 @@ files:
 - app/assets/stylesheets/grid/_outer-container.scss
 - app/assets/stylesheets/grid/_pad.scss
 - app/assets/stylesheets/grid/_private.scss
+- app/assets/stylesheets/grid/_reset-display.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/mixins/_clearfix.scss
 - app/assets/stylesheets/settings/_disable-warnings.scss
 - app/assets/stylesheets/settings/_grid.scss
 - app/assets/stylesheets/settings/_visual-grid.scss
@@ -220,7 +223,6 @@ files:
 - spec/neat/row_spec.rb
 - spec/neat/shift_spec.rb
 - spec/spec_helper.rb
-- spec/support/bourbon_support.rb
 - spec/support/matchers/be_contained_in.rb
 - spec/support/matchers/have_rule.rb
 - spec/support/matchers/have_value.rb
@@ -258,10 +260,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: neat
-rubygems_version: 2.5.2
+rubygems_version: 2.6.12
 signing_key: 
 specification_version: 4
-summary: A lightweight, semantic grid framework built with Bourbon
+summary: A lightweight, semantic grid framework
 test_files:
 - spec/neat/columns_spec.rb
 - spec/neat/container_spec.rb
@@ -275,7 +277,6 @@ test_files:
 - spec/neat/row_spec.rb
 - spec/neat/shift_spec.rb
 - spec/spec_helper.rb
-- spec/support/bourbon_support.rb
 - spec/support/matchers/be_contained_in.rb
 - spec/support/matchers/have_rule.rb
 - spec/support/matchers/have_value.rb
@@ -293,4 +294,3 @@ test_files:
 - test/row.scss
 - test/shift.scss
 - test/span-columns.scss
-has_rdoc: 

data/spec/support/bourbon_support.rb

@@ -1,9 +0,0 @@
-module BourbonSupport
-  def install_bourbon_files
-    `bundle exec bourbon install --path test`
-  end
-
-  def remove_bourbon_files
-    FileUtils.rm_rf("test/bourbon")
-  end
-end