neat 1.7.1 → 1.7.2

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 140d19e99dfae421bf4d9202ae2a9de3e5186ed7
4
- data.tar.gz: 0c943505c573d7661d2f9d4cc3bebfd47f4d1733
3
+ metadata.gz: c6b50c07d8c966cedba1f86748bbb548de235b73
4
+ data.tar.gz: 369a8d7abf93b2225c286e14b952cfe7b5eab1e9
5
5
  SHA512:
6
- metadata.gz: 24dfbd6d4c546081cb98a487e83a42bf96efebab0411ea7af12d751c8ea2b7dacd4b61bf4094de86c3b8471fd2227fb04ef4d57bcce42e2e44d421fc7e6cbccc
7
- data.tar.gz: 3c11c77b33e8b4cc8f05efcf408490152b97d88a14f0332e90638c1dfb983f8bf70083918c96facafb39113144ab124d1cafeed4b52a11c4878d25ab79da7c9f
6
+ metadata.gz: 9399ce5a9ea9621a8133b3ca962f4e89646e61551e59ea8b1c64480e60661581b3445e43a8e9f043f22061060433e44eb098020065eb54fc60a451900de0376e
7
+ data.tar.gz: 8d11fb480e5d1f7948c88eeac66312941e5150dfec9e62b32dfb019ccc69d38886c53a23d540f41d67217e45ec9399471d33e912f9f42ece3deb630096ff682c
data/README.md CHANGED
@@ -13,6 +13,9 @@ Neat is a fluid grid framework built with [Bourbon](https://github.com/thoughtbo
13
13
  - **[Changelog](https://github.com/thoughtbot/neat/releases)**
14
14
  - **[Issues & Bugs](https://github.com/thoughtbot/neat/issues)**
15
15
 
16
+ Follow the [@bourbonsass](https://twitter.com/bourbonsass) Twitter account
17
+ for updates.
18
+
16
19
  ## Requirements
17
20
 
18
21
  - [Sass](https://github.com/sass/sass) 3.3+
@@ -78,16 +81,7 @@ For command line help, visit our wiki page on Neat’s [command line interface](
78
81
  bundle update sass
79
82
  ```
80
83
 
81
- 3. Install the Neat library into the current directory:
82
-
83
- ```bash
84
- bourbon install # if not already installed
85
- ```
86
- ```bash
87
- neat install
88
- ```
89
-
90
- 4. Import Neat in your `application.css.scss`, after Bourbon:
84
+ 3. Import Neat in your `application.scss`, after Bourbon:
91
85
 
92
86
  ```scss
93
87
  @import "bourbon";
@@ -245,12 +239,12 @@ Unless you [open a pull request](https://github.com/thoughtbot/neat/compare/), t
245
239
 
246
240
  ## Browser support
247
241
 
248
- - Chrome 4.0+
249
- - Firefox 3.5+
242
+ - Chrome 10+
243
+ - Firefox 29+
250
244
  - Internet Explorer 9+ (visual grid is IE 10 only)
251
245
  - Internet Explorer 8 with [selectivizr](http://selectivizr.com) (no `media()` support)
252
246
  - Opera 9.5+
253
- - Safari 4.0+
247
+ - Safari 5.1+
254
248
 
255
249
  ## The Bourbon family
256
250
 
@@ -259,12 +253,20 @@ Unless you [open a pull request](https://github.com/thoughtbot/neat/compare/), t
259
253
  - [Bitters](https://github.com/thoughtbot/bitters): Scaffold styles, variables and structure for Bourbon projects
260
254
  - [Refills](https://github.com/thoughtbot/refills): Prepackaged patterns and components built with Bourbon, Neat and Bitters
261
255
 
262
- ## Credits
256
+ ## License
257
+
258
+ 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).
263
259
 
264
- [![thoughtbot](http://images.thoughtbot.com/bourbon/thoughtbot-logo.svg)](http://thoughtbot.com)
260
+ ## About thoughtbot
265
261
 
266
- 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.
262
+ ![thoughtbot](https://thoughtbot.com/logo.png)
267
263
 
268
- ## License
264
+ Neat is maintained and funded by thoughtbot, inc.
265
+ The names and logos for thoughtbot are trademarks of thoughtbot, inc.
269
266
 
270
- 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).
267
+ We love open source software!
268
+ See [our other projects][community] or
269
+ [hire us][hire] to design, develop, and grow your product.
270
+
271
+ [community]: https://thoughtbot.com/community?utm_source=github
272
+ [hire]: https://thoughtbot.com/hire-us?utm_source=github
@@ -1,4 +1,4 @@
1
- // Neat 1.7.1
1
+ // Neat 1.7.2
2
2
  // http://neat.bourbon.io
3
3
  // Copyright 2012-2015 thoughtbot, inc.
4
4
  // MIT License
@@ -9,7 +9,7 @@
9
9
  ///
10
10
  /// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).
11
11
  ///
12
- /// @param {Number (unitless)} $total-columns ($grid-columns)
12
+ /// @param {Number (unitless)} $total-columns [$grid-columns]
13
13
  /// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
14
14
  ///
15
15
  /// @example scss - Usage
@@ -2,14 +2,14 @@
2
2
 
3
3
  @if $border-box-sizing == true {
4
4
  html { // http://bit.ly/1qk2tVR
5
- @include box-sizing(border-box);
5
+ box-sizing: border-box;
6
6
  }
7
7
 
8
8
  * {
9
9
  &,
10
- &:before,
11
- &:after {
12
- @include box-sizing(inherit);
10
+ &::after,
11
+ &::before {
12
+ box-sizing: inherit;
13
13
  }
14
14
  }
15
15
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  /// Changes the direction property used by other mixins called in the code block argument.
4
4
  ///
5
- /// @param {String} $direction (left-to-right)
5
+ /// @param {String} $direction [left-to-right]
6
6
  /// Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
7
7
  ///
8
8
  /// @example scss - Usage
@@ -2,7 +2,7 @@
2
2
 
3
3
  /// Changes the display property used by other mixins called in the code block argument.
4
4
  ///
5
- /// @param {String} $display (block)
5
+ /// @param {String} $display [block]
6
6
  /// Display value to be used within the block. Can be `table` or `block`.
7
7
  ///
8
8
  /// @example scss
@@ -10,8 +10,6 @@
10
10
  /// @example css - CSS Output
11
11
  /// .element {
12
12
  /// width: 100%;
13
- /// -webkit-box-sizing: border-box;
14
- /// -moz-box-sizing: border-box;
15
13
  /// box-sizing: border-box;
16
14
  /// }
17
15
 
@@ -19,6 +17,6 @@
19
17
  width: 100%;
20
18
 
21
19
  @if $border-box-sizing == false {
22
- @include box-sizing(border-box);
20
+ box-sizing: border-box;
23
21
  }
24
22
  }
@@ -11,7 +11,7 @@
11
11
  /// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`).
12
12
  ///
13
13
  ///
14
- /// @param {Number (unitless)} $total-columns ($grid-columns)
14
+ /// @param {Number (unitless)} $total-columns [$grid-columns]
15
15
  /// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
16
16
  ///
17
17
  /// @example scss - Usage
@@ -2,7 +2,7 @@
2
2
 
3
3
  /// Removes the element's gutter margin, regardless of its position in the grid hierarchy or display property. It can target a specific element, or every `nth-child` occurrence. Works only with `block` layouts.
4
4
  ///
5
- /// @param {List} $query (block)
5
+ /// @param {List} $query [block]
6
6
  /// List of arguments. Supported arguments are `nth-child` selectors (targets a specific pseudo element) and `auto` (targets `last-child`).
7
7
  ///
8
8
  /// When passed an `nth-child` argument of type `*n` with `block` display, the omega mixin automatically adds a clear to the `*n+1` th element. Note that composite arguments such as `2n+1` do not support this feature.
@@ -3,7 +3,7 @@
3
3
  /// Makes an element a outer container by centring it in the viewport, clearing its floats, and setting its `max-width`.
4
4
  /// 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.
5
5
  ///
6
- /// @param {Number (unit)} $local-max-width ($max-width)
6
+ /// @param {Number [unit]} $local-max-width [$max-width]
7
7
  /// Max width to be applied to the element. Can be a percentage or a measure.
8
8
  ///
9
9
  /// @example scss - Usage
@@ -2,7 +2,7 @@
2
2
 
3
3
  /// Adds padding to the element.
4
4
  ///
5
- /// @param {List} $padding (flex-gutter())
5
+ /// @param {List} $padding [flex-gutter()]
6
6
  /// A list of padding value(s) to use. Passing `default` in the list will result in using the gutter width as a padding value.
7
7
  ///
8
8
  /// @example scss - Usage
@@ -2,10 +2,10 @@
2
2
 
3
3
  /// Designates the element as a row of columns in the grid layout. It clears the floats on the element and sets its display property. Rows can't be nested, but there can be more than one row element—with different display properties—per layout.
4
4
  ///
5
- /// @param {String} $display (default)
5
+ /// @param {String} $display [default]
6
6
  /// Sets the display property of the element and the display context that will be used by its children. Can be `block` or `table`.
7
7
  ///
8
- /// @param {String} $direction ($default-layout-direction)
8
+ /// @param {String} $direction [$default-layout-direction]
9
9
  /// Sets the layout direction. Can be `LTR` (left-to-right) or `RTL` (right-to-left).
10
10
  ///
11
11
  /// @example scss - Usage
@@ -2,7 +2,7 @@
2
2
 
3
3
  /// Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction.
4
4
  ///
5
- /// @param {Number (unitless)} $n-columns (1)
5
+ /// @param {Number (unitless)} $n-columns [1]
6
6
  /// Number of columns by which the element shifts.
7
7
  ///
8
8
  /// @example scss - Usage
@@ -9,7 +9,9 @@
9
9
  ///
10
10
  /// The values can be separated with any string such as `of`, `/`, etc.
11
11
  ///
12
- /// @param {String} $display (block)
12
+ /// `$columns` also accepts decimals for when it's necessary to break out of the standard grid. E.g. Passing `2.4` in a standard 12 column grid will divide the row into 5 columns.
13
+ ///
14
+ /// @param {String} $display [block]
13
15
  /// Sets the display property of the element. By default it sets the display propert of the element to `block`.
14
16
  ///
15
17
  /// If passed `block-collapse`, it also removes the margin gutter by adding it to the element width.
@@ -1,16 +1,16 @@
1
1
  @charset "UTF-8";
2
2
 
3
- /// 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 golden-ratio() see [Bourbon docs](http://bourbon.io/docs/#golden-ratio). Set with a `!global` flag.
3
+ /// 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.
4
4
  ///
5
5
  /// @type Number (Unit)
6
6
 
7
- $column: golden-ratio(1em, 3) !default;
7
+ $column: modular-scale(3, 1em, $golden) !default;
8
8
 
9
- /// 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 golden-ratio() see [Bourbon docs](http://bourbon.io/docs/#golden-ratio). Set with the `!global` flag.
9
+ /// 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.
10
10
  ///
11
11
  /// @type Number (Unit)
12
12
 
13
- $gutter: golden-ratio(1em, 1) !default;
13
+ $gutter: modular-scale(1, 1em, $golden) !default;
14
14
 
15
15
  /// 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.
16
16
  ///
@@ -30,13 +30,9 @@ $max-width: em(1088) !default;
30
30
  ///
31
31
  /// @example css - CSS Output
32
32
  /// html {
33
- /// -webkit-box-sizing: border-box;
34
- /// -moz-box-sizing: border-box;
35
33
  /// box-sizing: border-box; }
36
34
  ///
37
- /// *, *:before, *:after {
38
- /// -webkit-box-sizing: inherit;
39
- /// -moz-box-sizing: inherit;
35
+ /// *, *::after, *::before {
40
36
  /// box-sizing: inherit;
41
37
  /// }
42
38
 
data/bower.json CHANGED
@@ -1,20 +1,44 @@
1
1
  {
2
2
  "name": "neat",
3
- "homepage": "http://neat.bourbon.io/",
3
+ "description": "A lightweight, semantic grid framework built with Bourbon",
4
+ "version": "1.7.2",
4
5
  "main": "app/assets/stylesheets/_neat.scss",
6
+ "license": "MIT",
5
7
  "ignore": [
6
- "bin",
7
- "lib",
8
- ".gitignore",
8
+ "**/.*",
9
+ "CONTRIBUTING.md",
9
10
  "Gemfile",
10
11
  "Gemfile.lock",
12
+ "NEWS.md",
11
13
  "Rakefile",
14
+ "bin",
15
+ "lib",
12
16
  "neat.gemspec",
13
- "CONTRIBUTING.md",
14
- "NEWS.md",
15
- "test",
16
- "spec"
17
+ "sache.json",
18
+ "spec",
19
+ "test"
20
+ ],
21
+ "keywords": [
22
+ "bourbon",
23
+ "columns",
24
+ "grid",
25
+ "layout",
26
+ "media",
27
+ "media-queries",
28
+ "neat",
29
+ "queries",
30
+ "sass",
31
+ "scss",
32
+ "semantic"
33
+ ],
34
+ "authors": [
35
+ "thoughtbot (http://thoughtbot.com)"
17
36
  ],
37
+ "homepage": "http://neat.bourbon.io",
38
+ "repository": {
39
+ "type": "git",
40
+ "url": "https://github.com/thoughtbot/neat.git"
41
+ },
18
42
  "dependencies": {
19
43
  "bourbon": ">=4.0"
20
44
  }
data/lib/neat/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Neat
2
- VERSION = '1.7.1'
2
+ VERSION = '1.7.2'
3
3
  end
data/package.json ADDED
@@ -0,0 +1,35 @@
1
+ {
2
+ "name": "bourbon-neat",
3
+ "version": "1.7.2",
4
+ "description": "A lightweight, semantic grid framework built with Bourbon",
5
+ "keywords": [
6
+ "bourbon",
7
+ "columns",
8
+ "grid",
9
+ "layout",
10
+ "media",
11
+ "media-queries",
12
+ "neat",
13
+ "queries",
14
+ "sass",
15
+ "scss",
16
+ "semantic"
17
+ ],
18
+ "homepage": "http://neat.bourbon.io",
19
+ "bugs": {
20
+ "url": "https://github.com/thoughtbot/neat/issues"
21
+ },
22
+ "license": "MIT",
23
+ "author": {
24
+ "name": "thoughtbot",
25
+ "url": "http://thoughtbot.com"
26
+ },
27
+ "main": "app/assets/stylesheets/_neat.scss",
28
+ "repository": {
29
+ "type": "git",
30
+ "url": "https://github.com/thoughtbot/neat.git"
31
+ },
32
+ "scripts": {
33
+ "test": "echo \"No test specified\""
34
+ }
35
+ }
data/sache.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "Neat",
3
- "description": "A lightweight, semantic grid framework built on top of Bourbon",
4
- "tags": ["neat", "grid", "layout", "columns", "semantic", "media-queries", "media", "queries", "bourbon"]
3
+ "description": "A lightweight, semantic grid framework built with Bourbon",
4
+ "tags": ["bourbon", "columns", "grid", "layout", "media", "media-queries", "neat", "queries", "sass", "scss", "semantic"]
5
5
  }
@@ -10,6 +10,6 @@ describe "By default" do
10
10
  end
11
11
 
12
12
  it "sets sizing on the global selector to inherit" do
13
- expect("*:after").to have_rule("box-sizing: inherit")
13
+ expect("*::after").to have_rule("box-sizing: inherit")
14
14
  end
15
15
  end
@@ -5,6 +5,6 @@ RSpec::Matchers.define :be_contained_in do |expected|
5
5
  end
6
6
 
7
7
  failure_message do |actual|
8
- %{expected selector #{actual} to be contained in #{expected}}
8
+ %{expected selector #{actual} to be contained in #{expected}}
9
9
  end
10
10
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: neat
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.7.1
4
+ version: 1.7.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joel Oliveira
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2015-01-02 00:00:00.000000000 Z
13
+ date: 2015-03-13 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: sass
@@ -200,6 +200,7 @@ files:
200
200
  - lib/neat/version.rb
201
201
  - lib/tasks/install.rake
202
202
  - neat.gemspec
203
+ - package.json
203
204
  - sache.json
204
205
  - spec/neat/columns_spec.rb
205
206
  - spec/neat/container_spec.rb