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.
Files changed (144) hide show
  1. checksums.yaml +5 -5
  2. data/.circleci/config.yml +34 -0
  3. data/.github/ISSUE_TEMPLATE.md +22 -0
  4. data/.github/PULL_REQUEST_TEMPLATE.md +8 -0
  5. data/.gitignore +4 -2
  6. data/.hound.yml +5 -0
  7. data/.npmignore +20 -0
  8. data/.scss-lint.yml +239 -0
  9. data/.tool-versions +2 -0
  10. data/CHANGELOG.md +388 -0
  11. data/CODE_OF_CONDUCT.md +6 -0
  12. data/CONTRIBUTING.md +16 -1
  13. data/Gemfile +1 -2
  14. data/Gulpfile.js +42 -0
  15. data/{LICENSE → LICENSE.md} +8 -10
  16. data/README.md +138 -214
  17. data/RELEASING.md +27 -0
  18. data/Rakefile +3 -17
  19. data/bin/neat +2 -2
  20. data/contrib/base/_variables.scss +8 -0
  21. data/contrib/index.html +90 -0
  22. data/contrib/patterns/_box.scss +11 -0
  23. data/contrib/patterns/_global.scss +32 -0
  24. data/contrib/patterns/_grid-collapse.scss +3 -0
  25. data/contrib/patterns/_grid-media.scss +36 -0
  26. data/contrib/patterns/_grid-nested.scss +12 -0
  27. data/contrib/patterns/_grid-push.scss +7 -0
  28. data/contrib/patterns/_grid-shift.scss +7 -0
  29. data/contrib/patterns/_grid-visual.scss +3 -0
  30. data/contrib/patterns/_grid.scss +39 -0
  31. data/contrib/styles.scss +13 -0
  32. data/core/_neat.scss +26 -0
  33. data/core/neat/functions/_neat-append-grid-visual.scss +21 -0
  34. data/core/neat/functions/_neat-column-default.scss +23 -0
  35. data/core/neat/functions/_neat-column-ratio.scss +24 -0
  36. data/core/neat/functions/_neat-column-width.scss +25 -0
  37. data/core/neat/functions/_neat-float-direction.scss +22 -0
  38. data/core/neat/functions/_neat-merge-defaults.scss +23 -0
  39. data/core/neat/functions/_neat-opposite-direction.scss +22 -0
  40. data/core/neat/functions/_neat-parse-columns.scss +22 -0
  41. data/core/neat/functions/_neat-parse-media.scss +20 -0
  42. data/core/neat/functions/_retrieve-neat-settings.scss +19 -0
  43. data/core/neat/mixins/_grid-collapse.scss +35 -0
  44. data/core/neat/mixins/_grid-column.scss +39 -0
  45. data/core/neat/mixins/_grid-container.scss +31 -0
  46. data/core/neat/mixins/_grid-media.scss +88 -0
  47. data/core/neat/mixins/_grid-push.scss +37 -0
  48. data/core/neat/mixins/_grid-shift.scss +36 -0
  49. data/core/neat/mixins/_grid-visual.scss +41 -0
  50. data/core/neat/settings/_settings.scss +74 -0
  51. data/eyeglass-exports.js +7 -0
  52. data/index.js +7 -0
  53. data/lib/neat/generator.rb +43 -26
  54. data/lib/neat/version.rb +1 -1
  55. data/lib/neat.rb +6 -11
  56. data/neat.gemspec +26 -31
  57. data/package-lock.json +5960 -0
  58. data/package.json +47 -0
  59. data/spec/.keep +0 -0
  60. data/spec/fixtures/_setup.scss +1 -0
  61. data/spec/fixtures/functions/neat-column-default.scss +22 -0
  62. data/spec/fixtures/functions/neat-column-width.scss +30 -0
  63. data/spec/fixtures/functions/neat-float-direction.scss +17 -0
  64. data/spec/fixtures/functions/neat-opposite-direction.scss +17 -0
  65. data/spec/fixtures/functions/neat-parse-media.scss +9 -0
  66. data/spec/fixtures/functions/retrieve-neat-settings.scss +22 -0
  67. data/spec/fixtures/mixins/grid-collapse.scss +14 -0
  68. data/spec/fixtures/mixins/grid-column.scss +57 -0
  69. data/spec/fixtures/mixins/grid-container.scss +5 -0
  70. data/spec/fixtures/mixins/grid-media.scss +45 -0
  71. data/spec/fixtures/mixins/grid-push.scss +38 -0
  72. data/spec/fixtures/mixins/grid-shift.scss +38 -0
  73. data/spec/neat/functions/neat_column_default_spec.rb +35 -0
  74. data/spec/neat/functions/neat_column_width_spec.rb +47 -0
  75. data/spec/neat/functions/neat_float_direction_spec.rb +23 -0
  76. data/spec/neat/functions/neat_opposite_direction_spec.rb +23 -0
  77. data/spec/neat/functions/neat_parse_media_spec.rb +23 -0
  78. data/spec/neat/functions/retrieve_neat_settings_spec.rb +35 -0
  79. data/spec/neat/mixins/grid_collapse_spec.rb +26 -0
  80. data/spec/neat/mixins/grid_column_spec.rb +101 -0
  81. data/spec/neat/mixins/grid_container_spec.rb +17 -0
  82. data/spec/neat/mixins/grid_media_spec.rb +39 -0
  83. data/spec/neat/mixins/grid_push_spec.rb +59 -0
  84. data/spec/neat/mixins/grid_shift_spec.rb +59 -0
  85. data/spec/spec_helper.rb +5 -8
  86. data/spec/support/matchers/be_contained_in.rb +1 -1
  87. data/spec/support/matchers/have_rule.rb +8 -6
  88. data/spec/support/matchers/have_ruleset.rb +20 -0
  89. data/spec/support/matchers/have_value.rb +9 -7
  90. data/spec/support/parser_support.rb +8 -1
  91. data/spec/support/sass_support.rb +3 -3
  92. metadata +98 -148
  93. data/.rspec +0 -2
  94. data/.travis.yml +0 -5
  95. data/NEWS.md +0 -47
  96. data/app/assets/stylesheets/_neat-helpers.scss +0 -8
  97. data/app/assets/stylesheets/_neat.scss +0 -23
  98. data/app/assets/stylesheets/functions/_new-breakpoint.scss +0 -49
  99. data/app/assets/stylesheets/functions/_private.scss +0 -108
  100. data/app/assets/stylesheets/grid/_box-sizing.scss +0 -11
  101. data/app/assets/stylesheets/grid/_direction-context.scss +0 -31
  102. data/app/assets/stylesheets/grid/_display-context.scss +0 -26
  103. data/app/assets/stylesheets/grid/_fill-parent.scss +0 -22
  104. data/app/assets/stylesheets/grid/_media.scss +0 -92
  105. data/app/assets/stylesheets/grid/_omega.scss +0 -91
  106. data/app/assets/stylesheets/grid/_outer-container.scss +0 -36
  107. data/app/assets/stylesheets/grid/_pad.scss +0 -23
  108. data/app/assets/stylesheets/grid/_private.scss +0 -35
  109. data/app/assets/stylesheets/grid/_row.scss +0 -53
  110. data/app/assets/stylesheets/grid/_shift.scss +0 -48
  111. data/app/assets/stylesheets/grid/_span-columns.scss +0 -90
  112. data/app/assets/stylesheets/grid/_to-deprecate.scss +0 -105
  113. data/app/assets/stylesheets/grid/_visual-grid.scss +0 -40
  114. data/app/assets/stylesheets/settings/_disable-warnings.scss +0 -11
  115. data/app/assets/stylesheets/settings/_grid.scss +0 -53
  116. data/app/assets/stylesheets/settings/_visual-grid.scss +0 -25
  117. data/bower.json +0 -22
  118. data/lib/neat/engine.rb +0 -5
  119. data/lib/tasks/install.rake +0 -21
  120. data/sache.json +0 -5
  121. data/spec/neat/columns_spec.rb +0 -73
  122. data/spec/neat/container_spec.rb +0 -21
  123. data/spec/neat/default_spec.rb +0 -15
  124. data/spec/neat/direction_spec.rb +0 -19
  125. data/spec/neat/display_spec.rb +0 -19
  126. data/spec/neat/media_spec.rb +0 -55
  127. data/spec/neat/new_breakpoint_spec.rb +0 -17
  128. data/spec/neat/omega_spec.rb +0 -43
  129. data/spec/neat/pad_spec.rb +0 -32
  130. data/spec/neat/row_spec.rb +0 -39
  131. data/spec/neat/shift_spec.rb +0 -41
  132. data/spec/support/bourbon_support.rb +0 -9
  133. data/test/_setup.scss +0 -3
  134. data/test/default.scss +0 -1
  135. data/test/direction-context.scss +0 -13
  136. data/test/display-context.scss +0 -15
  137. data/test/media.scss +0 -39
  138. data/test/new-breakpoint.scss +0 -13
  139. data/test/omega.scss +0 -25
  140. data/test/outer-container.scss +0 -11
  141. data/test/pad.scss +0 -17
  142. data/test/row.scss +0 -26
  143. data/test/shift.scss +0 -36
  144. 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: 1.7.0
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
- - Joel Oliveira
11
+ - Tyson Gach
12
+ - Ward Penney
13
+ - Will McMahan
10
14
  autorequire:
