neat 2.0.0.beta.2 → 2.0.0

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: 0244ce326d07ed8e5a37123b8560c95683526b34
4
- data.tar.gz: 1749d9865aeb8be2230fa47754ee2a55ae9d5a5f
3
+ metadata.gz: 23c144afb938b1528dc2e36a180cb80d7480ac81
4
+ data.tar.gz: c33ff2c82766d847ceb640c110e747f533a3e5e0
5
5
  SHA512:
6
- metadata.gz: ceac4186355f6d0945795cdd97f61ac39fe07ff0e1148f1ee95eb77c6eee5301096eaadf8dd2bcc1cab0df1cd192488d281f23c8e18a7d20912611ad2d6a121b
7
- data.tar.gz: e13819e5b69fddc15afe7d260f366725f48c047af3733ea4681a87f0afd60426715b7f032c64ae0264a9272d0894de8d532d16c6177003ca88d12a3de0b3c489
6
+ metadata.gz: 3b17dbcc1c974e5a32c38589fee5f7a94bd3772ea1f7c17eb7e8b589c548c7159acfd0ca7cb3e3af44642a3acc4ccb5cda8e3ed4d110cc71301fbbf324ab61e5
7
+ data.tar.gz: a56574e2c5db7f6ed15d32ed27d042462a7a0cc972a17cd08df81470def202b08a8f52cdbfe0abe09ef3817edab84dfa37b00719016d5f30081dc55284d97c55
@@ -167,6 +167,10 @@ linters:
167
167
  enabled: true
168
168
  style: one_space
169
169
 
170
+ SpaceAfterComment:
171
+ enabled: false
172
+ allow_empty_comments: true
173
+
170
174
  SpaceAfterPropertyColon:
171
175
  enabled: true
172
176
  style: one_space
