neat 1.7.0 → 1.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: db2a532bbbdb4620bed5cec00f5cd12415dba74c
-  data.tar.gz: ef585a637c353915fc522398898eb8405972c650
+  metadata.gz: 140d19e99dfae421bf4d9202ae2a9de3e5186ed7
+  data.tar.gz: 0c943505c573d7661d2f9d4cc3bebfd47f4d1733
 SHA512:
-  metadata.gz: fed84c2941a6d114a2c9465fcdfb154a48ba720ff1730d8f26a6965b423e60bdfd67c7f29f02d1aabedda9faa1d5db855715a7b4cc0cdfed957831b9b8c1b010
-  data.tar.gz: 8312d8b07774daad044001744440db8136c8f567cb272535ea1402107bbb4b7797d64867952199ed15d1036f5e6b9c146d937ce4ca754150b1a97ee50c64ce24
+  metadata.gz: 24dfbd6d4c546081cb98a487e83a42bf96efebab0411ea7af12d751c8ea2b7dacd4b61bf4094de86c3b8471fd2227fb04ef4d57bcce42e2e44d421fc7e6cbccc
+  data.tar.gz: 3c11c77b33e8b4cc8f05efcf408490152b97d88a14f0332e90638c1dfb983f8bf70083918c96facafb39113144ab124d1cafeed4b52a11c4878d25ab79da7c9f

data/.rspec

@@ -1,2 +1 @@
 --color
---format documentation

data/.scss-lint.yml

@@ -0,0 +1,175 @@
+scss_files: "app/assets/stylesheets/**/*.scss"
+
+linters:
+  BangFormat:
+    enabled: true
+    space_before_bang: true
+    space_after_bang: false
+
+  BorderZero:
+    enabled: false
+
+  ColorKeyword:
+    enabled: true
+    severity: warning
+
+  Comment:
+    enabled: true
+
+  DebugStatement:
+    enabled: true
+
+  DeclarationOrder:
+    enabled: true
+
+  DuplicateProperty:
+    enabled: true
+
+  ElsePlacement:
+    enabled: true
+    style: same_line
+
+  EmptyLineBetweenBlocks:
+    enabled: true
+    ignore_single_line_blocks: true
+
+  EmptyRule:
+    enabled: true
+
+  FinalNewline:
+    enabled: true
+    present: true
+
+  HexLength:
+    enabled: false
+    style: short
+
+  HexNotation:
+    enabled: true
+    style: lowercase
+
+  HexValidation:
+    enabled: true
+
+  IdWithExtraneousSelector:
+    enabled: true
+
+  ImportPath:
+    enabled: true
+    leading_underscore: false
+    filename_extension: false
+
+  Indentation:
+    enabled: true
+    character: space
+    width: 2
+
+  LeadingZero:
+    enabled: true
+    style: include_zero
+
+  MergeableSelector:
+    enabled: true
+    force_nesting: true
+
+  NameFormat:
+    enabled: true
+    convention: hyphenated_lowercase
+
+  NestingDepth:
+    enabled: true
+    max_depth: 4
+    severity: warning
+
+  PlaceholderInExtend:
+    enabled: false
+
+  PropertySortOrder:
+    enabled: true
+    ignore_unspecified: false
+    severity: warning
+
+  PropertySpelling:
+    enabled: true
+    extra_properties: []
+
+  QualifyingElement:
+    enabled: true
+    allow_with_attribute: false
+    allow_with_class: false
+    allow_with_id: false
+    severity: warning
+
+  SelectorDepth:
+    enabled: true
+    max_depth: 2
+    severity: warning
+
+  SelectorFormat:
+    enabled: true
+    convention: hyphenated_lowercase
+
+  Shorthand:
+    enabled: true
+    severity: warning
+
+  SingleLinePerProperty:
+    enabled: true
+    allow_single_line_rule_sets: true
+
+  SingleLinePerSelector:
+    enabled: true
+
+  SpaceAfterComma:
+    enabled: true
+
+  SpaceAfterPropertyColon:
+    enabled: true
+    style: one_space
+
+  SpaceAfterPropertyName:
+    enabled: true
+
+  SpaceBeforeBrace:
+    enabled: true
+    style: space
+    allow_single_line_padding: false
+
+  SpaceBetweenParens:
+    enabled: true
+    spaces: 0
+
+  StringQuotes:
+    enabled: true
+    style: double_quotes
+
+  TrailingSemicolon:
+    enabled: true
+
+  TrailingZero:
+    enabled: false
+
+  UnnecessaryMantissa:
+    enabled: true
+
+  UnnecessaryParentReference:
+    enabled: true
+
+  UrlFormat:
+    enabled: true
+
+  UrlQuotes:
+    enabled: true
+
+  VendorPrefixes:
+    enabled: true
+    identifier_list: bourbon
+    include: []
+    exclude: []
+
+  ZeroUnit:
+    enabled: true
+    severity: warning
+
+  Compass::*:
+    enabled: false