11
15
  bindir: bin
12
16
  cert_chain: []
13
- date: 2014-10-17 00:00:00.000000000 Z
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: rspec
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: rdoc
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: bundler
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: rb-fsevent
90
+ name: thor
129
91
  requirement: !ruby/object:Gem::Requirement
130
92
  requirements:
131
93
  - - "~>"
132
94
  - !ruby/object:Gem::Version
133
- version: 0.9.1
134
- type: :development
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.9.1
141
- description: |
142
- Neat is an open source grid framework built on top of Bourbon with the aim of being easy enough to use out of the box and flexible enough to customize down the road.
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
- - ".rspec"
152
- - ".travis.yml"
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
- - LICENSE
156
- - NEWS.md
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
- - bower.json
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
- - sache.json
189
- - spec/neat/columns_spec.rb
190
- - spec/neat/container_spec.rb
191
- - spec/neat/default_spec.rb
192
- - spec/neat/direction_spec.rb
193
- - spec/neat/display_spec.rb
194
- - spec/neat/media_spec.rb
195
- - spec/neat/new_breakpoint_spec.rb
196
- - spec/neat/omega_spec.rb
197
- - spec/neat/pad_spec.rb
198
- - spec/neat/row_spec.rb
199
- - spec/neat/shift_spec.rb
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
- - test/_setup.scss
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
- rubyforge_project: neat
239
- rubygems_version: 2.2.2
219
+ rubygems_version: 3.0.3
240
220
  signing_key:
