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 +4 -4
- data/README.md +20 -18
- data/app/assets/stylesheets/_neat.scss +1 -1
- data/app/assets/stylesheets/functions/_new-breakpoint.scss +1 -1
- data/app/assets/stylesheets/grid/_box-sizing.scss +4 -4
- data/app/assets/stylesheets/grid/_direction-context.scss +1 -1
- data/app/assets/stylesheets/grid/_display-context.scss +1 -1
- data/app/assets/stylesheets/grid/_fill-parent.scss +1 -3
- data/app/assets/stylesheets/grid/_media.scss +1 -1
- data/app/assets/stylesheets/grid/_omega.scss +1 -1
- data/app/assets/stylesheets/grid/_outer-container.scss +1 -1
- data/app/assets/stylesheets/grid/_pad.scss +1 -1
- data/app/assets/stylesheets/grid/_row.scss +2 -2
- data/app/assets/stylesheets/grid/_shift.scss +1 -1
- data/app/assets/stylesheets/grid/_span-columns.scss +3 -1
- data/app/assets/stylesheets/settings/_grid.scss +5 -9
- data/bower.json +32 -8
- data/lib/neat/version.rb +1 -1
- data/package.json +35 -0
- data/sache.json +2 -2
- data/spec/neat/default_spec.rb +1 -1
- data/spec/support/matchers/be_contained_in.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c6b50c07d8c966cedba1f86748bbb548de235b73
|
4
|
+
data.tar.gz: 369a8d7abf93b2225c286e14b952cfe7b5eab1e9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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.
|
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
|
249
|
-
- Firefox
|
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
|
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
|
-
##
|
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
|
-
|
260
|
+
## About thoughtbot
|
265
261
|
|
266
|
-
|
262
|
+
![thoughtbot](https://thoughtbot.com/logo.png)
|
267
263
|
|
268
|
-
|
264
|
+
Neat is maintained and funded by thoughtbot, inc.
|
265
|
+
The names and logos for thoughtbot are trademarks of thoughtbot, inc.
|
269
266
|
|
270
|
-
|
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
|
@@ -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
|
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
|
-
|
5
|
+
box-sizing: border-box;
|
6
6
|
}
|
7
7
|
|
8
8
|
* {
|
9
9
|
&,
|
10
|
-
|
11
|
-
|
12
|
-
|
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
|
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
|
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
|
-
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
-
///
|
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
|
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:
|
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
|
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:
|
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
|
-
/// *,
|
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
|
-
"
|
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
|
-
"
|
7
|
-
"
|
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
|
-
"
|
14
|
-
"
|
15
|
-
"test"
|
16
|
-
|
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
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
|
4
|
-
"tags": ["
|
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
|
}
|
data/spec/neat/default_spec.rb
CHANGED
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.
|
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-
|
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
|