css_grid 2.2.1 → 2.3.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +51 -3
- data/lib/assets/.DS_Store +0 -0
- data/lib/assets/stylesheets/grid.css.scss +13 -0
- data/lib/css_grid/version.rb +1 -1
- data/lib/css_grid.rb +15 -3
- metadata +2 -8
data/README.md
CHANGED
@@ -156,6 +156,21 @@ You can also pass 'prepend' or 'append as an argument for the '*_span' helpers.
|
|
156
156
|
</div>
|
157
157
|
```
|
158
158
|
|
159
|
+
Note that 'prepend' accept negative values
|
160
|
+
|
161
|
+
```erb
|
162
|
+
<%= four_span :prepend=>-1 do %>
|
163
|
+
<!-- some html -->
|
164
|
+
<% end %>
|
165
|
+
```
|
166
|
+
|
167
|
+
```html
|
168
|
+
<div class="four_span minus_one">
|
169
|
+
<!-- some html -->
|
170
|
+
</div>
|
171
|
+
```
|
172
|
+
|
173
|
+
|
159
174
|
--
|
160
175
|
|
161
176
|
If you want to use rows inside *_spans tags, you can use :nested option.
|
@@ -254,11 +269,13 @@ Here is a list of options you can use. Following exemples.
|
|
254
269
|
* :class => String or Symbol - set the class attribute for the container.
|
255
270
|
* :nested => :spans - allow to use *_span tags directly inside the block passed by.
|
256
271
|
* :disable => :spans or :container or [:spans, :container] - disable automatic creation of *_spans tags, or container tag, or both, allow you to handle this part manually.
|
257
|
-
* :spans => Hash (authorized keys are :class, :prepend, :append) - pass by options to automatic created *_spans tags.
|
258
|
-
* :rows => Hash (authorized keys are :class and :nested) - pass by options to automatic created rows tags.
|
272
|
+
* :spans => Hash (authorized keys are :id, :class, :prepend, :append) - pass by options to automatic created *_spans tags.
|
273
|
+
* :rows => Hash (authorized keys are :id, :class and :nested) - pass by options to automatic created rows tags.
|
259
274
|
|
275
|
+
Note :
|
276
|
+
* You can use procs in :spans/:id, :spans/:class, :rows/:id and :rows/:class
|
260
277
|
|
261
|
-
|
278
|
+
Also :
|
262
279
|
* :nested also accept :container as a value (works the same way as :disable). It allows to use *_col_container inside a *_span tag. :nested_with => Integer must be informed in that case, telling the width of the span you'r in.
|
263
280
|
* the GridHelper automaticly calculate if you are in a nested container and pass options :nested=>:container and :nested_width on his own. So you normaly don't have to care about that.
|
264
281
|
|
@@ -268,6 +285,37 @@ Shortcuts :
|
|
268
285
|
* options :disable and :rows will be ignore, and options :id and :class will be directly applied to the row tag.
|
269
286
|
|
270
287
|
Examples :
|
288
|
+
```erb
|
289
|
+
<%= three_cols_container :collection=>@collection, :rows=>{:id => Proc.new{ |elt| elt[:name].downcase }} do |elt| %>
|
290
|
+
<%= four_span do %>
|
291
|
+
Class : <%= elt[:name] %><br/>
|
292
|
+
Detail : <%= elt[:methods] %>
|
293
|
+
<% end %>
|
294
|
+
<% end %>
|
295
|
+
```
|
296
|
+
|
297
|
+
```html
|
298
|
+
<section class="container " id="nested">
|
299
|
+
<div class="row " id="enumerable">
|
300
|
+
<div class="four_span ">
|
301
|
+
Class : Enumerable<br/>
|
302
|
+
Detail : 163 methods
|
303
|
+
</div>
|
304
|
+
<div class="four_span " id="array">
|
305
|
+
Class : Array<br/>
|
306
|
+
Detail : 178 methods
|
307
|
+
</div>
|
308
|
+
<div class="four_span " id="string">
|
309
|
+
Class : String<br/>
|
310
|
+
Detail : 177 methods
|
311
|
+
</div>
|
312
|
+
</div>
|
313
|
+
</section>
|
314
|
+
```
|
315
|
+
|
316
|
+
--
|
317
|
+
|
318
|
+
|
271
319
|
```erb
|
272
320
|
<%= three_cols_container :id=>"nested", :collection=>@collection, :nested=>:spans do |elt| %>
|
273
321
|
<%= two_span do %>
|
data/lib/assets/.DS_Store
CHANGED
Binary file
|
@@ -42,6 +42,19 @@ $gutter_width: 1.041666666666;
|
|
42
42
|
.prepend_eleven { @include prepend($grid_width, 11); }
|
43
43
|
.prepend_twelve { @include prepend($grid_width, 12); }
|
44
44
|
|
45
|
+
.minus_one { @include prepend($grid_width, -1) }
|
46
|
+
.minus_two { @include prepend($grid_width, -2) }
|
47
|
+
.minus_three { @include prepend($grid_width, -3); }
|
48
|
+
.minus_four { @include prepend($grid_width, -4); }
|
49
|
+
.minus_five { @include prepend($grid_width, -5); }
|
50
|
+
.minus_six { @include prepend($grid_width, -6); }
|
51
|
+
.minus_seven { @include prepend($grid_width, -7); }
|
52
|
+
.minus_eight { @include prepend($grid_width, -8); }
|
53
|
+
.minus_nine { @include prepend($grid_width, -9); }
|
54
|
+
.minus_ten { @include prepend($grid_width, -10); }
|
55
|
+
.minus_eleven { @include prepend($grid_width, -11); }
|
56
|
+
.minus_twelve { @include prepend($grid_width, -12); }
|
57
|
+
|
45
58
|
.append_one { @include append($grid_width, 1) }
|
46
59
|
.append_two { @include append($grid_width, 2) }
|
47
60
|
.append_three { @include append($grid_width, 3); }
|
data/lib/css_grid/version.rb
CHANGED
data/lib/css_grid.rb
CHANGED
@@ -16,7 +16,11 @@ module GridHelper
|
|
16
16
|
end
|
17
17
|
|
18
18
|
def grid tag, options = {}, &block
|
19
|
-
prepend =
|
19
|
+
prepend = if options[:prepend] > 0
|
20
|
+
TWELVE_STRING_INTS_INVERT[options.delete :prepend]
|
21
|
+
else
|
22
|
+
"minus_#{ TWELVE_STRING_INTS_INVERT[options.delete :prepend] }"
|
23
|
+
end
|
20
24
|
append = TWELVE_STRING_INTS_INVERT[options.delete :append]
|
21
25
|
|
22
26
|
warn "WARNING : argument ':nested' is not supported for '#{ tag }'" if options[:nested].present? and tag != :row
|
@@ -75,7 +79,11 @@ module GridHelper
|
|
75
79
|
capture(elt, &block)
|
76
80
|
|
77
81
|
else
|
78
|
-
|
82
|
+
spans_options = options[:spans].clone
|
83
|
+
spans_options[:id] = spans_options[:id].call elt if spans_options[:id].class == Proc
|
84
|
+
spans_options[:class] = spans_options[:class].call elt if spans_options[:class].class == Proc
|
85
|
+
|
86
|
+
grid("#{ span_width }_span".to_sym, spans_options) do
|
79
87
|
safe_buffer = capture(elt, &block)
|
80
88
|
safe_buffer = grid(:row, :nested=>true){ safe_buffer } if nested.include? :spans
|
81
89
|
|
@@ -84,7 +92,11 @@ module GridHelper
|
|
84
92
|
end
|
85
93
|
end
|
86
94
|
|
87
|
-
|
95
|
+
rows_options = options[:rows].clone
|
96
|
+
rows_options[:id] = rows_options[:id].call elt if rows_options[:id].class == Proc
|
97
|
+
rows_options[:class] = rows_options[:class].call elt if rows_options[:class].class == Proc
|
98
|
+
|
99
|
+
grid(:row, rows_options){ cols.reduce(:safe_concat) }
|
88
100
|
end
|
89
101
|
|
90
102
|
safe_buffer = rows.reduce(:safe_concat)
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: css_grid
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.3.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2012-11-
|
12
|
+
date: 2012-11-14 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: railties
|
@@ -70,18 +70,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
70
70
|
- - ! '>='
|
71
71
|
- !ruby/object:Gem::Version
|
72
72
|
version: '0'
|
73
|
-
segments:
|
74
|
-
- 0
|
75
|
-
hash: 752044027004310920
|
76
73
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
77
74
|
none: false
|
78
75
|
requirements:
|
79
76
|
- - ! '>='
|
80
77
|
- !ruby/object:Gem::Version
|
81
78
|
version: '0'
|
82
|
-
segments:
|
83
|
-
- 0
|
84
|
-
hash: 752044027004310920
|
85
79
|
requirements: []
|
86
80
|
rubyforge_project:
|
87
81
|
rubygems_version: 1.8.24
|