241
221
  specification_version: 4
242
- summary: A fluid grid framework on top of Bourbon
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
@@ -1,2 +0,0 @@
1
- --color
2
- --format documentation
data/.travis.yml DELETED
@@ -1,5 +0,0 @@
1
- language: ruby
2
- rvm: 2.0.0
3
- notifications:
4
- slack:
5
- secure: ROE+Zo+A6JmTjxCRGG539YaoEcLrsInEIrTDQMgtn5ucLaiPiau96VO+GJ4MyxZm2M5qlSRMFCxb3jFexCRVZctuUF2hFcXVi6a/+JGhMmYLd6XMNezhlxWwOoSx6ufSAlrlXEalsdnkzqVHuH2Y50ao/3slNo58DdLoaRJiGAc=
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,8 +0,0 @@
1
- // Functions
2
- @import "functions/private";
3
- @import "functions/new-breakpoint";
4
-
5
- // Settings
6
- @import "settings/grid";
7
- @import "settings/visual-grid";
8
- @import "settings/disable-warnings";
@@ -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,11 +0,0 @@
1
- @if $border-box-sizing == true {
2
- html { // http://bit.ly/1qk2tVR
3
- @include box-sizing(border-box);
4
- }
5
-
6
- * {
7
- &, &:before, &:after {
8
- @include box-sizing(inherit);
9
- }
10
- }
11
- }
@@ -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
- }