data/.travis.yml

@@ -1,5 +1,9 @@
 language: ruby
 rvm: 2.0.0
+branches:
+  except:
+    - gh-pages
+    - gh-pages-dev
 notifications:
   slack:
     secure: ROE+Zo+A6JmTjxCRGG539YaoEcLrsInEIrTDQMgtn5ucLaiPiau96VO+GJ4MyxZm2M5qlSRMFCxb3jFexCRVZctuUF2hFcXVi6a/+JGhMmYLd6XMNezhlxWwOoSx6ufSAlrlXEalsdnkzqVHuH2Y50ao/3slNo58DdLoaRJiGAc=

data/{LICENSE → LICENSE.md}

@@ -1,23 +1,21 @@
-LICENSE
+The MIT License (MIT)
 
-The MIT License
-
-Copyright (c) 2012-2014 thoughtbot, inc.
+Copyright © 2012–2015 [thoughtbot, inc.](http://thoughtbot.com)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
+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 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
+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.
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -1,36 +1,36 @@
-<img src="http://neat.bourbon.io/images/logotype.svg" width="250" />
+[![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)
-[![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)](#)
+[![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 built with Bourbon
 
-## A lightweight, semantic grid framework built on top of Bourbon
+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 built on [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.
-
-#### [Documentation & Demo](http://neat.bourbon.io)
-
-#### [Changelog](https://github.com/thoughtbot/neat/releases)
+- **[Demo](http://neat.bourbon.io)**
+- **[Documentation](http://thoughtbot.github.io/neat-docs/latest)**
+- **[Changelog](https://github.com/thoughtbot/neat/releases)**
+- **[Issues & Bugs](https://github.com/thoughtbot/neat/issues)**
 
 ## Requirements
 
-- [Sass](https://github.com/sass/sass) 3.3+ ([Use Neat
-1.5.1](#installing-older-versions-of-neat) if you are still tied to Sass 3.2)
-- [Bourbon](https://github.com/thoughtbot/bourbon) 3.1+
+- [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
 
-Neat uses the [RubyGems](https://rubygems.org) package manager to easily generate a `neat` directory with all of the necessary files.
+For command line help, visit our wiki page on Neat’s [command line interface](https://github.com/thoughtbot/neat/wiki/Command-Line-Interface).
 
-1. Install the Neat gem:
+1. Install the Neat gem using the [RubyGems](https://rubygems.org) package manager:
 
   ```bash
   gem install neat
   ```
 
+  Alternatively, you can install Neat with [Bower](http://bower.io).
+
 2. Install or update Neat’s dependencies:
 
   ```bash
@@ -78,13 +78,24 @@ Neat uses the [RubyGems](https://rubygems.org) package manager to easily generat
   bundle update sass
   ```
 
-3. Import Neat in your `application.css.scss`, after 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 `application.css.scss`, after Bourbon:
 
   ```scss
   @import "bourbon";
   @import "neat";
   ```
 
+  It should be noted that `@import` rules are not compatible with Sprockets directives. You need to use one or the other.
+
 ## Installing older versions of Neat
 
 1. Uninstall any Neat gem versions you already have:
@@ -101,16 +112,6 @@ Neat uses the [RubyGems](https://rubygems.org) package manager to easily generat
 
 3. Follow the [instructions above](#installation) to install Neat into your project.
 
-## Command line interface
-
-```bash
-neat install
-neat update
-neat remove
-```
-
-More information can be found in the [wiki](https://github.com/thoughtbot/neat/wiki/Command-Line-Interface).
-
 ## Using Neat
 
 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:
@@ -137,7 +138,7 @@ $tablet: new-breakpoint(max-width 768px 8);
 $mobile: new-breakpoint(max-width 480px 4);
 ```
 
-See the [docs](http://neat.bourbon.io/docs/#variables) for a full list of settings.
+See the [docs](http://thoughtbot.github.io/neat-docs/latest/#variable) for a full list of settings.
 
 Next, include the `outer-container` mixin in the topmost container (to which the `max-width` setting will be applied):
 
@@ -202,11 +203,9 @@ The visual grid reflects the changes applied to the grid via the `new-breakpoint
 
 #### 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.
+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/)).
+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.
@@ -244,17 +243,6 @@ At this point, writing an internal rounding mechanism is not high priority.
 
 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.
 
-## Documentation
-
-- [Full documentation](http://thoughtbot.github.io/neat-docs/latest/) (latest)
-- Neat documentation is now available by default in [Dash](http://kapeli.com/dash)
-
-## Links
-
-- 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).
-- Join `#bourbon-neat` on `irc.freenode.net`.
-
 ## Browser support
 
 - Chrome 4.0+
@@ -266,17 +254,17 @@ Unless you [open a pull request](https://github.com/thoughtbot/neat/compare/), t
 
 ## The Bourbon family
 
-- [Bourbon](http://bourbon.io): A simple and lightweight mixin library for Sass
-- [Neat](http://neat.bourbon.io): A lightweight semantic grid framework for Sass and Bourbon
-- [Bitters](http://bitters.bourbon.io): Scaffold styles, variables and structure for Bourbon projects
-- [Refills](http://refills.bourbon.io): Prepackaged patterns and components, built on top of Bourbon, Bitters & Neat
+- [Bourbon](https://github.com/thoughtbot/bourbon): A simple and lightweight mixin library for Sass
+- [Neat](https://github.com/thoughtbot/neat): A lightweight semantic grid framework for Sass and Bourbon
+- [Bitters](https://github.com/thoughtbot/bitters): Scaffold styles, variables and structure for Bourbon projects
+- [Refills](https://github.com/thoughtbot/refills): Prepackaged patterns and components built with Bourbon, Neat and Bitters
 
 ## Credits
 
-![thoughtbot](http://thoughtbot.com/images/tm/logo.png)
+[![thoughtbot](http://images.thoughtbot.com/bourbon/thoughtbot-logo.svg)](http://thoughtbot.com)
 
 Neat is maintained and funded by [thoughtbot, inc](http://thoughtbot.com). Tweet your questions or suggestions to [@bourbonsass](https://twitter.com/bourbonsass) and while you’re at it follow us too.
 
 ## License
 
-Copyright © 2012–2014 [thoughtbot, inc](http://thoughtbot.com). Neat is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).
+Copyright © 2012–2015 [thoughtbot, inc](http://thoughtbot.com). Neat is free software, and may be redistributed under the terms specified in the [license](LICENSE.md).

data/app/assets/stylesheets/_neat.scss

@@ -1,7 +1,7 @@
-/* Neat 1.7.0
- * http://neat.bourbon.io
- * Copyright 2012-2014 thoughtbot, inc.
- * MIT License */
+// Neat 1.7.1
+// http://neat.bourbon.io
+// Copyright 2012-2015 thoughtbot, inc.
+// MIT License
 
 // Helpers
 @import "neat-helpers";

data/app/assets/stylesheets/functions/_new-breakpoint.scss

@@ -1,3 +1,5 @@
+@charset "UTF-8";
+
 /// Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat.
 ///
 /// @param {List} $query
@@ -35,13 +37,11 @@
 @function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) {
   @if length($query) == 1 {
     $query: $default-feature nth($query, 1) $total-columns;
-  }
-
-  @else if is-even(length($query)) {
+  } @else if is-even(length($query)) {
     $query: append($query, $total-columns);
   }
 
-  @if not belongs-to($query, $visual-grid-breakpoints) {
+  @if is-not(belongs-to($query, $visual-grid-breakpoints)) {
     $visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global;
   }
 

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

@@ -1,15 +1,21 @@
+// Not function for Libsass compatibility
+// https://github.com/sass/libsass/issues/368
+@function is-not($value) {
+  @return if($value, false, true);
+}
+
 // Checks if a number is even
 @function is-even($int) {
-  @return $int % 2 == 0
+  @return $int % 2 == 0;
 }
 
 // Checks if an element belongs to a list or not
 @function belongs-to($tested-item, $list) {
-  @return not not-belongs-to($tested-item, $list);
+  @return is-not(not-belongs-to($tested-item, $list));
 }
 
 @function not-belongs-to($tested-item, $list) {
-  @return not index($list, $tested-item);
+  @return is-not(index($list, $tested-item));
 }
 
 // Contains display value
@@ -49,7 +55,7 @@
 
 // Generates a striped background
 @function gradient-stops($grid-columns, $color: $visual-grid-color) {
-  $transparent: rgba(0,0,0,0);
+  $transparent: transparent;
 
   $column-width: flex-grid(1, $grid-columns);
   $gutter-width: flex-gutter($grid-columns);