@@ -5,6 +5,16 @@ project adheres to [Semantic Versioning](http://semver.org).
5
5
 
6
6
  ## [Unreleased]
7
7
 
8
+ Nothing at the moment.
9
+
10
+ ## [2.0.0]
11
+
12
+ ### Fixed
13
+
14
+ - Custom grids inherit undefined properties from global `$neat-grid`
15
+ - Fixed instillation from CLI
16
+ - Remove float property from `grid-collapse`
17
+
8
18
  ## [2.0.0.beta.2]
9
19
 
10
20
  ### Added
@@ -77,7 +87,6 @@ project adheres to [Semantic Versioning](http://semver.org).
77
87
  - `$visual-grid-index` has been removed
78
88
  - `$visual-grid-opacity` has been removed
79
89
 
80
-
81
90
  ## 1.8.0 - 2016-06-21
82
91
 
83
92
  ### Added
@@ -303,7 +312,8 @@ project adheres to [Semantic Versioning](http://semver.org).
303
312
 
304
313
  - Initial release
305
314
 
306
- [Unreleased]: https://github.com/thoughtbot/neat/compare/v2.0.0.beta.1...neat-2.0.0
315
+ [Unreleased]: https://github.com/thoughtbot/neat/compare/v2.0.0...HEAD
316
+ [2.0.0]: https://github.com/thoughtbot/neat/compare/v2.0.0.beta.2...v2.0.0
307
317
  [2.0.0.beta.2]: https://github.com/thoughtbot/neat/compare/v2.0.0.beta.1...v2.0.0.beta.2
308
318
  [2.0.0.beta.1]: https://github.com/thoughtbot/neat/compare/v2.0.0.alpha.1...v2.0.0.beta.1
309
319
  [2.0.0.alpha.1]: https://github.com/thoughtbot/neat/compare/v2.0.0.alpha.0...v2.0.0.alpha.1
@@ -1,5 +1,4 @@
1
- var bourbon = require("bourbon").includePaths,
2
- autoprefix = require("gulp-autoprefixer"),
1
+ var autoprefix = require("gulp-autoprefixer"),
3
2
  connect = require("gulp-connect"),
4
3
  gulp = require("gulp"),
5
4
  sass = require("gulp-sass");
@@ -12,7 +11,9 @@ var paths = {
12
11
 
13
12
  gulp.task("sass", function () {
14
13
  return gulp.src(paths.scss)
15
- .pipe(sass())
14
+ .pipe(sass({
15
+ sourcemaps: true
16
+ }))
16
17
  .pipe(autoprefix("last 2 versions"))
17
18
  .pipe(gulp.dest("./contrib"))
18
19
  .pipe(connect.reload());
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
- [![Neat](http://images.thoughtbot.com/bourbon/neat-logo.svg)](http://neat.bourbon.io)
1
+ [<img src="http://images.thoughtbot.com/bourbon/neat-logo-v2.svg" width="200" alt="Neat logo">](http://neat.bourbon.io)
2
2
 
3
- ## A lightweight grid framework
3
+ ## A lightweight and flexible Sass grid
4
4
 
5
5
  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.
6
6
 
@@ -12,6 +12,15 @@ Neat is a fluid grid framework with the aim of being easy enough to use out of t
12
12
  Follow the [@bourbonsass](https://twitter.com/bourbonsass) Twitter account
13
13
  for updates.
14
14
 
15
+ ## Table of Contents
16
+
17
+ - [Requirements](#requirements)
18
+ - [Installation](#installation)
19
+ - [The Bourbon Family](#the-bourbon-family)
20
+ - [Contributing](#contributing)
21
+ - [License](#license)
22
+ - [About](#about)
23
+
15
24
  ## Requirements
16
25
 
17
26
  - Sass 3.4+ or LibSass 3.3+
@@ -48,7 +57,7 @@ For command line help, visit our wiki page on Neat’s [command line interface](
48
57
 
49
58
  It’s not recommended to add or modify the Neat files so that you can update them easily.
50
59
 
51
- ## Installation for Ruby on Rails 4.2+
60
+ ### Installation for Ruby on Rails 4.2+
52
61
 
53
62
  1. Add Neat to your Gemfile:
54
63
 
@@ -76,7 +85,7 @@ For command line help, visit our wiki page on Neat’s [command line interface](
76
85
 
77
86
  It should be noted that `@import` rules are not compatible with Sprockets directives. You need to use one or the other.
78
87
 
79
- ## Installing with npm and using a Node-based asset pipeline
88
+ ### Installing with npm and using a Node-based asset pipeline
80
89
 
81
90
  1. Add Neat as a dependency:
82
91
 
@@ -84,16 +93,15 @@ For command line help, visit our wiki page on Neat’s [command line interface](
84
93
  npm install --save bourbon-neat
85
94
  ```
86
95
 
87
- 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.
96
+ 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.
88
97
 
89
- 1. Import Neat into your Sass files, after Bourbon:
98
+ 1. Import Neat into your Sass files:
90
99
 
91
100
  ```scss
92
- @import "bourbon";
93
101
  @import "neat";
94
102
  ```
95
103
 
96
- ## Installing older versions of Neat
104
+ ### Installing older versions of Neat
97
105
 
98
106
  1. Uninstall any Neat gem versions you already have:
99
107
 
@@ -104,26 +112,24 @@ For command line help, visit our wiki page on Neat’s [command line interface](
104
112
  2. Reinstall the Neat gem, using the `-v` flag to specify the version you need:
105
113
 
106
114
  ```bash
107
- gem install neat -v 1.7.0
115
+ gem install neat -v 1.8.1
108
116
  ```
109
117
 
110
118
  3. Follow the [instructions above](#installation) to install Neat into your project.
111
119
 
112
120
  ## The Bourbon family
113
121
 
114
- - [Bourbon](https://github.com/thoughtbot/bourbon): A simple and lightweight mixin library for Sass
115
- - [Neat](https://github.com/thoughtbot/neat): A lightweight semantic grid framework for Sass and Bourbon
122
+ - [Bourbon](https://github.com/thoughtbot/bourbon): A lightweight Sass tool set
123
+ - [Neat](https://github.com/thoughtbot/neat): A lightweight and flexible Sass grid
116
124
  - [Bitters](https://github.com/thoughtbot/bitters): Scaffold styles, variables and structure for Bourbon projects
117
125
  - [Refills](https://github.com/thoughtbot/refills): Prepackaged patterns and components built with Bourbon, Neat and Bitters
118
126
 
119
- Also check out [Proteus](https://github.com/thoughtbot/proteus), a collection of useful starter kits to help you prototype faster. Each kit comes with Bourbon, Neat and Bitters out-of-the-box.
120
-
121
127
  ## Contributing
122
128
 
123
129
  See the [contributing] document. Thank you, [contributors]!
124
130
 
125
131
  [contributing]: CONTRIBUTING.md
126
- [contributors]: https://github.com/thoughtbot/bourbon/graphs/contributors
132
+ [contributors]: https://github.com/thoughtbot/neat/graphs/contributors
127
133
 
128
134
  ## License
129
135
 
@@ -135,7 +141,7 @@ Neat is copyright © 2012 [thoughtbot, inc.][thoughtbot] It is free software, an
135
141
 
136
142
  Neat is maintained by the thoughtbot design team. It is funded by [thoughtbot, inc.][thoughtbot] and the names and logos for thoughtbot are trademarks of thoughtbot, inc.
137
143
 
138
- [<img src="http://thoughtbot.github.io/images/signature.svg" width="250" alt="thoughtbot logo">][thoughtbot]
144
+ [<img src="http://presskit.thoughtbot.com/images/signature.svg" width="250" alt="thoughtbot logo">][thoughtbot]
139
145
 
140
146
  We love open-source software! See [our other projects][community] or [hire us][hire] to design, develop, and grow your product.
141
147
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  1. Update the version number in these places:
4
4
  - `lib/neat/version.rb`
5
- - `core/neat/_neat.scss`
5
+ - `core/_neat.scss`
6
6
  - `package.json`
7
7
  - `bower.json`
8
8
 
@@ -17,11 +17,12 @@
17
17
  1. Run `npm publish`, which pushes the new version to npm’s registry (if
18
18
  releasing a pre-release, run `npm publish --tag beta`).
19
19
 
20
- 1. Add a [new GitHub release](//github.com/thoughtbot/neat/releases/new).
20
+ 1. Draft a [new GitHub release].
21
21
 
22
- 1. Re-generate and publish
23
- the [documentation website](//github.com/thoughtbot/neat-docs),
24
- using the available Gulp tasks.
22
+ 1. Re-generate and publish the [documentation website].
25
23
 
26
24
  1. Announce the new release, making sure to say “thank you” to the contributors
27
25
  who helped shape this version!
26
+
27
+ [new GitHub release]: https://github.com/thoughtbot/neat/releases/new
28
+ [documentation website]: https://github.com/thoughtbot/neat.bourbon.io
data/bower.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "neat",
3
- "description": "A lightweight, semantic grid framework built with Bourbon",
4
- "version": "2.0.0-beta.2",
3
+ "description": "A lightweight, semantic grid framework",
4
+ "version": "2.0.0",
5
5
  "main": "core/_neat.scss",
6
6
  "license": "MIT",
7
7
  "ignore": [
data/circle.yml CHANGED
@@ -1,11 +1,14 @@
1
1
  dependencies:
2
2
  override:
3
3
  - bundle install
4
- - npm install -g sassdoc
4
+ - npm install -g sassdoc@2.2.0
5
5
  general:
6
6
  branches:
7
7
  ignore:
8
8
  - gh-pages
9
+ machine:
10
+ node:
11
+ version: 6.9.5
9
12
  test:
10
13
  override:
11
14
  - bundle exec rake
@@ -2,4 +2,31 @@
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
5
+ font-family:
6
+ -apple-system,
7
+ BlinkMacSystemFont,
8
+ "Avenir Next",
9
+ "Avenir",
10
+ "Segoe UI",
11
+ "Lucida Grande",
12
+ "Helvetica Neue",
13
+ "Helvetica",
14
+ "Fira Sans",
15
+ "Roboto",
16
+ "Noto",
17
+ "Droid Sans",
18
+ "Cantarell",
19
+ "Oxygen",
20
+ "Ubuntu",
21
+ "Franklin Gothic Medium",
22
+ "Century Gothic",
23
+ "Liberation Sans",
24
+ sans-serif;
25
+ }
26
+
27
+ h1,
28
+ h2,
29
+ h3,
30
+ h4 {
31
+ font-weight: 400;
5
32
  }
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- // Neat 2.0.0-beta.2
2
+ // Neat 2.0.0
3
3
  // http://neat.bourbon.io
4
4
  // Copyright 2012 thoughtbot, inc.
5
5
  // MIT License
@@ -11,6 +11,7 @@
11
11
  @import "neat/functions/neat-column-width";
12
12
  @import "neat/functions/neat-column-ratio";
13
13
  @import "neat/functions/neat-float-direction";
14
+ @import "neat/functions/neat-merge-defaults";
14
15
  @import "neat/functions/neat-opposite-direction";
15
16
  @import "neat/functions/neat-parse-columns";
16
17
  @import "neat/functions/neat-parse-media";
@@ -0,0 +1,23 @@
1
+ @charset "UTF-8";
2
+ /// Apply Neat's default properties to undefined values within a map.
3
+ ///
4
+ /// @argument {map} $grid
5
+ ///
6
+ /// @return {map}
7
+ ///
8
+ /// @example scss
9
+ /// _retrieve-neat-setting($neat-grid)
10
+ ///
11
+ /// @access private
12
+
13
+ @function _neat-merge-defaults($grid) {
14
+ $_merged-grid: map-merge((
15
+ columns: 12,
16
+ gutter: 20px,
17
+ media: null,
18
+ color: rgba(#00d4ff, 0.25),
19
+ direction: ltr,
20
+ ), $grid);
21
+
22
+ @return $_merged-grid;
23
+ }
@@ -1,5 +1,6 @@
1
1
  @charset "UTF-8";
2
- /// Return a Neat setting.
2
+ /// This function recives a grid map and merges it with Neat's defauls.
3
+ /// It then returns the value of the property that has been passed to it.
3
4
  ///
4
5
  /// @argument {map} $grid
5
6
  ///
@@ -13,6 +14,6 @@
13
14
  /// @access private
14
15
 
15
16
  @function _retrieve-neat-setting($grid, $setting) {
16
- $_grid-settings: map-merge($_neat-grid-defaults, $grid);
17
+ $_grid-settings: map-merge(_neat-merge-defaults($neat-grid), $grid);
17
18
  @return map-get($_grid-settings, $setting);
18
19
  }
@@ -7,7 +7,8 @@
7
7
  /// @name Grid collapse
8
8
  ///
9
9
  /// @argument {map} $grid [$neat-grid]
10
- /// The grid used to determine gutter size.
10
+ /// The grid to be used to generate the collapsed container.
11
+ /// By default, the global `$neat-grid` will be used.
11
12
  ///
12
13
  /// @example scss
13
14
  /// .element {
@@ -29,7 +30,6 @@
29
30
  @warn "`grid-collapse` is not compatible with percentage based gutters.";
30
31
  }
31
32
 
32
- float: _neat-float-direction($grid);
33
33
  margin-#{_neat-float-direction($grid)}: -($_grid-gutter);
34
34
  margin-#{_neat-opposite-direction($grid)}: -($_grid-gutter);
35
35
  width: calc(100% + #{($_grid-gutter * 2)});
@@ -1,14 +1,20 @@
1
1
  @charset "UTF-8";
2
- /// Creates Neat a grid column of requested size.
2
+ /// Creates a grid column of requested size.
3
3
  ///
4
4
  /// @group features
5
5
  ///
6
6
  /// @name Grid column
7
7
  ///
8
8
  /// @argument {number (unitless)} $columns [null]
9
+ /// Specifies the number of columns an element should span based on the total
10
+ /// columns of the grid.
11
+ ///
12
+ /// This can also be defined in a shorthand syntaxt which also contains the
13
+ /// total column count such as `3 of 5`.
9
14
  ///
10
15
  /// @argument {map} $grid [$neat-grid]
11
- /// The grid used to generate the column.
16
+ /// The grid to be used to generate the column.
17
+ /// By default, the global `$neat-grid` will be used.
12
18
  ///
13
19
  /// @example scss
14
20
  /// .element {
@@ -1,12 +1,13 @@
1
1
  @charset "UTF-8";
2
- /// Creates a Neat grid container with clearfix.
2
+ /// Creates a grid container with clearfix.
3
3
  ///
4
4
  /// @group features
5
5
  ///
6
- /// @name Grid containter
6
+ /// @name Grid container
7
7
  ///
8
8
  /// @argument {map} $grid [$neat-grid]
9
- /// The type of grid for this column.
9
+ /// The grid to be used to generate the container.
10
+ /// By default, the global `$neat-grid` will be used.
10
11
  ///
11
12
  /// @example scss
12
13
  /// .element {
@@ -1,15 +1,28 @@
1
1
  @charset "UTF-8";
2
- /// Creates a media query in which custom grid properties can be defined.
3
- /// Add the `media` property to your custom grid settings map and add the media
4
- /// you would like to scope to. If only a number is defined, it is assumed this
5
- /// is a `min-with` value. Your custom grid can then be passed to the mixin.
2
+ /// `grid-media` allows you to change your layout based on a media query.
3
+ /// For example, an object can span 3 columns on small screens and 6 columns
4
+ /// on large screens.
5
+ ///
6
+ /// You can take this a step further and set different grid attributes like
7
+ /// gutter size and total column count for each media query. So, for example,
8
+ /// you can have a `1rem` gutter on small screens, and a `2rem` gutter on large
9
+ /// screens.
6
10
  ///
7
11
  /// @group features
8
12
  ///
9
13
  /// @name Grid media
10
14
  ///
11
15
  /// @argument {map} $grid
12
- /// The grid used to generate the column.
16
+ /// The grid to be used within the scope of the block.
17
+ /// This grid should include the `media` property to determine the expression
18
+ /// for the media query.
19
+ ///
20
+ /// @content
21
+ /// Grid media will temporarily the override the default grid with the
22
+ /// attributes of the custom grid. This change is scoped to within the mixin
23
+ /// block, and once the mixin has ended the default grid will revert to its
24
+ /// original state as defined by `$neat-grid`. This allows for different
25
+ /// gutter width and column count based on screen size or other properties.
13
26
  ///
14
27
  /// @example scss
15
28
  /// $custom-neat-grid: (
@@ -47,7 +60,7 @@
47
60
 
48
61
  @media #{$_query} {
49
62
  $_default-neat-grid: $neat-grid;
50
- $neat-grid: $grid !global;
63
+ $neat-grid: map-merge($neat-grid, $grid) !global;
51
64
  @content;
52
65
  $neat-grid: $_default-neat-grid !global;
53
66
  }
@@ -1,14 +1,15 @@
1
1
  @charset "UTF-8";
2
- /// Push or pull a Neat grid column by manipulating its left margin.
2
+ /// Push or pull a grid column by manipulating its left margin.
3
3
  ///
4
4
  /// @group features
5
5
  ///
6
6
  /// @name Grid push
7
7
  ///
8
8
  /// @argument {number (unitless)} $push [false]
9
+ /// The number of columns to push the column.
9
10
  ///
10
11
  /// @argument {map} $grid [$neat-grid]
11
- /// The grid to be used to generate the column.
12
+ /// The grid to be used to detirmine how far to push the column.
12
13
  /// By default, the global `$neat-grid` will be used.
13
14
  ///
14
15
  /// @example scss
@@ -7,9 +7,10 @@
7
7
  /// @name Grid shift
8
8
  ///
9
9
  /// @argument {number (unitless)} $shift [false]
10
+ /// The number of columns to shift the column.
10
11
  ///
11
12
  /// @argument {map} $grid [$neat-grid]
12
- /// The grid to be used to generate the column.
13
+ /// The grid to be used to detirmine how far to shift the column.
13
14
  /// By default, the global `$neat-grid` will be used.
14
15
  ///
15
16
  /// @example scss
@@ -1,5 +1,6 @@
1
1
  @charset "UTF-8";
2
- /// Creates a guide on a grid container to visualise the columns.
2
+ /// Creates a series of guide lines using the `background-image` property on a
3
+ /// grid container to visualise the columns and gutters of the grid.
3
4
  ///
4
5
  /// @group features
5
6
  ///
@@ -9,7 +10,7 @@
9
10
  /// The color of the guide lines created.
10
11
  ///
11
12
  /// @argument {map} $grid [$neat-grid]
12
- /// The grid used to determine the guide
13
+ /// The grid used to determine the guides
13
14
  ///
14
15
  /// @example scss
15
16
  /// .element {
@@ -18,7 +19,7 @@
18
19
  ///
19
20
  /// @example css
20
21
  /// .element {
21
- /// background-image: … ;
22
+ /// background-image: linear-gradient( ) ;
22
23
  /// }
23
24
 
24
25
  @mixin grid-visual($color: null, $grid: $neat-grid) {
@@ -31,11 +32,8 @@
31
32
  $_grid-visual-object: () !default;
32
33
  $_grid-visual:
33
34
  $color,
34
- $color 1px,
35
- transparent 1px,
35
+ $color $_grid-gutter,
36
36
  transparent $_grid-gutter,
37
- $color calc(#{$_grid-gutter} + 1px),
38
- transparent calc(#{$_grid-gutter} + 2px),
39
37
  ;
40
38
 
41
39
  @for $i from 1 to $_grid-columns {
@@ -50,36 +48,20 @@
50
48
  $_grid-visual-loop-list:
51
49
  transparent calc(#{$location}),
52
50
  $color calc(#{$location}),
53
- $color calc(#{$location} + 1px),
54
- transparent calc(#{$location} + 1px),
55
- transparent calc(#{$location} + #{$_grid-gutter}),
56
51
  $color calc(#{$location} + #{$_grid-gutter}),
57
- $color calc(#{$location} + #{$_grid-gutter} + 1px),
58
- transparent calc(#{$location} + #{$_grid-gutter} + 1px),
52
+ transparent calc(#{$location} + #{$_grid-gutter}),
59
53
  ;
60
54
 
61
55
  $_grid-visual: _neat-append-grid-visual($_grid-visual, $_grid-visual-loop-list);
62
56
  }
63
57
 
64
58
  $_grid-visual-loop-list:
65
- transparent calc(100% - #{$_grid-gutter}),
66
- $color calc(100% - #{$_grid-gutter}),
67
- $color calc(100% - #{$_grid-gutter} + 1px),
68
- transparent calc(100% - #{$_grid-gutter} + 1px),
69
- transparent calc(100% - 1px),
70
- $color calc(100% - 1px),
59
+ transparent calc(100% - #{$_grid-gutter}),
60
+ $color calc(100% - #{$_grid-gutter}),
61
+ $color calc(100%),
71
62
  ;
72
63
 
73
64
  $_grid-visual: _neat-append-grid-visual($_grid-visual, $_grid-visual-loop-list);
74
65
 
75
- background-image:
76
- linear-gradient(to right, $_grid-visual),
77
- linear-gradient(to bottom,
78
- $color,
79
- $color 1px,
80
- transparent 1px,
81
- transparent calc(100% - 1px),
82
- $color calc(100% - 1px),
83
- $color
84
- );
66
+ background-image: linear-gradient(to right, $_grid-visual);
85
67
  }
@@ -1,34 +1,4 @@
1
1
  @charset "UTF-8";
2
- /// Neat’s default grid.
3
- ///
4
- /// @group settings
5
- ///
6
- /// @type map
7
- ///
8
- /// @name Default settings
9
- ///
10
- /// @property {number (unitless)} columns [12]
11
- /// Default number of the total grid columns.
12
- ///
13
- /// @property {number (with unit)} gutter [20px]
14
- /// Default grid gutter width between columns.
15
- ///
16
- /// @property {string | number (with unit)} gutter [null]
17
- /// Grid media query.
18
- ///
19
- /// @property {color} color [rgba(#00d4ff, 0.25)]
20
- /// Default visual grid color.
21
- ///
22
- /// @access private
23
-
24
- $_neat-grid-defaults: (
25
- columns: 12,
26
- gutter: 20px,
27
- media: null,
28
- color: rgba(#00d4ff, 0.25),
29
- direction: ltr,
30
- );
31
-
32
2
  /// This variable is a sass map that overrides Neat's default grid settings.
33
3
  /// Use this to define your project's grid properties incluting gutters and
34
4
  /// total column count.
@@ -40,10 +10,10 @@ $_neat-grid-defaults: (
40
10
  /// @name Neat grid
41
11
  ///
42
12
  /// @property {number (unitless)} columns [12]
43
- /// Number of the total grid columns.
13
+ /// Default number of the total grid columns.
44
14
  ///
45
15
  /// @property {number (with unit)} gutter [20px]
46
- /// Grid gutter width between columns.
16
+ /// Default grid gutter width between columns.
47
17
  ///
48
18
  /// @example scss
49
19
  /// $neat-grid: (
@@ -53,15 +23,15 @@ $_neat-grid-defaults: (
53
23
 
54
24
  $neat-grid: () !default;
55
25
 
56
- /// If you would like to have multiple grids in a single project, you can do
26
+ /// If you need multiple grids in a single project, you can do
57
27
  /// this by defining a new map stored within a variable of your choosing. This
58
28
  /// variable can then be passed directly in to any of Neat's mixins like
59
- /// [`grid-span(12, $my-custom-grid)`](#grid-span).
29
+ /// [`grid-column(12, $my-custom-grid)`](#grid-column).
60
30
  ///
61
31
  /// Custom grids are especially useful with [`grid-media`](#grid-media). By
62
32
  /// defining a `media` attribute within your custom grid, you are able to easily
63
- /// define both the attributes of a grid as well as at what breakpoint this grid
64
- /// should activate.
33
+ /// define gutter width and total column count as well the breakpoint at which
34
+ /// they should activate.
65
35
  ///
66
36
  /// @type map
67
37
  ///
@@ -69,8 +39,6 @@ $neat-grid: () !default;
69
39
  ///
70
40
  /// @name Custom grids
71
41
  ///
72
- /// @see {mixin} Grid media
73
- ///
74
42
  /// @property {number (unitless)} columns [12]
75
43
  /// Number of the total grid columns.
76
44
  ///
@@ -81,11 +49,19 @@ $neat-grid: () !default;
81
49
  /// The `@media` definition that is used by the [`grid-media`](#grid-media)
82
50
  /// mixin to detirmine the media properties.
83
51
  ///
52
+ /// @property {color} color [null]
53
+ /// The color used by [`grid-visual`](#grid-visual) to create the guides.
54
+ ///
55
+ /// @property {string} direction [ltr]
56
+ /// The float direction used throughout the grid.
57
+ ///
84
58
  /// @example scss
85
59
  /// $my-custom-grid: (
86
60
  /// columns: 12,
87
61
  /// gutter: 20px,
88
62
  /// media: 1200px,
63
+ /// color: rgba(#00d4ff, 0.25),
64
+ /// direction: ltr,
89
65
  /// );
90
66
  ///
91
67
  /// $other-custom-grid-for-print: (
@@ -27,7 +27,7 @@ module Neat
27
27
  end
28
28
  end
29
29
 
30
- desc "update", "Remove Neat"
30
+ desc "remove", "Remove Neat"
31
31
  def remove
32
32
  if neat_files_already_exist?
33
33
  remove_neat_directory
@@ -62,7 +62,7 @@ module Neat
62
62
  end
63
63
 
64
64
  def stylesheets_directory
65
- File.join(top_level_directory, "app", "assets", "stylesheets")
65
+ File.join(top_level_directory, "core")
66
66
  end
67
67
 
68
68
  def top_level_directory
@@ -1,3 +1,3 @@
1
1
  module Neat
2
- VERSION = "2.0.0.beta.2"
2
+ VERSION = "2.0.0"
3
3
  end
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bourbon-neat",
3
- "version": "2.0.0-beta.2",
4
- "description": "A lightweight, semantic grid framework built with Bourbon",
3
+ "version": "2.0.0",
4
+ "description": "A lightweight, semantic grid framework",
5
5
  "keywords": [
6
6
  "columns",
7
7
  "grid",
@@ -7,8 +7,7 @@ describe "grid-collapse" do
7
7
 
8
8
  context "called with default settings" do
9
9
  it "adds margin for just the gutter with no specified column" do
10
- ruleset = "float: left; " +
11
- "margin-left: -20px; " +
10
+ ruleset = "margin-left: -20px; " +
12
11
  "margin-right: -20px; " +
13
12
  "width: calc(100% + 40px);"
14
13
  expect(".grid-collapse-default").to have_ruleset(ruleset)
@@ -17,8 +16,7 @@ describe "grid-collapse" do
17
16
 
18
17
  context "called with custom settings" do
19
18
  it "adds margin for just the gutter with no specified column" do
20
- ruleset = "float: left; " +
21
- "margin-left: -4rem; " +
19
+ ruleset = "margin-left: -4rem; " +
22
20
  "margin-right: -4rem; " +
23
21
  "width: calc(100% + 8rem);"
24
22
 
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: 2.0.0.beta.2
4
+ version: 2.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joel Oliveira
@@ -14,7 +14,7 @@ authors:
14
14
  autorequire:
15
15
  bindir: bin
16
16
  cert_chain: []
17
- date: 2016-12-08 00:00:00.000000000 Z
17
+ date: 2017-02-17 00:00:00.000000000 Z
18
18
  dependencies:
19
19
  - !ruby/object:Gem::Dependency
20
20
  name: aruba
@@ -156,6 +156,7 @@ files:
156
156
  - core/neat/functions/_neat-column-ratio.scss
157
157
  - core/neat/functions/_neat-column-width.scss
158
158
  - core/neat/functions/_neat-float-direction.scss
159
+ - core/neat/functions/_neat-merge-defaults.scss
159
160
  - core/neat/functions/_neat-opposite-direction.scss
160
161
  - core/neat/functions/_neat-parse-columns.scss
161
162
  - core/neat/functions/_neat-parse-media.scss
@@ -223,9 +224,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
223
224
  version: '0'
224
225
  required_rubygems_version: !ruby/object:Gem::Requirement
225
226
  requirements:
226
- - - ">"
227
+ - - ">="
227
228
  - !ruby/object:Gem::Version
228
- version: 1.3.1
229
+ version: '0'
229
230
  requirements: []
230
231
  rubyforge_project:
231
232
  rubygems_version: 2.6.8