css_grid 2.0.0 → 2.2.0

data/Gemfile.lock

@@ -1,8 +1,7 @@
 PATH
   remote: .
   specs:
-    css_grid (2.0.0)
-      hash_extend
+    css_grid (2.2.0)
       railties (>= 3.1.0)
 
 GEM
@@ -24,14 +23,13 @@ GEM
     activesupport (3.2.8)
       i18n (~> 0.6)
       multi_json (~> 1.0)
-    builder (3.0.3)
+    builder (3.0.4)
     erubis (2.7.0)
-    hash_extend (1.1.0)
     hike (1.2.1)
     i18n (0.6.1)
     journey (1.0.4)
     json (1.7.5)
-    multi_json (1.3.6)
+    multi_json (1.3.7)
     rack (1.4.1)
     rack-cache (1.2)
       rack (>= 0.4)

data/README.md

@@ -6,10 +6,6 @@ __Grid__ is a 12 column alignment system, based on 1140px width. That fit for 12
 
 __Helpers__ facilitate the use of the grid syntax, to produce correct html markdown. This allow you to pass collections and block, and map the result to insert it into correct html tags.
 
-## Version
-
-Current Version is 2.0.0. This doc is about 1.0.0. Update will be realease soon
-
 ## Installation
 
 Add this line to your application's Gemfile:
@@ -104,30 +100,28 @@ You can call 'container', 'row' or '*_span' functions that create the correspond
 
 Code
 
-erb code
 ```erb
 	<%= container do %>
 		<!-- some html -->
 	<% end %>
 ```
 
-will produce
 ```html
 	<div class="container">
 		<!-- some html -->
 	</div>
 ```
 
+--
+
 You can pass specific html ids or class as arguments
 
-erb code
 ```erb
 	<%= row :class=>:some_class do %>
 		<!-- some html -->
 	<% end %>
 ```
 
-will produce
 ```html
 	<div class="row some_class">
 		<!-- some html -->
@@ -135,159 +129,443 @@ will produce
 ```
 
 --
-erb code
+
+You can also pass 'prepend' or 'append as an argument for the '*_span' helpers. Prepend will slide the column to the left. Append will slide the next column to the left.
+
 ```erb
-	<%= six_span :id=>:some_id, :class=>"class_one class_two" do %>
+	<%= four_span :prepend=>2 do %>
 		<!-- some html -->
 	<% end %>
 ```
 
-will produce
 ```html
-	<div class="six_span class_one class_two" id="some_id">
+	<div class="four_span prepend_two">
 		<!-- some html -->
 	</div>
 ```
 
-You can also pass 'offset' as an argument for the '*_span' helpers. Offset will slide the column to the left. (like you insert a empty *_span before)
-
-erb code
 ```erb
-	<%= four_span :offset=>:two do %>
+	<%= four_span :append=>1 do %>
 		<!-- some html -->
 	<% end %>
 ```
 
-will produce
 ```html
-	<div class="four_span offset_two">
+	<div class="four_span append_one">
 		<!-- some html -->
 	</div>
 ```
 
 --
-erb code
+
+If you want to use rows inside *_spans tags, you can use :nested option.
+
 ```erb
-	<%= four_span :offset=>2 do %>
-		<!-- some html -->
+	<%= four_span do %>
+		<%= row :nested => true do %>
+			<%= two_span do %>
+				<!-- some html -->
+			<% end %>
+			
+			<%= two_span do %>
+				<!-- some other html -->
+			<% end %>
+		<% end %>
 	<% end %>
 ```
 
-will produce
 ```html
-	<div class="four_span offset_two">
-		<!-- some html -->
+	<div class="four_span">
+		<div class="row nested">
+			<div class="two_span">
+				<!-- some html -->
+			</div>
+			
+			<div class="two_span">
+				<!-- some other html -->
+			</div>
+		</div>
 	</div>
 ```
 
 #### Collections
 
-The most interesting part if you ask me! 
 GridHelper allow you to create severals columns in one time. And include them directly into row or container.
 
