r_kit 0.1.3.1 → 0.1.4

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MWNhOTY5MmMxODU4MWY3MWYwZGQyY2Q0ZjU2ZjZiMzQwYjMyMmE2Mw==
+    NWE5MzgxZWIwOWFhYzk0MmYwYTgxMzdiYjZhZTZlYmI4OTljOTQxMQ==
   data.tar.gz: !binary |-
-    N2ZhYWI5OWQzYjIyNjczYjg2NWMxYWQ4NjEwZDJiYWZmNTIxNDYwZA==
+    ZjMwOWU0ZGFkYmYyZjZlYjk3ZGVmNTllNTA3ZjQxNTEwZGQ1MDU5NQ==
 SHA512:
   metadata.gz: !binary |-
-    NDNjMTIxZWNjZjEzNTc5Y2ZjYWJiMTVlNzAxYzAwOWY0YzExMTFkNThmZjE3
-    YzJmODhkNWY3MjA3ZWU1MTg2NTZmOTM1MzRjMWVmNjEyYWFhNTQwMTQ4ZWM3
-    ODI0NDAzMmUyODIyMmYyYzBiYzg3NDRjMDMyN2I1YmRkYjFhYTk=
+    NmNhYmQwNjcwZTNiMDY4YTc3ODgxZGVmMDZlZWFhZjgwZmRkZjE4N2NkMmM0
+    NzdhMDk0MTQxNzE2YWM4NjI4NTZjNzY5ODljM2UxZmQ1Zjk1OTFmOTNjMzcz
+    Y2RkNGI2MjBhODgyMTQzYzkyMTdhZjk2NTc3ZWZjNmMzMDBkYjk=
   data.tar.gz: !binary |-
-    MDA5OGExOTVkYWNkNjA4ZmIxMDY3NDYyODRkMTkyNDM0NGU0YTQxNGY3MWJl
-    OWM0NzRlNmJiYTk5ODE2NWQ4Y2ZhMjBhZmYxZTgyZTc1MzBjNzhlMjJkM2Nj
-    NmQ0M2QzZGU1MmVhM2QyYTg3ZDI4ZWFlMjJiNjQ0N2UxMDFiNzg=
+    NmE1NDMyM2FkMDlmZWZhN2FkOGRmYWQxNjlmY2UzZTQxYTI5OWI0YmEyZWY2
+    NzdmMmE3ZmFhOWJiNWUwOWQyZjdhNzA5MGMxNmE0ZWY3MWQ4MjU4ZjBiYTE2
+    YmI0NzQ5MzhiYjJhOTM1ZTc1ZjZiNjdlZGRhYmQwZmZmMDY1MDg=

data/lib/assets/stylesheets/r_kit/components/grid.scss

@@ -0,0 +1,32 @@
+@mixin col($base_width, $col_size){
+	margin: 0 $base_width;
+	width: $base_width * 8 * $col_size - 2 * $base_width;
+	flex-shrink: 0;
+}
+
+@mixin off($base_width, $off_size){
+	margin-left: $base_width * 8 * $off_size + 1 * $base_width;
+}
+
+@mixin grid($base_width: 12px){
+	
+	.container{
+		margin: auto;
+		width: $base_width * 8 * 12 - 2 * $base_width;
+		
+		.row{
+			display: flex;
+			flex-wrap: wrap;
+			align-items: baseline;
+			
+			margin: 0 -#{$base_width};
+			
+			@for $i from 1 through 12 {
+			  .col-#{$i} { @include col($base_width, $i); }
+			  .off-#{$i} { @include off($base_width, $i); }
+			}
+		}
+	}
+}
+
+@include grid();

data/lib/assets/stylesheets/r_kit/components.scss

@@ -1 +1,2 @@
-@import "components/btn";
+@import "components/btn";
+@import "components/grid";

data/lib/r_kit/grid/action_view_extension.rb

