neat 1.7.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +5 -5
- data/.circleci/config.yml +34 -0
- data/.github/ISSUE_TEMPLATE.md +22 -0
- data/.github/PULL_REQUEST_TEMPLATE.md +8 -0
- data/.gitignore +4 -2
- data/.hound.yml +5 -0
- data/.npmignore +20 -0
- data/.scss-lint.yml +239 -0
- data/.tool-versions +2 -0
- data/CHANGELOG.md +388 -0
- data/CODE_OF_CONDUCT.md +6 -0
- data/CONTRIBUTING.md +16 -1
- data/Gemfile +1 -2
- data/Gulpfile.js +42 -0
- data/{LICENSE → LICENSE.md} +8 -10
- data/README.md +138 -214
- data/RELEASING.md +27 -0
- data/Rakefile +3 -17
- data/bin/neat +2 -2
- data/contrib/base/_variables.scss +8 -0
- data/contrib/index.html +90 -0
- data/contrib/patterns/_box.scss +11 -0
- data/contrib/patterns/_global.scss +32 -0
- data/contrib/patterns/_grid-collapse.scss +3 -0
- data/contrib/patterns/_grid-media.scss +36 -0
- data/contrib/patterns/_grid-nested.scss +12 -0
- data/contrib/patterns/_grid-push.scss +7 -0
- data/contrib/patterns/_grid-shift.scss +7 -0
- data/contrib/patterns/_grid-visual.scss +3 -0
- data/contrib/patterns/_grid.scss +39 -0
- data/contrib/styles.scss +13 -0
- data/core/_neat.scss +26 -0
- data/core/neat/functions/_neat-append-grid-visual.scss +21 -0
- data/core/neat/functions/_neat-column-default.scss +23 -0
- data/core/neat/functions/_neat-column-ratio.scss +24 -0
- data/core/neat/functions/_neat-column-width.scss +25 -0
- data/core/neat/functions/_neat-float-direction.scss +22 -0
- data/core/neat/functions/_neat-merge-defaults.scss +23 -0
- data/core/neat/functions/_neat-opposite-direction.scss +22 -0
- data/core/neat/functions/_neat-parse-columns.scss +22 -0
- data/core/neat/functions/_neat-parse-media.scss +20 -0
- data/core/neat/functions/_retrieve-neat-settings.scss +19 -0
- data/core/neat/mixins/_grid-collapse.scss +35 -0
- data/core/neat/mixins/_grid-column.scss +39 -0
- data/core/neat/mixins/_grid-container.scss +31 -0
- data/core/neat/mixins/_grid-media.scss +88 -0
- data/core/neat/mixins/_grid-push.scss +37 -0
- data/core/neat/mixins/_grid-shift.scss +36 -0
- data/core/neat/mixins/_grid-visual.scss +41 -0
- data/core/neat/settings/_settings.scss +74 -0
- data/eyeglass-exports.js +7 -0
- data/index.js +7 -0
- data/lib/neat/generator.rb +43 -26
- data/lib/neat/version.rb +1 -1
- data/lib/neat.rb +6 -11
- data/neat.gemspec +26 -31
- data/package-lock.json +5960 -0
- data/package.json +47 -0
- data/spec/.keep +0 -0
- data/spec/fixtures/_setup.scss +1 -0
- data/spec/fixtures/functions/neat-column-default.scss +22 -0
- data/spec/fixtures/functions/neat-column-width.scss +30 -0
- data/spec/fixtures/functions/neat-float-direction.scss +17 -0
- data/spec/fixtures/functions/neat-opposite-direction.scss +17 -0
- data/spec/fixtures/functions/neat-parse-media.scss +9 -0
- data/spec/fixtures/functions/retrieve-neat-settings.scss +22 -0
- data/spec/fixtures/mixins/grid-collapse.scss +14 -0
- data/spec/fixtures/mixins/grid-column.scss +57 -0
- data/spec/fixtures/mixins/grid-container.scss +5 -0
- data/spec/fixtures/mixins/grid-media.scss +45 -0
- data/spec/fixtures/mixins/grid-push.scss +38 -0
- data/spec/fixtures/mixins/grid-shift.scss +38 -0
- data/spec/neat/functions/neat_column_default_spec.rb +35 -0
- data/spec/neat/functions/neat_column_width_spec.rb +47 -0
- data/spec/neat/functions/neat_float_direction_spec.rb +23 -0
- data/spec/neat/functions/neat_opposite_direction_spec.rb +23 -0
- data/spec/neat/functions/neat_parse_media_spec.rb +23 -0
- data/spec/neat/functions/retrieve_neat_settings_spec.rb +35 -0
- data/spec/neat/mixins/grid_collapse_spec.rb +26 -0
- data/spec/neat/mixins/grid_column_spec.rb +101 -0
- data/spec/neat/mixins/grid_container_spec.rb +17 -0
- data/spec/neat/mixins/grid_media_spec.rb +39 -0
- data/spec/neat/mixins/grid_push_spec.rb +59 -0
- data/spec/neat/mixins/grid_shift_spec.rb +59 -0
- data/spec/spec_helper.rb +5 -8
- data/spec/support/matchers/be_contained_in.rb +1 -1
- data/spec/support/matchers/have_rule.rb +8 -6
- data/spec/support/matchers/have_ruleset.rb +20 -0
- data/spec/support/matchers/have_value.rb +9 -7
- data/spec/support/parser_support.rb +8 -1
- data/spec/support/sass_support.rb +3 -3
- metadata +98 -148
- data/.rspec +0 -2
- data/.travis.yml +0 -5
- data/NEWS.md +0 -47
- data/app/assets/stylesheets/_neat-helpers.scss +0 -8
- data/app/assets/stylesheets/_neat.scss +0 -23
- data/app/assets/stylesheets/functions/_new-breakpoint.scss +0 -49
- data/app/assets/stylesheets/functions/_private.scss +0 -108
- data/app/assets/stylesheets/grid/_box-sizing.scss +0 -11
- data/app/assets/stylesheets/grid/_direction-context.scss +0 -31
- data/app/assets/stylesheets/grid/_display-context.scss +0 -26
- data/app/assets/stylesheets/grid/_fill-parent.scss +0 -22
- data/app/assets/stylesheets/grid/_media.scss +0 -92
- data/app/assets/stylesheets/grid/_omega.scss +0 -91
- data/app/assets/stylesheets/grid/_outer-container.scss +0 -36
- data/app/assets/stylesheets/grid/_pad.scss +0 -23
- data/app/assets/stylesheets/grid/_private.scss +0 -35
- data/app/assets/stylesheets/grid/_row.scss +0 -53
- data/app/assets/stylesheets/grid/_shift.scss +0 -48
- data/app/assets/stylesheets/grid/_span-columns.scss +0 -90
- data/app/assets/stylesheets/grid/_to-deprecate.scss +0 -105
- data/app/assets/stylesheets/grid/_visual-grid.scss +0 -40
- data/app/assets/stylesheets/settings/_disable-warnings.scss +0 -11
- data/app/assets/stylesheets/settings/_grid.scss +0 -53
- data/app/assets/stylesheets/settings/_visual-grid.scss +0 -25
- data/bower.json +0 -22
- data/lib/neat/engine.rb +0 -5
- data/lib/tasks/install.rake +0 -21
- data/sache.json +0 -5
- data/spec/neat/columns_spec.rb +0 -73
- data/spec/neat/container_spec.rb +0 -21
- data/spec/neat/default_spec.rb +0 -15
- data/spec/neat/direction_spec.rb +0 -19
- data/spec/neat/display_spec.rb +0 -19
- data/spec/neat/media_spec.rb +0 -55
- data/spec/neat/new_breakpoint_spec.rb +0 -17
- data/spec/neat/omega_spec.rb +0 -43
- data/spec/neat/pad_spec.rb +0 -32
- data/spec/neat/row_spec.rb +0 -39
- data/spec/neat/shift_spec.rb +0 -41
- data/spec/support/bourbon_support.rb +0 -9
- data/test/_setup.scss +0 -3
- data/test/default.scss +0 -1
- data/test/direction-context.scss +0 -13
- data/test/display-context.scss +0 -15
- data/test/media.scss +0 -39
- data/test/new-breakpoint.scss +0 -13
- data/test/omega.scss +0 -25
- data/test/outer-container.scss +0 -11
- data/test/pad.scss +0 -17
- data/test/row.scss +0 -26
- data/test/shift.scss +0 -36
- data/test/span-columns.scss +0 -21
metadata
CHANGED
@@ -1,45 +1,21 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: neat
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version:
|
4
|
+
version: 4.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
|
+
- Joel Oliveira
|
8
|
+
- Joshua Ogle
|
7
9
|
- Kyle Fiedler
|
8
10
|
- Reda Lemeden
|
9
|
-
-
|
11
|
+
- Tyson Gach
|
12
|
+
- Ward Penney
|
13
|
+
- Will McMahan
|
10
14
|
autorequire:
|
11
15
|
bindir: bin
|
12
16
|
cert_chain: []
|
13
|
-
date:
|
17
|
+
date: 2019-07-10 00:00:00.000000000 Z
|
14
18
|
dependencies:
|
15
|
-
- !ruby/object:Gem::Dependency
|
16
|
-
name: sass
|
17
|
-
requirement: !ruby/object:Gem::Requirement
|
18
|
-
requirements:
|
19
|
-
- - ">="
|
20
|
-
- !ruby/object:Gem::Version
|
21
|
-
version: '3.3'
|
22
|
-
type: :runtime
|
23
|
-
prerelease: false
|
24
|
-
version_requirements: !ruby/object:Gem::Requirement
|
25
|
-
requirements:
|
26
|
-
- - ">="
|
27
|
-
- !ruby/object:Gem::Version
|
28
|
-
version: '3.3'
|
29
|
-
- !ruby/object:Gem::Dependency
|
30
|
-
name: bourbon
|
31
|
-
requirement: !ruby/object:Gem::Requirement
|
32
|
-
requirements:
|
33
|
-
- - ">="
|
34
|
-
- !ruby/object:Gem::Version
|
35
|
-
version: '4.0'
|
36
|
-
type: :runtime
|
37
|
-
prerelease: false
|
38
|
-
version_requirements: !ruby/object:Gem::Requirement
|
39
|
-
requirements:
|
40
|
-
- - ">="
|
41
|
-
- !ruby/object:Gem::Version
|
42
|
-
version: '4.0'
|
43
19
|
- !ruby/object:Gem::Dependency
|
44
20
|
name: aruba
|
45
21
|
requirement: !ruby/object:Gem::Requirement
|
@@ -54,20 +30,6 @@ dependencies:
|
|
54
30
|
- - "~>"
|
55
31
|
- !ruby/object:Gem::Version
|
56
32
|
version: 0.5.0
|
57
|
-
- !ruby/object:Gem::Dependency
|
58
|
-
name: rake
|
59
|
-
requirement: !ruby/object:Gem::Requirement
|
60
|
-
requirements:
|
61
|
-
- - ">="
|
62
|
-
- !ruby/object:Gem::Version
|
63
|
-
version: '0'
|
64
|
-
type: :development
|
65
|
-
prerelease: false
|
66
|
-
version_requirements: !ruby/object:Gem::Requirement
|
67
|
-
requirements:
|
68
|
-
- - ">="
|
69
|
-
- !ruby/object:Gem::Version
|
70
|
-
version: '0'
|
71
33
|
- !ruby/object:Gem::Dependency
|
72
34
|
name: css_parser
|
73
35
|
requirement: !ruby/object:Gem::Requirement
|
@@ -83,7 +45,7 @@ dependencies:
|
|
83
45
|
- !ruby/object:Gem::Version
|
84
46
|
version: '0'
|
85
47
|
- !ruby/object:Gem::Dependency
|
86
|
-
name:
|
48
|
+
name: rake
|
87
49
|
requirement: !ruby/object:Gem::Requirement
|
88
50
|
requirements:
|
89
51
|
- - ">="
|
@@ -97,7 +59,7 @@ dependencies:
|
|
97
59
|
- !ruby/object:Gem::Version
|
98
60
|
version: '0'
|
99
61
|
- !ruby/object:Gem::Dependency
|
100
|
-
name:
|
62
|
+
name: rspec
|
101
63
|
requirement: !ruby/object:Gem::Requirement
|
102
64
|
requirements:
|
103
65
|
- - ">="
|
@@ -111,112 +73,131 @@ dependencies:
|
|
111
73
|
- !ruby/object:Gem::Version
|
112
74
|
version: '0'
|
113
75
|
- !ruby/object:Gem::Dependency
|
114
|
-
name:
|
76
|
+
name: scss_lint
|
115
77
|
requirement: !ruby/object:Gem::Requirement
|
116
78
|
requirements:
|
117
|
-
- - "
|
79
|
+
- - "~>"
|
118
80
|
- !ruby/object:Gem::Version
|
119
|
-
version: '0'
|
81
|
+
version: '0.44'
|
120
82
|
type: :development
|
121
83
|
prerelease: false
|
122
84
|
version_requirements: !ruby/object:Gem::Requirement
|
123
85
|
requirements:
|
124
|
-
- - "
|
86
|
+
- - "~>"
|
125
87
|
- !ruby/object:Gem::Version
|
126
|
-
version: '0'
|
88
|
+
version: '0.44'
|
127
89
|
- !ruby/object:Gem::Dependency
|
128
|
-
name:
|
90
|
+
name: thor
|
129
91
|
requirement: !ruby/object:Gem::Requirement
|
130
92
|
requirements:
|
131
93
|
- - "~>"
|
132
94
|
- !ruby/object:Gem::Version
|
133
|
-
version: 0.
|
134
|
-
type: :
|
95
|
+
version: '0.19'
|
96
|
+
type: :runtime
|
135
97
|
prerelease: false
|
136
98
|
version_requirements: !ruby/object:Gem::Requirement
|
137
99
|
requirements:
|
138
100
|
- - "~>"
|
139
101
|
- !ruby/object:Gem::Version
|
140
|
-
version: 0.
|
141
|
-
description:
|
142
|
-
|
143
|
-
email:
|
144
|
-
- support@thoughtbot.com
|
102
|
+
version: '0.19'
|
103
|
+
description:
|
104
|
+
email: design+neat@thoughtbot.com
|
145
105
|
executables:
|
146
106
|
- neat
|
147
107
|
extensions: []
|
148
108
|
extra_rdoc_files: []
|
149
109
|
files:
|
110
|
+
- ".circleci/config.yml"
|
111
|
+
- ".github/ISSUE_TEMPLATE.md"
|
112
|
+
- ".github/PULL_REQUEST_TEMPLATE.md"
|
150
113
|
- ".gitignore"
|
151
|
-
- ".
|
152
|
-
- ".
|
114
|
+
- ".hound.yml"
|
115
|
+
- ".npmignore"
|
116
|
+
- ".scss-lint.yml"
|
117
|
+
- ".tool-versions"
|
118
|
+
- CHANGELOG.md
|
119
|
+
- CODE_OF_CONDUCT.md
|
153
120
|
- CONTRIBUTING.md
|
154
121
|
- Gemfile
|
155
|
-
-
|
156
|
-
-
|
122
|
+
- Gulpfile.js
|
123
|
+
- LICENSE.md
|
157
124
|
- README.md
|
125
|
+
- RELEASING.md
|
158
126
|
- Rakefile
|
159
|
-
- app/assets/stylesheets/_neat-helpers.scss
|
160
|
-
- app/assets/stylesheets/_neat.scss
|
161
|
-
- app/assets/stylesheets/functions/_new-breakpoint.scss
|
162
|
-
- app/assets/stylesheets/functions/_private.scss
|
163
|
-
- app/assets/stylesheets/grid/_box-sizing.scss
|
164
|
-
- app/assets/stylesheets/grid/_direction-context.scss
|
165
|
-
- app/assets/stylesheets/grid/_display-context.scss
|
166
|
-
- app/assets/stylesheets/grid/_fill-parent.scss
|
167
|
-
- app/assets/stylesheets/grid/_media.scss
|
168
|
-
- app/assets/stylesheets/grid/_omega.scss
|
169
|
-
- app/assets/stylesheets/grid/_outer-container.scss
|
170
|
-
- app/assets/stylesheets/grid/_pad.scss
|
171
|
-
- app/assets/stylesheets/grid/_private.scss
|
172
|
-
- app/assets/stylesheets/grid/_row.scss
|
173
|
-
- app/assets/stylesheets/grid/_shift.scss
|
174
|
-
- app/assets/stylesheets/grid/_span-columns.scss
|
175
|
-
- app/assets/stylesheets/grid/_to-deprecate.scss
|
176
|
-
- app/assets/stylesheets/grid/_visual-grid.scss
|
177
|
-
- app/assets/stylesheets/settings/_disable-warnings.scss
|
178
|
-
- app/assets/stylesheets/settings/_grid.scss
|
179
|
-
- app/assets/stylesheets/settings/_visual-grid.scss
|
180
127
|
- bin/neat
|
181
|
-
-
|
128
|
+
- contrib/base/_variables.scss
|
129
|
+
- contrib/index.html
|
130
|
+
- contrib/patterns/_box.scss
|
131
|
+
- contrib/patterns/_global.scss
|
132
|
+
- contrib/patterns/_grid-collapse.scss
|
133
|
+
- contrib/patterns/_grid-media.scss
|
134
|
+
- contrib/patterns/_grid-nested.scss
|
135
|
+
- contrib/patterns/_grid-push.scss
|
136
|
+
- contrib/patterns/_grid-shift.scss
|
137
|
+
- contrib/patterns/_grid-visual.scss
|
138
|
+
- contrib/patterns/_grid.scss
|
139
|
+
- contrib/styles.scss
|
140
|
+
- core/_neat.scss
|
141
|
+
- core/neat/functions/_neat-append-grid-visual.scss
|
142
|
+
- core/neat/functions/_neat-column-default.scss
|
143
|
+
- core/neat/functions/_neat-column-ratio.scss
|
144
|
+
- core/neat/functions/_neat-column-width.scss
|
145
|
+
- core/neat/functions/_neat-float-direction.scss
|
146
|
+
- core/neat/functions/_neat-merge-defaults.scss
|
147
|
+
- core/neat/functions/_neat-opposite-direction.scss
|
148
|
+
- core/neat/functions/_neat-parse-columns.scss
|
149
|
+
- core/neat/functions/_neat-parse-media.scss
|
150
|
+
- core/neat/functions/_retrieve-neat-settings.scss
|
151
|
+
- core/neat/mixins/_grid-collapse.scss
|
152
|
+
- core/neat/mixins/_grid-column.scss
|
153
|
+
- core/neat/mixins/_grid-container.scss
|
154
|
+
- core/neat/mixins/_grid-media.scss
|
155
|
+
- core/neat/mixins/_grid-push.scss
|
156
|
+
- core/neat/mixins/_grid-shift.scss
|
157
|
+
- core/neat/mixins/_grid-visual.scss
|
158
|
+
- core/neat/settings/_settings.scss
|
159
|
+
- eyeglass-exports.js
|
160
|
+
- index.js
|
182
161
|
- lib/neat.rb
|
183
|
-
- lib/neat/engine.rb
|
184
162
|
- lib/neat/generator.rb
|
185
163
|
- lib/neat/version.rb
|
186
|
-
- lib/tasks/install.rake
|
187
164
|
- neat.gemspec
|
188
|
-
-
|
189
|
-
-
|
190
|
-
- spec
|
191
|
-
- spec/
|
192
|
-
- spec/neat
|
193
|
-
- spec/neat
|
194
|
-
- spec/neat
|
195
|
-
- spec/neat
|
196
|
-
- spec/neat
|
197
|
-
- spec/neat
|
198
|
-
- spec/
|
199
|
-
- spec/
|
165
|
+
- package-lock.json
|
166
|
+
- package.json
|
167
|
+
- spec/.keep
|
168
|
+
- spec/fixtures/_setup.scss
|
169
|
+
- spec/fixtures/functions/neat-column-default.scss
|
170
|
+
- spec/fixtures/functions/neat-column-width.scss
|
171
|
+
- spec/fixtures/functions/neat-float-direction.scss
|
172
|
+
- spec/fixtures/functions/neat-opposite-direction.scss
|
173
|
+
- spec/fixtures/functions/neat-parse-media.scss
|
174
|
+
- spec/fixtures/functions/retrieve-neat-settings.scss
|
175
|
+
- spec/fixtures/mixins/grid-collapse.scss
|
176
|
+
- spec/fixtures/mixins/grid-column.scss
|
177
|
+
- spec/fixtures/mixins/grid-container.scss
|
178
|
+
- spec/fixtures/mixins/grid-media.scss
|
179
|
+
- spec/fixtures/mixins/grid-push.scss
|
180
|
+
- spec/fixtures/mixins/grid-shift.scss
|
181
|
+
- spec/neat/functions/neat_column_default_spec.rb
|
182
|
+
- spec/neat/functions/neat_column_width_spec.rb
|
183
|
+
- spec/neat/functions/neat_float_direction_spec.rb
|
184
|
+
- spec/neat/functions/neat_opposite_direction_spec.rb
|
185
|
+
- spec/neat/functions/neat_parse_media_spec.rb
|
186
|
+
- spec/neat/functions/retrieve_neat_settings_spec.rb
|
187
|
+
- spec/neat/mixins/grid_collapse_spec.rb
|
188
|
+
- spec/neat/mixins/grid_column_spec.rb
|
189
|
+
- spec/neat/mixins/grid_container_spec.rb
|
190
|
+
- spec/neat/mixins/grid_media_spec.rb
|
191
|
+
- spec/neat/mixins/grid_push_spec.rb
|
192
|
+
- spec/neat/mixins/grid_shift_spec.rb
|
200
193
|
- spec/spec_helper.rb
|
201
|
-
- spec/support/bourbon_support.rb
|
202
194
|
- spec/support/matchers/be_contained_in.rb
|
203
195
|
- spec/support/matchers/have_rule.rb
|
196
|
+
- spec/support/matchers/have_ruleset.rb
|
204
197
|
- spec/support/matchers/have_value.rb
|
205
198
|
- spec/support/parser_support.rb
|
206
199
|
- spec/support/sass_support.rb
|
207
|
-
|
208
|
-
- test/default.scss
|
209
|
-
- test/direction-context.scss
|
210
|
-
- test/display-context.scss
|
211
|
-
- test/media.scss
|
212
|
-
- test/new-breakpoint.scss
|
213
|
-
- test/omega.scss
|
214
|
-
- test/outer-container.scss
|
215
|
-
- test/pad.scss
|
216
|
-
- test/row.scss
|
217
|
-
- test/shift.scss
|
218
|
-
- test/span-columns.scss
|
219
|
-
homepage: https://github.com/thoughtbot/neat
|
200
|
+
homepage: http://neat.bourbon.io
|
220
201
|
licenses:
|
221
202
|
- MIT
|
222
203
|
metadata: {}
|
@@ -235,39 +216,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
235
216
|
- !ruby/object:Gem::Version
|
236
217
|
version: '0'
|
237
218
|
requirements: []
|
238
|
-
|
239
|
-
rubygems_version: 2.2.2
|
219
|
+
rubygems_version: 3.0.3
|
240
220
|
signing_key:
|
241
221
|
specification_version: 4
|
242
|
-
summary: A
|
243
|
-
test_files:
|
244
|
-
- spec/neat/columns_spec.rb
|
245
|
-
- spec/neat/container_spec.rb
|
246
|
-
- spec/neat/default_spec.rb
|
247
|
-
- spec/neat/direction_spec.rb
|
248
|
-
- spec/neat/display_spec.rb
|
249
|
-
- spec/neat/media_spec.rb
|
250
|
-
- spec/neat/new_breakpoint_spec.rb
|
251
|
-
- spec/neat/omega_spec.rb
|
252
|
-
- spec/neat/pad_spec.rb
|
253
|
-
- spec/neat/row_spec.rb
|
254
|
-
- spec/neat/shift_spec.rb
|
255
|
-
- spec/spec_helper.rb
|
256
|
-
- spec/support/bourbon_support.rb
|
257
|
-
- spec/support/matchers/be_contained_in.rb
|
258
|
-
- spec/support/matchers/have_rule.rb
|
259
|
-
- spec/support/matchers/have_value.rb
|
260
|
-
- spec/support/parser_support.rb
|
261
|
-
- spec/support/sass_support.rb
|
262
|
-
- test/_setup.scss
|
263
|
-
- test/default.scss
|
264
|
-
- test/direction-context.scss
|
265
|
-
- test/display-context.scss
|
266
|
-
- test/media.scss
|
267
|
-
- test/new-breakpoint.scss
|
268
|
-
- test/omega.scss
|
269
|
-
- test/outer-container.scss
|
270
|
-
- test/pad.scss
|
271
|
-
- test/row.scss
|
272
|
-
- test/shift.scss
|
273
|
-
- test/span-columns.scss
|
222
|
+
summary: A lightweight Sass grid framework
|
223
|
+
test_files: []
|
data/.rspec
DELETED
data/.travis.yml
DELETED
data/NEWS.md
DELETED
@@ -1,47 +0,0 @@
|
|
1
|
-
### 1.3.0 (2013-05-03)
|
2
|
-
|
3
|
-
* New: Add global RTL layout support
|
4
|
-
* New: Add row-specific RTL layout support
|
5
|
-
* New: Add auto-clearing for elements using `omega(nth-child)` (works only with simple nth-child arguments due to limited string operations in Sass)
|
6
|
-
* New: `reset-display`, `reset-layout-direction`, and `reset-all` for all your reset needs!
|
7
|
-
* Fix: The visual grid no longer blocks user interactions
|
8
|
-
* Deprecate: `omega()` will no longer take `$direction` in favor of `row($direction)` or `$default-layout-direction`
|
9
|
-
|
10
|
-
### 1.2.1 (2013-04-04)
|
11
|
-
|
12
|
-
* New: Add stylesheets path to Sass.load_paths
|
13
|
-
* Fixed: Force full-width and fixed table-layout on `row(table)`
|
14
|
-
* Official Docset
|
15
|
-
|
16
|
-
### 1.2.0 (2013-02-18)
|
17
|
-
|
18
|
-
* New: Auto-detect table layout when `span-columns()` is called inside `row(table)`
|
19
|
-
* Fix: Make `shift()` reset context after each nested call
|
20
|
-
|
21
|
-
### 1.1.0 (2013-01-09)
|
22
|
-
|
23
|
-
* New: `pad()` takes shorthand arguments
|
24
|
-
* Refactor: Merge `omega()` and `nth-omega()`
|
25
|
-
* Fix: Last child in table layouts keeps its right-padding
|
26
|
-
|
27
|
-
### 1.0.2 (2012-11-19)
|
28
|
-
|
29
|
-
* Fix: Add explicit require to the bourbon gem [#38](https://github.com/thoughtbot/neat/issues/38)
|
30
|
-
|
31
|
-
### 1.0.1 (2012-11-06)
|
32
|
-
|
33
|
-
* Fix: Make `em()` always return a number
|
34
|
-
* Fix: Relative path imports in Rails
|
35
|
-
|
36
|
-
### 1.0.0 (2012-10-29)
|
37
|
-
|
38
|
-
* New: Add executable for non-Rails projects
|
39
|
-
* New: Add visual grid
|
40
|
-
* New: Add `media` and `new-breakpoint` mixins
|
41
|
-
* New: Add `_neat-helpers.scss` as a public interface for Neat
|
42
|
-
* Fix: Make `shift()` work properly in nested contexts
|
43
|
-
* Refactor: Remove typography mixins and settings
|
44
|
-
|
45
|
-
### 0.4.2 (2012-08-31)
|
46
|
-
|
47
|
-
* Initial release
|
@@ -1,23 +0,0 @@
|
|
1
|
-
/* Neat 1.7.0
|
2
|
-
* http://neat.bourbon.io
|
3
|
-
* Copyright 2012-2014 thoughtbot, inc.
|
4
|
-
* MIT License */
|
5
|
-
|
6
|
-
// Helpers
|
7
|
-
@import "neat-helpers";
|
8
|
-
|
9
|
-
// Grid
|
10
|
-
@import "grid/private";
|
11
|
-
@import "grid/box-sizing";
|
12
|
-
@import "grid/omega";
|
13
|
-
@import "grid/outer-container";
|
14
|
-
@import "grid/span-columns";
|
15
|
-
@import "grid/row";
|
16
|
-
@import "grid/shift";
|
17
|
-
@import "grid/pad";
|
18
|
-
@import "grid/fill-parent";
|
19
|
-
@import "grid/media";
|
20
|
-
@import "grid/to-deprecate";
|
21
|
-
@import "grid/visual-grid";
|
22
|
-
@import "grid/display-context";
|
23
|
-
@import "grid/direction-context";
|
@@ -1,49 +0,0 @@
|
|
1
|
-
/// 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.
|
2
|
-
///
|
3
|
-
/// @param {List} $query
|
4
|
-
/// A list of media query features and values. Each `$feature` should have a corresponding `$value`.
|
5
|
-
///
|
6
|
-
/// If there is only a single `$value` in `$query`, `$default-feature` is going to be used.
|
7
|
-
///
|
8
|
-
/// 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).
|
9
|
-
///
|
10
|
-
/// @param {Number (unitless)} $total-columns ($grid-columns)
|
11
|
-
/// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.
|
12
|
-
///
|
13
|
-
/// @example scss - Usage
|
14
|
-
/// $mobile: new-breakpoint(max-width 480px 4);
|
15
|
-
///
|
16
|
-
/// .element {
|
17
|
-
/// @include media($mobile) {
|
18
|
-
/// @include span-columns(4);
|
19
|
-
/// }
|
20
|
-
/// }
|
21
|
-
///
|
22
|
-
/// @example css - CSS Output
|
23
|
-
/// @media screen and (max-width: 480px) {
|
24
|
-
/// .element {
|
25
|
-
/// display: block;
|
26
|
-
/// float: left;
|
27
|
-
/// margin-right: 7.42297%;
|
28
|
-
/// width: 100%;
|
29
|
-
/// }
|
30
|
-
/// .element:last-child {
|
31
|
-
/// margin-right: 0;
|
32
|
-
/// }
|
33
|
-
/// }
|
34
|
-
|
35
|
-
@function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) {
|
36
|
-
@if length($query) == 1 {
|
37
|
-
$query: $default-feature nth($query, 1) $total-columns;
|
38
|
-
}
|
39
|
-
|
40
|
-
@else if is-even(length($query)) {
|
41
|
-
$query: append($query, $total-columns);
|
42
|
-
}
|
43
|
-
|
44
|
-
@if not belongs-to($query, $visual-grid-breakpoints) {
|
45
|
-
$visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global;
|
46
|
-
}
|
47
|
-
|
48
|
-
@return $query;
|
49
|
-
}
|
@@ -1,108 +0,0 @@
|
|
1
|
-
// Checks if a number is even
|
2
|
-
@function is-even($int) {
|
3
|
-
@return $int % 2 == 0
|
4
|
-
}
|
5
|
-
|
6
|
-
// Checks if an element belongs to a list or not
|
7
|
-
@function belongs-to($tested-item, $list) {
|
8
|
-
@return not not-belongs-to($tested-item, $list);
|
9
|
-
}
|
10
|
-
|
11
|
-
@function not-belongs-to($tested-item, $list) {
|
12
|
-
@return not index($list, $tested-item);
|
13
|
-
}
|
14
|
-
|
15
|
-
// Contains display value
|
16
|
-
@function contains-display-value($query) {
|
17
|
-
@return belongs-to(table, $query)
|
18
|
-
or belongs-to(block, $query)
|
19
|
-
or belongs-to(inline-block, $query)
|
20
|
-
or belongs-to(inline, $query);
|
21
|
-
}
|
22
|
-
|
23
|
-
// Parses the first argument of span-columns()
|
24
|
-
@function container-span($span: $span) {
|
25
|
-
@if length($span) == 3 {
|
26
|
-
$container-columns: nth($span, 3);
|
27
|
-
@return $container-columns;
|
28
|
-
} @else if length($span) == 2 {
|
29
|
-
$container-columns: nth($span, 2);
|
30
|
-
@return $container-columns;
|
31
|
-
}
|
32
|
-
|
33
|
-
@return $grid-columns;
|
34
|
-
}
|
35
|
-
|
36
|
-
@function container-shift($shift: $shift) {
|
37
|
-
$parent-columns: $grid-columns !default !global;
|
38
|
-
|
39
|
-
@if length($shift) == 3 {
|
40
|
-
$container-columns: nth($shift, 3);
|
41
|
-
@return $container-columns;
|
42
|
-
} @else if length($shift) == 2 {
|
43
|
-
$container-columns: nth($shift, 2);
|
44
|
-
@return $container-columns;
|
45
|
-
}
|
46
|
-
|
47
|
-
@return $parent-columns;
|
48
|
-
}
|
49
|
-
|
50
|
-
// Generates a striped background
|
51
|
-
@function gradient-stops($grid-columns, $color: $visual-grid-color) {
|
52
|
-
$transparent: rgba(0,0,0,0);
|
53
|
-
|
54
|
-
$column-width: flex-grid(1, $grid-columns);
|
55
|
-
$gutter-width: flex-gutter($grid-columns);
|
56
|
-
$column-offset: $column-width;
|
57
|
-
|
58
|
-
$values: ($transparent 0, $color 0);
|
59
|
-
|
60
|
-
@for $i from 1 to $grid-columns*2 {
|
61
|
-
@if is-even($i) {
|
62
|
-
$values: append($values, $transparent $column-offset, comma);
|
63
|
-
$values: append($values, $color $column-offset, comma);
|
64
|
-
$column-offset: $column-offset + $column-width;
|
65
|
-
} @else {
|
66
|
-
$values: append($values, $color $column-offset, comma);
|
67
|
-
$values: append($values, $transparent $column-offset, comma);
|
68
|
-
$column-offset: $column-offset + $gutter-width;
|
69
|
-
}
|
70
|
-
}
|
71
|
-
|
72
|
-
@return $values;
|
73
|
-
}
|
74
|
-
|
75
|
-
// Layout direction
|
76
|
-
@function get-direction($layout, $default) {
|
77
|
-
$direction: null;
|
78
|
-
|
79
|
-
@if to-upper-case($layout) == "LTR" or to-upper-case($layout) == "RTL" {
|
80
|
-
$direction: direction-from-layout($layout);
|
81
|
-
} @else {
|
82
|
-
$direction: direction-from-layout($default);
|
83
|
-
}
|
84
|
-
|
85
|
-
@return $direction;
|
86
|
-
}
|
87
|
-
|
88
|
-
@function direction-from-layout($layout) {
|
89
|
-
$direction: null;
|
90
|
-
|
91
|
-
@if to-upper-case($layout) == "LTR" {
|
92
|
-
$direction: right;
|
93
|
-
} @else {
|
94
|
-
$direction: left;
|
95
|
-
}
|
96
|
-
|
97
|
-
@return $direction;
|
98
|
-
}
|
99
|
-
|
100
|
-
@function get-opposite-direction($direction) {
|
101
|
-
$opposite-direction: left;
|
102
|
-
|
103
|
-
@if $direction == "left" {
|
104
|
-
$opposite-direction: right;
|
105
|
-
}
|
106
|
-
|
107
|
-
@return $opposite-direction;
|
108
|
-
}
|
@@ -1,31 +0,0 @@
|
|
1
|
-
/// Changes the direction property used by other mixins called in the code block argument.
|
2
|
-
///
|
3
|
-
/// @param {String} $direction (left-to-right)
|
4
|
-
/// Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
|
5
|
-
///
|
6
|
-
/// @example scss - Usage
|
7
|
-
/// @include direction(right-to-left) {
|
8
|
-
/// .right-to-left-block {
|
9
|
-
/// @include span-columns(6);
|
10
|
-
/// }
|
11
|
-
/// }
|
12
|
-
///
|
13
|
-
/// @example css - CSS Output
|
14
|
-
/// .right-to-left-block {
|
15
|
-
/// float: right;
|
16
|
-
/// ...
|
17
|
-
/// }
|
18
|
-
|
19
|
-
@mixin direction-context($direction: left-to-right) {
|
20
|
-
$scope-direction: $layout-direction;
|
21
|
-
|
22
|
-
@if to-lower-case($direction) == "left-to-right" {
|
23
|
-
$layout-direction: LTR !global;
|
24
|
-
} @else if to-lower-case($direction) == "right-to-left" {
|
25
|
-
$layout-direction: RTL !global;
|
26
|
-
}
|
27
|
-
|
28
|
-
@content;
|
29
|
-
|
30
|
-
$layout-direction: $scope-direction !global;
|
31
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
/// Changes the display property used by other mixins called in the code block argument.
|
2
|
-
///
|
3
|
-
/// @param {String} $display (block)
|
4
|
-
/// Display value to be used within the block. Can be `table` or `block`.
|
5
|
-
///
|
6
|
-
/// @example scss
|
7
|
-
/// @include display(table) {
|
8
|
-
/// .display-table {
|
9
|
-
/// @include span-columns(6);
|
10
|
-
/// }
|
11
|
-
/// }
|
12
|
-
///
|
13
|
-
/// @example css
|
14
|
-
/// .display-table {
|
15
|
-
/// display: table-cell;
|
16
|
-
/// ...
|
17
|
-
/// }
|
18
|
-
|
19
|
-
@mixin display-context($display: block) {
|
20
|
-
$scope-display: $container-display-table;
|
21
|
-
$container-display-table: $display == table !global;
|
22
|
-
|
23
|
-
@content;
|
24
|
-
|
25
|
-
$container-display-table: $scope-display !global;
|
26
|
-
}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
/// Forces the element to fill its parent container.
|
2
|
-
///
|
3
|
-
/// @example scss - Usage
|
4
|
-
/// .element {
|
5
|
-
/// @include fill-parent;
|
6
|
-
/// }
|
7
|
-
///
|
8
|
-
/// @example css - CSS Output
|
9
|
-
/// .element {
|
10
|
-
/// width: 100%;
|
11
|
-
/// -webkit-box-sizing: border-box;
|
12
|
-
/// -moz-box-sizing: border-box;
|
13
|
-
/// box-sizing: border-box;
|
14
|
-
/// }
|
15
|
-
|
16
|
-
@mixin fill-parent() {
|
17
|
-
width: 100%;
|
18
|
-
|
19
|
-
@if $border-box-sizing == false {
|
20
|
-
@include box-sizing(border-box);
|
21
|
-
}
|
22
|
-
}
|