-Imagine I have this yml file
-```yml
-	en:
-		array:
-			name: Array
-			description: It's an array !
-			
-		hash:
-			name: Hash
-			descrption: I love hash, it's so fun !
-			
-		string:
-			name: Text
-			description: Just read the text.
+There is my collection
+```ruby
+	@collection = [Enumerable, Array, String].inject([]){ |collection, klass| 
+		collection << {:name=>klass.name, :methods=>"#{ klass.methods.count } methods"} 
+	}
+	
+	@large_collection = [Hash, Set, Fixnum, Float, NilClass, TrueClass].inject([]){ |collection, klass| 
+		collection << {:name=>klass.name, :methods=>"#{ klass.methods.count } methods"} 
+	}
 ```
 
-I can do in my view
+I can call *_col_container with a :collection option
 ```erb
-	<%= two_col_container :collection=>[:array, :hash, :string] do |i18n_key| %>
-		<h2><%=t "#{ i18n_key }.name" %></h2>
-		<p><%=t "#{ i18n_key }.description" %></p>
+	<%= three_cols_container :collection=>@collection do |elt| %>
+		Class : <%= elt[:name] %><br/>
+		Detail : <%= elt[:methods] %>
 	<% end %>
 ```
 
-This will use two col per row (so six_span width), yield the block for each element, and place them into correct rows / container
-So the produced html will be
+It will create an grid structure using four_spans (three columns on a twelve grid).
 ```html
-	<div class="container">
-		<div class="row">
-			<div class="six_span">
-				<h2>Array</h2>
-				<p>It's an array !</p>
+	<section class="container ">
+		<div class="row ">
+			<div class="four_span ">
+				Class : Enumerable<br>
+				Detail : 163 methods
 			</div>
-			<div class="six_span">
-				<h2>Hash</h2>
-				<p>I love hash, it's so fun !</p>
+			<div class="four_span ">
+				Class : Array<br>
+				Detail : 178 methods
+			</div>
+			<div class="four_span ">
+				Class : String<br>
+				Detail : 177 methods
 			</div>
 		</div>
-		
-		<div class="row">
-			<div class="six_span">
-				<h2>Text</h2>
-				<p>Just read the text.</p>
+	</section>
+```
+
+Screenshot
+![css_grid normal](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/normal.png)
+
+
+If you'r more comfortable by telling width of spans istead of the nurmber of columns to use, you can use *_span_container the exact same way than *_col_container. To create the same output as previously, call :
+```erb
+	<%= four_spans_container :collection=>@collection do |elt| %>
+		Class : <%= elt[:name] %><br/>
+		Detail : <%= elt[:methods] %>
+	<% end %>
+```
+
+Note that *_col_container and *_span_container can also be called *_cols_container and *_spans_container. They respond to the following regexp : 
+````ruby
+	/^(one|two|three|four|five|six|seven|eight|nine|ten|eleven|twelve)_cols?_container$/
+	/^(one|two|three|four|five|six|seven|eight|nine|ten|eleven|twelve)_spans?_container$/
+```
+
+Here is a list of options you can use. Following exemples.
+* :id => String or Symbol - set the id attribute for the container.
+* :class => String or Symbol - set the class attribute for the container.
+* :nested => :spans - allow to use *_span tags directly inside the block passed by.
+* :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.
+* :spans => Hash (authorized keys are :class, :prepend, :append) - pass by options to automatic created *_spans tags.
+* :rows => Hash (authorized keys are :class and :nested) - pass by options to automatic created rows tags.
+
+
+Note that : 
+* :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.
+* 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.
+
+
+Shortcuts : 
+* one_col_row method create a row with a full with span inside (usualy twelve_span, but this can change if you'r in nested container).
+* options :disable and :rows will be ignore, and options :id and :class will be directly applied to the row tag.
+
+Examples : 
+```erb
+	<%= three_cols_container :id=>"nested", :collection=>@collection, :nested=>:spans do |elt| %>
+		<%= two_span do %>
+			Class : <%= elt[:name] %>
+		<% end %>
+
+		<%= two_span do %>
+			Detail : <%= elt[:methods] %>
+		<% end %>
+	<% end %>
+```
+
+```html
+	<section class="container " id="nested">
+		<div class="row ">
+			<div class="four_span ">
+				<div class="row  nested">
+					<div class="two_span ">Class : Enumerable</div>	
+					<div class="two_span ">Detail : 163 methods</div>
+				</div>
+			</div>
+			<div class="four_span ">
+				<div class="row  nested">
+					<div class="two_span ">Class : Array</div>	
+					<div class="two_span ">Detail : 178 methods</div>
+				</div>
+			</div>
+			<div class="four_span ">
+				<div class="row  nested">
+					<div class="two_span ">Class : String</div>	
+					<div class="two_span ">Detail : 177 methods</div>
+				</div>
 			</div>
 		</div>
-	</div>
+	</section>
 ```
 
-So You can play easily with grid and your collections. Users.all for example ;)
+![css_grid nested](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/nested.png)
 
 --