@@ -0,0 +1,82 @@
+module RKit::Grid::ActionViewExtension
+  def proc_options instance, options = {}
+    (options[:proc_options] || []).each do |key, proc|
+      options[key] = proc.call(instance)
+    end
+  end
+  
+  def html_options options = {}, defaults = {}
+    id = options[:id]
+    classes = "#{ defaults[:class] } #{ options[:class] }"
+    classes += " off-#{ options[:offset] }" if options[:offset]
+    
+    {
+      :id => id,
+      :class => classes
+    }
+  end
+  
+  
+  def container_tag options = {}, &block
+    html_options = html_options(options, {class: :container})
+    content_tag options[:tag] || :div, html_options, &block
+  end
+  
+  def row_tag options = {}, &block
+    html_options = html_options(options, {class: :row})
+    content_tag options[:tag] || :div, html_options, &block
+  end
+  
+  def col_tag options = {}, &block
+    proc_options options[:instance], options
+    html_options = html_options(options, {class: "col-#{ options[:col_size] }"})
+    
+    content_tag(options[:tag] || :div, html_options){ block.call(options[:instance]) }
+  end
+  
+  
+  def col__tag col_size, options = {}, &block
+    col_tag options.merge(col_size: col_size), &block
+  end
+  
+  def row__tag col_size, collection, options = {}, &block
+    col_options = options[:cols] || {}
+    
+    cols_buffer = collection.inject ActiveSupport::SafeBuffer.new do |safe_buffer, instance|
+      safe_buffer.safe_concat send("col_#{ col_size }_tag", col_options.merge(instance: instance), &block)
+    end
+    
+    row_tag(options){ cols_buffer }
+  end
+  
+  def rows__tag col_size, collection, options = {}, &block
+    rows_buffer = collection
+      .in_groups_of(12 / col_size, false)
+      .inject ActiveSupport::SafeBuffer.new do |safe_buffer, collection|
+        safe_buffer.safe_concat send("row_#{ col_size }_tag", collection, options, &block)
+    end
+  end
+  
+  def container__tag col_size, collection, options = {}, &block
+    row_options = options.delete(:rows) || {}
+    container_tag(options){ send("rows_#{ col_size}_tag", collection, row_options, &block) }
+  end
+  
+  1.upto 12 do |col_size|
+    define_method "col_#{ col_size }_tag" do |options = {}, &block|
+      col__tag col_size, options, &block
+    end
+  
+    define_method "row_#{ col_size }_tag" do |collection, options = {}, &block|
+      row__tag col_size, collection, options, &block
+    end
+    
+    define_method "rows_#{ col_size }_tag" do |collection, options = {}, &block| 
+      rows__tag col_size, collection, options, &block
+    end
+    
+    define_method "container_#{ col_size }_tag" do |collection, options = {}, &block|
+      container__tag col_size, collection, options, &block
+    end
+  end
+end

data/lib/r_kit/grid.rb

@@ -0,0 +1,5 @@
+module RKit::Grid
+  require "r_kit/grid/action_view_extension"
+  
+  ActionView::Base.send :include, ActionViewExtension
+end

data/lib/r_kit/version.rb

@@ -1,3 +1,3 @@
 module RKit
-  VERSION = "0.1.3.1"
+  VERSION = "0.1.4"
 end

data/lib/r_kit.rb

@@ -3,4 +3,5 @@ require "r_kit/engine"
 
 module RKit
   require "r_kit/decorator"
+  require "r_kit/grid"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: r_kit
 version: !ruby/object:Gem::Version
-  version: 0.1.3.1
+  version: 0.1.4
 platform: ruby
 authors:
 - Thomas Petrachi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-28 00:00:00.000000000 Z
+date: 2014-01-30 00:00:00.000000000 Z
 dependencies: []
 description: Library for rails projects
 email:
@@ -32,6 +32,7 @@ files:
 - lib/assets/stylesheets/r_kit/animations/fast_load.scss
 - lib/assets/stylesheets/r_kit/components.scss
 - lib/assets/stylesheets/r_kit/components/btn.scss
+- lib/assets/stylesheets/r_kit/components/grid.scss
 - lib/assets/stylesheets/r_kit/css.scss
 - lib/assets/stylesheets/r_kit/css/alignments.scss
 - lib/assets/stylesheets/r_kit/css/displays.scss
@@ -52,6 +53,8 @@ files:
 - lib/r_kit/decorator/active_record_extension.rb
 - lib/r_kit/decorator/base.rb
 - lib/r_kit/engine.rb
+- lib/r_kit/grid.rb
+- lib/r_kit/grid/action_view_extension.rb
 - lib/r_kit/version.rb
 - r_kit.gemspec
 homepage: https://github.com/petrachi/r_kit