-If you just want to create a single row, you can just do 
+
+
 ```erb
-	<%= four_col_row :collection=>[1, 2, 3, 4], :id=>:count_style do |i| %>
-		<p>count <%= i %></p>
+	<%= three_cols_container :id=>"disable_spans", :collection=>@collection, :disable=>:spans do |elt| %>
+		<%= two_span do %>
+			Class : <%= elt[:name] %>
+		<% end %>
+
+		<%= two_span do %>
+			Detail : <%= elt[:methods] %>
+		<% end %>
 	<% end %>
 ```
 
-will use four col per row (so three_span width), will produce
 ```html
-	<div class="row count_style">
-		<div class="three_span">
-			<p>count 1</p>
-		</div>
-		<div class="three_span">
-			<p>count 2</p>
-		</div>
-		<div class="three_span">
-			<p>count 3</p>
+	<section class="container " id="disable_spans">
+		<div class="row ">
+			<div class="two_span ">Class : Enumerable</div>	
+			<div class="two_span ">Detail : 163 methods</div>
+			
+			<div class="two_span ">Class : Array</div>	
+			<div class="two_span ">Detail : 178 methods</div>
+			
+			<div class="two_span ">Class : String</div>	
+			<div class="two_span ">Detail : 177 methods</div>
 		</div>
-		<div class="three_span">
-			<p>count 4</p>
+	</section>
+```
+
+![css_grid disable](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/disable.png)
+
+--
+
+
+```erb
+	<%= three_cols_container :id=>"prepend", :collection=>@collection, :spans=>{:prepend=>2} do |elt| %>
+		Class : <%= elt[:name] %><br/>
+		Detail : <%= elt[:methods] %>
+	<% end %>
+```
+
+```html
+	<section class="container " id="prepend">
+		<div class="row ">
+			<div class="two_span  prepend_two">
+				Class : Enumerable<br>
+				Detail : 163 methods
+			</div>
+			<div class="two_span  prepend_two">
+				Class : Array<br>
+				Detail : 178 methods
+			</div>
+			<div class="two_span  prepend_two">
+				Class : String<br>
+				Detail : 177 methods
+			</div>
 		</div>
-	</div>
+	</section>
 ```
 
-FYI: 'id' and 'class' options can also be used for *_col_ccontainer and *_col_row, wich is applied to the container / row
+![css_grid prepend](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/prepend.png)
 
+--
 
-## Future ameliorations
 
-I will add the possibility, in *_col_container, to use several *_span for the same object.
-I think this will be great, forms for example.
+```erb
+	<%= one_cols_container :disable=>:spans do %>
+
+		<%= three_span :id=>:menu do %>
+			Menu
+		<% end %>
+
+		<%= nine_span :id=>:content do %>
+			<%= three_cols_container :id=>"nested_container", :collection=>@large_collection do |elt| %>
+				Class : <%= elt[:name] %><br/>
+				Detail : <%= elt[:methods] %>
+			<% end %>
+		<% end %>
+	<% end %>
+```
 
 ```html
-	<div class="row">
-		<div class="three_span">
-			<label>Email</label>
+	<section class="container ">
+		<div class="row ">
+			<div class="three_span " id="menu">Menu</div>
+				
+			<div class="nine_span " id="content">
+				<section class="container " id="nested_container">
+					<div class="row  nested">
+						<div class="three_span ">
+							Class : Hash<br>
+							Detail : 178 methods
+						</div>
+						<div class="three_span ">
+							Class : Set<br>
+							Detail : 176 methods
+						</div>
+						<div class="three_span ">
+							Class : Fixnum<br>
+							Detail : 174 methods
+						</div>
+					</div>
+					<div class="row  nested">
+						<div class="three_span ">
+							Class : Float<br>
+							Detail : 174 methods
+						</div>
+						<div class="three_span ">
+							Class : NilClass<br>
+							Detail : 175 methods
+						</div>
+						<div class="three_span ">
+							Class : TrueClass<br>
+							Detail : 174 methods
+						</div>
+					</div>
+				</section>		
+			</div>
 		</div>
-		<div class="nine_span">
-			<input id="email">
+	</section>
+```
+
+![css_grid menu](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/menu.png)
+
+--
+
+
+```erb
+	<%= container do %>
+		<%= one_col_row :id=>:one_row do %>
+			shortcut for row + twelve_span
+		<% end %>
+	<% end %>
+```
+
+```html
+	<section class="container ">
+		<div class="row " id="one_row">
+			<div class="twelve_span ">shortcut for row + twelve_span</div>
 		</div>
-	</div>
+	</section>
 ```
 
-by passing
+![css_grid one_col_row](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/one_col_row.png)
+
+--
+
+
 ```erb
-	<%= twelve_col_container :collection=>[:email], :auto_span=>:disabled do |field| %>
-		<%= three_span{ label_tag field }%>
-		<%= nine_span{ text_field_tag field }%>
+	<%= one_col_container :id=>"multi_nested", :nested=>:spans do %>
+		<%= four_span :id=>:menu do %>
+			Menu
+		<% end %>
+
+		<%= eight_span do %>
+			<%= two_col_container :collection=>@large_collection do |elt| %>
+				<%= two_col_container(:collection=>elt.values){ |val| val } %>
+			<% end %>
+		<% end %>
 	<% end %>
 ```
 
+```html
+	<section class="container " id="multi_nested">
+		<div class="row ">
+			<div class="twelve_span ">
+				<div class="row  nested">
+					<div class="four_span " id="mena">Menu</div>
+					
+					<div class="eight_span ">
+						<section class="container ">
+							<div class="row  nested">
+								<div class="four_span ">
+									<section class="container ">
+										<div class="row  nested">
+											<div class="two_span ">Hash</div>
+											<div class="two_span ">178 methods</div>
+										</div>
+									</section>
+								</div>
+								<div class="four_span ">
+									<section class="container ">
+										<div class="row  nested">
+											<div class="two_span ">Set</div>
+											<div class="two_span ">176 methods</div>
+										</div>
+									</section>
+								</div>
+							</div>
+							<div class="row  nested">
+								<div class="four_span ">
+									<section class="container ">
+										<div class="row  nested">
+											<div class="two_span ">Fixnum</div>
+											<div class="two_span ">174 methods</div>
+										</div>
+									</section>
+								</div>
+								<div class="four_span ">
+									<section class="container ">
+										<div class="row  nested">
+											<div class="two_span ">Float</div>
+											<div class="two_span ">174 methods</div>
+										</div>
+									</section>
+								</div>
+							</div>
+							<div class="row  nested">
+								<div class="four_span ">
+									<section class="container ">
+										<div class="row  nested">
+											<div class="two_span ">NilClass</div>
+											<div class="two_span ">175 methods</div>
+										</div>
+									</section>
+								</div>
+								<div class="four_span ">
+									<section class="container ">
+										<div class="row  nested">
+											<div class="two_span ">TrueClass</div>
+											<div class="two_span ">174 methods</div>
+										</div>
+									</section>
+								</div>
+							</div>
+						</section>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+```
+
+![css_grid multi_nested](https://raw.github.com/petrachi/css_grid/master/lib/assets/images/readme/multi_nested.png)
+
+--
+
+## To Do
+
+I made a constant to personalize created elements to fit a different grid stylesheet.
+Today this variable looks like this
+```ruby
+	GRID_CONFIG = { :classes => { :container => :container,
+	                                :row => :row, :nested => :nested,                                                                                                  
+	                                :prepend => :prepend, :append => :append,                                                                                              
+	                                :one_span => :one_span, :two_span => :two_span, :three_span => :three_span, :four_span => :four_span,                                  
+	                                :five_span => :five_span, :six_span => :six_span, :seven_span => :seven_span, :eight_span => :eight_span,                              
+	                                :nine_span => :nine_span, :ten_span => :ten_span, :eleven_span => :eleven_span, :twelve_span => :twelve_span },
+	                  :elements => {:container => :section,
+	                                :row => :div,                                                                                              
+	                                :one_span => :div, :two_span => :div, :three_span => :div, :four_span => :div,                                  
+	                                :five_span => :div, :six_span => :div, :seven_span => :div, :eight_span => :div,                              
+	                                :nine_span => :div, :ten_span => :div, :eleven_span => :div, :twelve_span => :div}
+	                }
+```
+
+Need to test it with the most commons versions of grid stylesheets (twitter bootstrap for example) and provide correct config variable.
+
 ## Contributing
 
 1. Fork it

data/css_grid.gemspec

@@ -16,5 +16,4 @@ Gem::Specification.new do |gem|
   gem.version       = CssGrid::VERSION
   
   gem.add_dependency "railties", ">= 3.1.0"
-  gem.add_dependency "hash_extend"
 end

data/lib/assets/stylesheets/grid.css.scss

@@ -1,20 +1,20 @@
+$gutter_width: 1.041666666666;
+
 @mixin span($full, $col_num) { 
-	width: (($col_num / 12) * 100 - 1.74 * 2) / 100 * $full; 
-	margin: 0 (1.74 / 100 * $full); 
+	width: (($col_num / 12) * 100 - $gutter_width * 2) / 100 * $full; 
+	margin: 0 ($gutter_width / 100 * $full); 
 	float: left; min-height: 1px;
 }
 
-@mixin prepend($full, $col_num) { margin-left: (($col_num / 12) * 100 - 1.74 * 2) / 100 * $full + (1.74 * 3 / 100 * $full); }
-@mixin append($full, $col_num) { margin-right: (($col_num / 12) * 100 - 1.74 * 2) / 100 * $full + (1.74 * 3 / 100 * $full); }
-
-@mixin nested($grid_width){ margin: 0 (-1.74 / 100 * $grid_width); min-width: 0; }
+@mixin prepend($full, $col_num) { margin-left: (($col_num / 12) * 100 - $gutter_width * 2) / 100 * $full + ($gutter_width * 3 / 100 * $full); }
+@mixin append($full, $col_num) { margin-right: (($col_num / 12) * 100 - $gutter_width * 2) / 100 * $full + ($gutter_width * 3 / 100 * $full); }
 
 @mixin grid($grid_width){
 	.container { 
 		.row { 
 			width: $grid_width; margin: 0 auto; overflow: hidden; 
 			
-			&.nested{ margin: 0 (-1.74 / 100 * $grid_width); min-width: 0; width: auto; }
+			&.nested{ margin: 0 (-$gutter_width / 100 * $grid_width); min-width: 0; width: auto; }
 			
 			.one_span { @include span($grid_width, 1); } /* 55px */
 			.two_span { @include span($grid_width, 2); } /* 150px */
@@ -58,28 +58,28 @@
 	}
 }
 
-
+/* Screens 1151px to Infinite */
 @media all {
-	@include grid(1140px);
-	
+	@include grid(1152px);
+
 	.container { 
 		img, object, embed { max-width: 100%; }
 		img { height: auto; }
 	}
 }	
-	
 
-/* Screens 980px to 1140px */
-@media only screen and (max-width: 1139px) {
-	@include grid(980px);	
+
+/* Screens 960px to 1151px */
+@media only screen and (max-width: 1151px) {
+	@include grid(960px);
 }
 
 
-/* Screens 768px to 979px */
-@media only screen and (max-width: 979px) {
+/* Screens 768px to 959px */
+@media only screen and (max-width: 959px) {
 	body { font-size: 0.8em; line-height: 1.5em; }
-	
-	@include grid(760px);	
+
+	@include grid(768px);	
 }
 
 

data/lib/css_grid/version.rb

@@ -1,3 +1,3 @@
 module CssGrid
-  VERSION = "2.0.0"
+  VERSION = "2.2.0"
 end

data/lib/css_grid.rb

@@ -7,8 +7,8 @@ module GridHelper
   TWELVE_STRING_INTS_INVERT = TWELVE_STRING_INTS.invert
   
   
-  GRID_CONFIG = { :classes => Hash.new{ |hash, key| hash[key] = key }, 
-                  :elements => Hash.new(:div).merge(:container => :section) }
+  GRID_CONFIG ||= { :classes => Hash.new{ |hash, key| hash[key] = key }, 
+                    :elements => Hash.new(:div).merge(:container => :section) }
   
   def initialize *args
     @nested_stack = []
@@ -111,13 +111,14 @@ module GridHelper
     cols_container :one, options.merge(:disable=>:container, :rows=>{:id=>options.delete(:id), :class=>options.delete(:class)}), &block
   end
   
+  TWELVE_FOR_REGEXP = TWELVE_STRING_INTS.keys.join '|'
   def method_missing method_name, *args, &block
     case method_name.to_sym
-    when /^(container|row|(one|two|three|four|five|six|seven|eight|nine|ten|eleven|twelve)_span)$/
+    when /^(container|row|(#{ TWELVE_FOR_REGEXP })_span)$/
       self.grid($1.to_sym, *args, &block)
-    when /^(one|two|three|four|six|twelve)_cols?_container$/
+    when /^(#{ TWELVE_FOR_REGEXP })_cols?_container$/
       self.cols_container($1.to_sym, *args, &block)
-    when /^(one|two|three|four|six|twelve)_spans?_container$/
+    when /^(#{ TWELVE_FOR_REGEXP })_spans?_container$/
       self.spans_container($1.to_sym, *args, &block)
     else super
     end
@@ -125,9 +126,9 @@ module GridHelper
   
   def respond_to? method_name, include_private = false
     case method_name.to_s
-    when  /^(container|row|(one|two|three|four|five|six|seven|eight|nine|ten|eleven|twelve)_span)$/, 
-          /^(one|two|three|four|six|twelve)_cols?_container$/,
-          /^(one|two|three|four|six|twelve)_spans?_container$/
+    when  /^(container|row|(#{ TWELVE_FOR_REGEXP })_span)$/, 
+          /^(#{ TWELVE_FOR_REGEXP })_cols?_container$/,
+          /^(#{ TWELVE_FOR_REGEXP })_spans?_container$/
       true
     else super
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: css_grid
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-04 00:00:00.000000000 Z
+date: 2012-11-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -27,22 +27,6 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: 3.1.0
-- !ruby/object:Gem::Dependency
-  name: hash_extend
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
 description: Provide CSS grid stylesheet and CSS grid helpers
 email:
 - thomas.petrachi@vodeclic.com
@@ -60,6 +44,15 @@ files:
 - css_grid.gemspec
 - lib/.DS_Store
 - lib/assets/.DS_Store
+- lib/assets/images/.DS_Store
+- lib/assets/images/readme/.DS_Store
+- lib/assets/images/readme/disable.png
+- lib/assets/images/readme/menu.png
+- lib/assets/images/readme/multi_nested.png
+- lib/assets/images/readme/nested.png
+- lib/assets/images/readme/normal.png
+- lib/assets/images/readme/one_col_row.png
+- lib/assets/images/readme/prepend.png
 - lib/assets/stylesheets/.DS_Store
 - lib/assets/stylesheets/grid.css.scss
 - lib/css_grid.rb
@@ -79,7 +72,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 828543185665201826
+      hash: 1495507729281846591
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -88,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 828543185665201826
+      hash: 1495507729281846591
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24