elasticss-rails 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in elasticss-rails.gemspec
+gemspec

data/README.md

@@ -0,0 +1,111 @@
+# ElastiCSS for Rails 3.1 Asset Pipeline
+ElastiCSS is a simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily 
+
+elasticss-rails project integrates ElastiCSS framework for Rails 3.1 Asset Pipeline (Rails 3.2 supported)
+
+
+## Installing Gem
+
+Include ElastiCSS in Gemfile;
+
+```ruby
+gem "elasticss-rails"
+```
+
+or you can install from latest build;
+
+```ruby
+gem 'elasticss-rails', :git => 'git@github.com:kurenn/elasticss-rails.git'
+```
+
+You can run bundle from command line
+
+    bundle install
+
+
+## Installing to App (using Generators)
+
+You can run following generators to get started with ElastiCSS quickly.
+
+
+Install (requires directives to Asset pipeline.)
+
+
+Usage:
+
+
+    rails g elasticss:install
+
+
+Layout (generates ElastiCSS layout) - (ERB supported)
+
+
+Usage:
+
+
+    rails g elasticss:layout [LAYOUT_NAME] [LAYOUT_TYPE]
+
+
+Example:
+
+
+    rails g elasticss:layout application 3_columns
+
+But wait there is more:
+
+    rails g elasticss:layout application right_sidebar
+
+    rails g elasticss:layout application left_sidebar
+
+
+## Changelog
+<ul>
+  <li>Released gem v.0.0.1</li>
+</ul>
+
+
+## Contributors & Patches & Forks
+<ul>
+  <li>Abraham Kuri Vargas</li>
+</ul>
+
+## ElastiCSS author & team
+<ul>
+  <li>Fernando Trasviña (@azendal)</li>
+  <li>Sergio de la Garza (@sgarza)</li>
+  <li>Javier Ayala (@javi_ayala)</li>
+</ul>
+
+## Future
+<ul>
+  <li>Writing tests (not implemented yet)</li>
+  <li>Multiple template extensions support - HAML and SLIM</li>
+</ul>
+
+
+## Credits
+Abraham Kuri - kurenn@icalialabs.com
+
+[Add Me On Twitter](http://twitter.com/kurenn "Follow me")
+
+[Add Me On Linkedin](http://www.linkedin.com/pub/abraham-kuri/26/a21/b41 "Add Me On Linkedin")
+
+[Add Me On Facebook](https://www.facebook.com/kurenn "Add Me On Facebook")
+
+
+## Score me
+<img src="https://addons.opera.com/media/extensions/55/14355/1.0.1-rev1/icons/icon_64x64.png"></img>
+
+You can +K my influence in Ruby on Rails on @klout
+
+http://klout.com/#/kurenn
+
+
+## License
+Copyright (c) 2011 Abraham Kuri Vargas
+
+This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/gpl.html.

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/elasticss-rails.gemspec

@@ -0,0 +1,26 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "elasticss-rails/version"
+
+Gem::Specification.new do |s|
+  s.name        = "elasticss-rails"
+  s.version     = Elasticss::Rails::VERSION
+  s.authors     = ["Abraham Kuri"]
+  s.email       = ["kurenn@icalialabs.com"]
+  s.homepage    = ""
+  s.summary     = %q{ElastiCSS integration with rails 3.1 Asset pipeline}
+  s.description = %q{Integrate ElastiCSS framework with the rails assets pipeline}
+
+  s.rubyforge_project = "elasticss-rails"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_dependency 'therubyracer', '0.10.1'
+  s.add_development_dependency 'rails', '>= 3.1'
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  # s.add_runtime_dependency "rest-client"
+end

data/lib/elasticss-rails/version.rb

@@ -0,0 +1,5 @@
+module Elasticss
+  module Rails
+    VERSION = "0.0.1"
+  end
+end

data/lib/elasticss-rails.rb

@@ -0,0 +1,7 @@
+require "elasticss-rails/version"
+
+module Elasticss
+  module Rails
+    desc 'ElastiCSS Rails asset pipeline integration'
+  end
+end

data/lib/generators/elasticss/install/install_generator.rb

@@ -0,0 +1,16 @@
+require 'rails/generators'
+
+module Elasticss
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      source_root File.expand_path("../../../../../vendor/assets", __FILE__)
+      
+      desc 'This generator installs ElastiCSS to Asset Pipeline'
+
+      def add_elasticss
+        directory 'javascripts/elasticss', 'app/assets/javascripts/elasticss'
+        directory 'stylesheets/elasticss', 'app/assets/stylesheets/elasticss'
+      end
+    end
+  end
+end 

data/lib/generators/elasticss/layout/layout_generator.rb

@@ -0,0 +1,29 @@
+require  'rails/generators'
+
+module Elasticss
+  module Generators
+    class LayoutGenerator < ::Rails::Generators::Base
+      source_root File.expand_path("../templates", __FILE__)
+
+      desc 'This generator generates layout file navigation.'
+
+      argument :layout_name, :type => :string, :default => "application"
+      argument :layout_type, :type => :string, :default => "3_columns",
+               :banner => "3 columns layout"
+      argument :layout_type, :type => :string, :default => "right_sidebar",
+               :banner => "right sidebar"
+      argument :layout_type, :type => :string, :default => "left_sidebar",
+               :banner => "left sidebar"
+
+      attr_reader :app_name
+
+      def generate_layout
+        app = ::Rails.application
+        @app_name = app.class.to_s.split("::").first
+        ext = app.config.generators.options[:rails][:template_engine] || :erb
+        template "layout_#{layout_type}.html.#{ext}", "app/views/layouts/application.html.#{ext}"
+      end
+
+    end
+  end
+end 

data/lib/generators/elasticss/layout/templates/layout_3_columns.html.erb

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= app_name %></title>
+  <%%= stylesheet_link_tag    "application", :media => "all" %>
+  <%%= csrf_meta_tags %>
+</head>
+<body>
+
+  <div id="content">
+    <div class="unit">
+      <div class="columns on-3">
+        <div class="column">
+          <div class="container">
+            <ul>
+              <li><%%= link_to "Link 1", '#'%></li>
+              <li><%%= link_to "Link 2", '#'%></li>
+              <li><%%= link_to "Link 3", '#'%></li>
+            </ul>
+          </div>
+        </div> <!-- column -->
+        <div class="column">
+          <div class="container">
+            <%%= yield %>
+          </div>
+        </div> <!-- column -->
+        <div class="column">
+          <div class="container">
+            RIGHT CONTENT
+          </div>
+        </div> <!-- column -->
+      </div>
+    </div> <!-- unit -->
+  </div> <!-- content -->
+
+  <!-- Javascripts -->
+
+  <!-- Placed at the end of the document so the pages load faster -->
+  <%%= javascript_include_tag "application" %>
+</body>
+</html>

data/lib/generators/elasticss/layout/templates/layout_left_sidebar.html.erb

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= app_name %></title>
+  <%%= stylesheet_link_tag "application", :media => "all" %>
+  <%%= csrf_meta_tags %>
+</head>
+<body>
+  <div id="content">
+    <div class="unit">
+      <div class="columns on-3">
+        <div class="column">
+          SIDEBAR
+        </div> <!-- left content -->
+        <div class="column span-2">
+          <%%= yield %>
+        </div> <!-- sidebar -->
+      </div>
+    </div> <!-- unit -->
+  </div> <!-- content -->
+
+  <!-- Javascripts -->
+
+  <!-- Placed at the end of the document so the pages load faster -->
+  <%%= javascript_include_tag "application" %>
+</body>
+</html>

data/lib/generators/elasticss/layout/templates/layout_right_sidebar.html.erb

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= app_name %></title>
+  <%%= stylesheet_link_tag "application", :media => "all" %>
+  <%%= csrf_meta_tags %>
+</head>
+<body>
+  <div id="content">
+    <div class="unit">
+      <div class="columns on-3">
+        <div class="column span-2">
+          <%%= yield %>
+        </div> <!-- left content -->
+        <div class="column sidebar">
+          SIDEBAR
+        </div> <!-- sidebar -->
+      </div>
+    </div> <!-- unit -->
+  </div> <!-- content -->
+
+  <!-- Javascripts -->
+
+  <!-- Placed at the end of the document so the pages load faster -->
+  <%%= javascript_include_tag "application" %>
+</body>
+</html>

data/lib/generators/elasticss/templates/application.css

@@ -0,0 +1,7 @@
+/*
+* This is a manifest file that'll automatically include all the stylesheets available in this directory
+* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
+* the top of the compiled file, but it's generally better to create a new file per style scope.
+*= require_self
+*= require_tree .
+*/

data/lib/generators/elasticss/templates/application.js

@@ -0,0 +1,9 @@
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require jquery
+//= require jquery_ujs
+//= require_tree .

data/vendor/assets/javascripts/elasticss/elastic.js

@@ -0,0 +1 @@
+var Elastic=function Elastic(context,includeContext){var helper,columnsElements,i,l,columnsIterator,$context,columnsElementsArr;context=context||document;$context=$(context);columnsElements=Elastic.querySelectorAll(".columns",context);if(includeContext!==false&&Elastic.configuration.includeContext===true){columnsElementsArr=[];if($context.hasClass("columns")){columnsElementsArr.push(context)}for(i=0,l=columnsElements.length;i<l;i++){columnsElementsArr.push(columnsElements[i])}columnsElements=columnsElementsArr}l=columnsElements.length;columnsIterator=Elastic.columnsIterator;for(i=0;i<l;i++){columnsIterator(columnsElements[i])}for(helper in Elastic.helpers){if(Elastic.helpers.hasOwnProperty(helper)){Elastic.helpers[helper]($context)}}};Elastic.VERSION="2.1.0 RC2";Elastic.COLUMNS_PER_ROW_EXPRESSION=/(^|\s+)on\-(\d+)(\s+|$)/;Elastic.COLUMN_SPAN_EXPRESSION=/(^|\s+)span\-(\d+)(\s+|$)/;Elastic.FIXED_COLUMN_EXPRESSION=/(^|\s+)fixed(\s+|$)/;Elastic.ELASTIC_COLUMN_EXPRESSION=/(^|\s+)elastic(\s+|$)/;Elastic.ADAPTIVE_COLUMNS_EXPRESSION=/(^|\s+)adaptive\-(\d+)\-(\d+)(\s+|$)/;Elastic.FINAL_COLUMN_EXPRESSION=/(^|\s+)final(\s+|$)/;Elastic.DISPLAY_LAYOUT_EXPRESSION=/(^|\s+)display\s+([\w\_\-\d]+)(\s+|$)/;Elastic.configuration={refreshOnResize:true,includeContext:true};Elastic.columnsIterator=function columnsElementsIteration(columnsElement){var i,l,container,columnElements,lastColumn,columnsPerRow,containerWidth,columnWidths,elasticColumns,rowColumns,columnsOnRow,nextColumnsOnRow,fixedColumnsWidth,currentColumn,fixedColumnWidth,minWidth,maxWidth;container=Elastic.querySelectorAll("> .container",columnsElement)[0]||columnsElement;columnElements=Elastic.querySelectorAll("> .column",container);if(columnElements.length===0){return}lastColumn=columnElements[columnElements.length-1];columnsPerRow=Elastic.getColumnsPerRow(columnsElement,columnElements);containerWidth=Elastic.getInnerWidth(container);columnWidths=Elastic.round(containerWidth,columnsPerRow);if(Elastic.ADAPTIVE_COLUMNS_EXPRESSION.test(columnsElement.className)){minWidth=Number(RegExp.$2);maxWidth=Number(RegExp.$3);if(columnWidths[0].width>maxWidth){while(columnWidths[0].width>maxWidth){columnsPerRow=columnsPerRow+1;columnWidths=Elastic.round(containerWidth,columnsPerRow);if(columnWidths[0].width<minWidth){break}}}if(columnWidths[0].width<minWidth){while(columnWidths[0].width<minWidth){columnsPerRow=columnsPerRow-1;columnWidths=Elastic.round(containerWidth,columnsPerRow);if(columnWidths[0].width>maxWidth){break}}}}elasticColumns=[];rowColumns=[];columnsOnRow=0;nextColumnsOnRow=0;fixedColumnsWidth=0;for(i=0,l=columnElements.length;i<l;i++){currentColumn=columnElements[i];if(Elastic.FIXED_COLUMN_EXPRESSION.test(currentColumn.className)){fixedColumnWidth=Elastic.getOuterWidth(currentColumn);currentColumn.columnWidth=fixedColumnWidth;currentColumn.isFixed=true;fixedColumnsWidth+=fixedColumnWidth}else{if(Elastic.ELASTIC_COLUMN_EXPRESSION.test(currentColumn.className)){currentColumn.isElastic=true;elasticColumns.push(currentColumn)}else{currentColumn.isRegular=true}}if(Elastic.FINAL_COLUMN_EXPRESSION.test(currentColumn.className)){currentColumn.isFinal=true}nextColumnsOnRow=columnsOnRow+currentColumn.spanWidth;if(nextColumnsOnRow>=columnsPerRow||currentColumn===lastColumn||currentColumn.isFinal){if(nextColumnsOnRow<=columnsPerRow){rowColumns.push(currentColumn)}Elastic.processRow(rowColumns,containerWidth,fixedColumnsWidth,elasticColumns,columnWidths);if(nextColumnsOnRow>columnsPerRow){if(currentColumn.isFixed){fixedColumnsWidth=fixedColumnWidth}columnsOnRow=currentColumn.spanWidth;nextColumnsOnRow=currentColumn.spanWidth;if(currentColumn.isElastic){elasticColumns=[currentColumn]}rowColumns=[currentColumn];if(currentColumn===lastColumn){Elastic.processRow(rowColumns,containerWidth,fixedColumnsWidth,elasticColumns,columnWidths)}}else{fixedColumnsWidth=0;columnsOnRow=0;nextColumnsOnRow=0;elasticColumns=[];rowColumns=[]}continue}rowColumns.push(currentColumn);columnsOnRow+=currentColumn.spanWidth}return this};Elastic.getColumnsPerRow=function getColumnsPerRow(columnsElement,columnElements){var i,l,columnsPerRow,fixedColumnsPerRow;columnsPerRow=columnElements.length;fixedColumnsPerRow=false;if(Elastic.COLUMNS_PER_ROW_EXPRESSION.test(columnsElement.className)){columnsPerRow=Number(RegExp.$2);fixedColumnsPerRow=true}for(i=0,l=columnElements.length;i<l;i++){if(Elastic.COLUMN_SPAN_EXPRESSION.test(columnElements[i].className)){columnElements[i].spanWidth=Number(RegExp.$2);if(fixedColumnsPerRow!==true){columnsPerRow+=columnElements[i].spanWidth-1}}else{columnElements[i].spanWidth=1}}return columnsPerRow};Elastic.processRow=function processRow(columns,containerWidth,fixedColumnsWidth,elasticColumns,columnWidths){var currentColumn,computedWidth,columnPosition,columnsWidth,lastColumn,i,j,l,elasticColumnWidths,elasticColumnsWidth;if(fixedColumnsWidth>=containerWidth){return}computedWidth=0;columnPosition=0;columnsWidth=fixedColumnsWidth;lastColumn=columns[columns.length-1];if(lastColumn.className.indexOf("elastic-row-last")==-1){lastColumn.className=lastColumn.className+" elastic-row-last"}for(i=0,l=columns.length;i<l;i++){currentColumn=columns[i];if(currentColumn.isRegular){if(currentColumn.spanWidth>=columnWidths.length){currentColumn.style.width=containerWidth+"px";continue}for(j=columnPosition;j<(columnPosition+currentColumn.spanWidth);j++){computedWidth+=columnWidths[j].width}columnsWidth+=computedWidth;columnPosition+=currentColumn.spanWidth;currentColumn.style.width=computedWidth+"px";computedWidth=0}}if(elasticColumns.length>0){elasticColumnsWidth=0;elasticColumnWidths=Elastic.round(containerWidth-columnsWidth,elasticColumns.length);for(i=0,l=elasticColumns.length;i<l;i++){elasticColumnsWidth+=elasticColumnWidths[i].width;elasticColumns[i].style.width=elasticColumnWidths[i].width+"px"}}if(lastColumn.isFinal){lastColumn.style.marginRight=(containerWidth-columnsWidth-(elasticColumnsWidth||0))+"px"}};Elastic.round=function ElasticRoundingAlgorithm(containerWidth,columns){var cache,i,column,columnPercentage,columnWidths,columnWidth,columnWidthTally,difference,absDifference,positionDivision,increment,direction;cache=Elastic.round.cache;if(cache[containerWidth]&&cache[containerWidth][columns]){return cache[containerWidth][columns]}columnPercentage=100/columns;columnWidths=[];columnWidth=Math.round(containerWidth*(columnPercentage/100));columnWidthTally=columnWidth*columns;for(i=0;i<columns;i++){columnWidths.push({width:columnWidth})}difference=containerWidth-columnWidthTally;absDifference=Math.abs(difference);positionDivision=columns/(absDifference+1);increment=(difference>0);direction=-1;if(difference!==0){for(i=1;i<=(Math.abs(difference));i++){if(direction==-1){column=columnWidths[columnWidths.length-Math.floor(positionDivision*Math.round(i/2))]}else{column=columnWidths[Math.floor(positionDivision*Math.round(i/2))-1]}if(increment){column.width=columnWidth+1}else{column.width=columnWidth-1}direction=direction*-1}}if(!cache[containerWidth]){cache[containerWidth]={}}cache[containerWidth][columns]=columnWidths;return columnWidths};Elastic.round.cache={};Elastic.helpers={"full-width":function fullWidthHelper($context,includeContext){var i,$element,$elements,elementsLength,elementsArr;$elements=$context.find(".full-width");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("full-width")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}elementsLength=$elements.length;for(i=0;i<elementsLength;i++){$element=$($elements[i]);$element.width($element.parent().width()-($element.outerWidth(true)-$element.width()))}return this},"same-height":function sameHeightHelper($context,includeContext){var i,j,currentHeight,maxHeight,$elementColumns,elementColumnsLength,$elements,elementsLength,elementsArr;$elements=$context.find(".same-height");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("same-height")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}elementsLength=$elements.length;for(i=0;i<elementsLength;i++){$elementColumns=$($elements[i]).find("> *");elementColumnsLength=$elementColumns.length;maxHeight=0;for(j=0;j<elementColumnsLength;j++){currentHeight=$($elementColumns[j]).outerHeight(true);maxHeight=(maxHeight>currentHeight)?maxHeight:currentHeight}for(j=0;j<elementColumnsLength;j++){$($elementColumns[j]).css("height",maxHeight)}}return this},"same-row-height":function($context,includeContext){var i,j,k,currentHeight,maxHeight,$elementColumns,elementColumnsLength,$elements,elementsLength,elementsArr;$elements=$context.find(".same-row-height");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("same-row-height")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}elementsLength=$elements.length;for(i=0;i<elementsLength;i++){$elementColumns=$($elements[i]).find("> *");elementColumnsLength=$elementColumns.length;maxHeight=0;var rowColumns=[];for(j=0;j<elementColumnsLength;j++){currentHeight=$($elementColumns[j]).outerHeight(true);maxHeight=(maxHeight>currentHeight)?maxHeight:currentHeight;rowColumns.push($elementColumns[j]);if($($elementColumns[j]).hasClass("elastic-row-last")){for(k=0;k<rowColumns.length;k++){$(rowColumns[k]).css("height",maxHeight)}maxHeight=0;rowColumns=[]}}}return this},"same-min-height":function sameMinHeightHelper($context,includeContext){var i,j,currentHeight,maxHeight,$elementColumns,elementColumnsLength,$elements,elementsLength,elementsArr;$elements=$context.find(".same-min-height");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("same-min-height")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}elementsLength=$elements.length;for(i=0;i<elementsLength;i++){$elementColumns=$($elements[i]).find("> *");elementColumnsLength=$elementColumns.length;maxHeight=0;for(j=0;j<elementColumnsLength;j++){currentHeight=$($elementColumns[j]).outerHeight(true);maxHeight=(maxHeight>currentHeight)?maxHeight:currentHeight}for(j=0;j<elementColumnsLength;j++){$($elementColumns[j]).css("min-height",maxHeight)}}return this},"full-height":function fullHeightHelper($context,includeContext){var i,$element,newHeight,$elements,elementsLength,elementsArr;$elements=$context.find(".full-height");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("full-height")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}elementsLength=$elements.length;for(i=0;i<elementsLength;i++){$element=$($elements[i]);newHeight=$element.parent().height()-($element.outerHeight(true)-$element.height());if(newHeight<0||isNaN(Number(newHeight))){continue}$element.css("height",newHeight)}return this},"full-min-height":function fullMinHeightHelper($context,includeContext){var i,$element,newHeight,$elements,elementsLength,elementsArr;$elements=$context.find(".full-min-height");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("full-min-height")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}elementsLength=$elements.length;for(var i=0;i<elementsLength;i++){$element=$($elements[i]);newHeight=$element.parent().height()-($element.outerHeight(true)-$element.height());if(newHeight<0||isNaN(Number(newHeight))){continue}$element.css("min-height",newHeight)}return this},"elastic-height":function elasticHeightHelper($context,includeContext){var i,j,$elements,$siblings,siblingsLength,siblingsHeight,elementsLength,elementsArr;$elements=$context.find(".elastic-height");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("elastic-height")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}siblingsHeight=0;elementsLength=$elements.length;for(var i=0;i<elementsLength;i++){$element=$($elements[i]);$siblings=$element.parent().find("> *:not(.elastic-height)");siblingsLength=$siblings.length;siblingsHeight=0;for(var j=0;j<siblingsLength;j++){siblingsHeight=siblingsHeight+$($siblings[j]).outerHeight(true)}if(siblingsHeight<0||isNaN(Number(siblingsHeight))){continue}$element.css("height",$element.parent().height()-siblingsHeight)}return this},"center":function centerHelper($context,includeContext){var i,$elements,$elementsLength,$element,paddingTop,$parent,elementsArr;$elements=$context.find(".vertical-center, .center");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("vertical-center")||$context.hasClass("center")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}$elementsLength=$elements.length;paddingTop=0;for(var i=0;i<$elementsLength;i++){$element=$($elements[i]);$parent=$($elements[i]).parent();paddingTop=Math.round(($parent.height()-$element.outerHeight(true))/2);if(paddingTop<0||isNaN(Number(paddingTop))){continue}$parent.css({paddingTop:paddingTop+"px",height:($parent.css("height"))?($parent.outerHeight()-paddingTop):""})}return this},"bottom":function bottomHelper($context,includeContext){var i,$elements,$elementsLength,$element,paddingTop,$parent,elementsArr;var $elements=$context.find(".bottom");if(includeContext!==false&&Elastic.configuration.includeContext===true){elementsArr=[];if($context.hasClass("bottom")){elementsArr.push($context[0])}for(i=0,l=$elements.length;i<l;i++){elementsArr.push($elements[i])}$elements=elementsArr}var $elementsLength=$elements.length;var paddingTop=0;for(var i=0;i<$elementsLength;i++){$element=$($elements[i]);$parent=$($elements[i]).parent();paddingTop=Math.round($parent.height()-$element.outerHeight(true));if(paddingTop<0||isNaN(Number(paddingTop))){continue}$parent.css({paddingTop:paddingTop+"px",height:($parent.css("height"))?($parent.outerHeight()-paddingTop):""})}return this}};Elastic.$window=$(window);Elastic.$documentElement=$(document);Elastic.reset=function Elastic_reset(context,includeContext){var i,w,wl,h,hl,p,pl,m,ml,n,nl,doc;doc=Elastic.$documentElement;$context=$(context||document);doc.trigger("elastic:beforeReset");h=$context.find(".same-height > *, same-row-height > *, .full-height, .elastic-height");n=$context.find(".same-min-height > *, .full-min-height");p=$context.find(".vertical-center, .center, .bottom");w=$context.find(".column:not(.fixed), .full-width");m=$context.find(".column.final");$context.find(".same-row-height > .elastic-row-last").removeClass("elastic-row-last");if(includeContext!==false&&Elastic.configuration.includeContext===true){if($context.hasClass("same-height")||$context.hasClass("same-row-height")){$context.find("> *").each(function(){this.style.height=""})}if($context.hasClass("full-height")||$context.hasClass("elastic-height")){$context.css("height","")}}for(i=0,hl=h.length;i<hl;i++){h[i].style.height=""}if(includeContext!==false&&Elastic.configuration.includeContext===true){if($context.hasClass("same-min-height")){$context.find("> *").each(function(){this.style.minHeight=""})}if($context.hasClass("full-min-height")){$context.css("minHeight","")}}for(i=0,nl=n.length;i<nl;i++){n[i].style.minHeight=""}if(includeContext!==false&&Elastic.configuration.includeContext===true){if($context.hasClass("vertical-center")||$context.hasClass("center")||$context.hasClass("bottom")){$context.parent().css("paddingTop","");$context.parent().css("height","")}}for(i=0,pl=p.length;i<pl;i++){p[i].parentNode.style.paddingTop="";p[i].parentNode.style.height=""}if(includeContext!==false&&Elastic.configuration.includeContext===true){if(($context.hasClass("column")&&!$context.hasClass("fixed"))||$context.hasClass("full-width")){$context.css("width","")}}for(i=0,wl=w.length;i<wl;i++){w[i].style.width=""}if(includeContext!==false&&Elastic.configuration.includeContext===true){if($context.hasClass("column")&&$context.hasClass("final")){$context.css("marginLeft","");$context.css("marginRight","")}}for(i=0,ml=m.length;i<ml;i++){m[i].style.marginLeft="";m[i].style.marginRight=""}doc.trigger("elastic:reset");return this};Elastic.refresh=function Elastic_refresh(context,includeContext){var doc=Elastic.$documentElement;doc.trigger("elastic:beforeRefresh",context);Elastic.reset(context)(context);doc.trigger("elastic:refresh",context);return this};Elastic.getComputedStyle=function getComputedStyle(element){if(element.currentStyle){Elastic.getComputedStyle=function(element){return element.currentStyle};return element.currentStyle}Elastic.getComputedStyle=function(element){return window.getComputedStyle(element,true)};return window.getComputedStyle(element,true)};Elastic.getInnerWidth=function(element){var computedStyle,innerWidth;computedStyle=Elastic.getComputedStyle(element);innerWidth=parseFloat((computedStyle.width=="auto")?element.clientWidth:computedStyle.width.replace("px",""));if(computedStyle.width=="auto"){innerWidth=innerWidth-parseFloat(computedStyle.paddingLeft.replace("px",""))-parseFloat(computedStyle.paddingRight.replace("px",""))-parseFloat(computedStyle.borderLeftWidth.replace("px",""))-parseFloat(computedStyle.borderRightWidth.replace("px",""))}else{if(computedStyle.boxSizing=="border-box"&&!computedStyle.MozBoxSizing&&!computedStyle.MsBoxSizing){innerWidth=innerWidth-parseFloat(computedStyle.borderLeftWidth.replace("px",""))-parseFloat(computedStyle.borderRightWidth.replace("px",""))}}if(isNaN(innerWidth)){innerWidth=$(element).width()}return Math.floor(innerWidth)};Elastic.getOuterWidth=function(element){var computedStyle,innerWidth,outerWidth;computedStyle=Elastic.getComputedStyle(element);innerWidth=parseFloat((computedStyle.width=="auto")?element.clientWidth:computedStyle.width.replace("px",""));if(computedStyle.width=="auto"){innerWidth=innerWidth-parseFloat(computedStyle.paddingLeft.replace("px",""))-parseFloat(computedStyle.paddingRight.replace("px",""))-parseFloat(computedStyle.borderLeftWidth.replace("px",""))-parseFloat(computedStyle.borderRightWidth.replace("px",""))}outerWidth=innerWidth+parseFloat(computedStyle.marginLeft.replace("px",""))+parseFloat(computedStyle.marginRight.replace("px",""));if(isNaN(outerWidth)){outerWidth=$(element).outerWidth(true)}return Math.ceil(outerWidth)};Elastic.querySelectorAll=function(selector,context){var result;if(document.querySelectorAll){if(context){if(selector.substr(0,1)==">"){if(context.id){result=document.querySelectorAll("#"+context.id+selector)}else{context.id="___elastic_temporal_id___";result=document.querySelectorAll("#"+context.id+selector);context.id=""}}else{result=context.querySelectorAll(selector)}}else{result=document.querySelectorAll(selector)}}else{if(context){result=$(context).find(selector)}else{result=$(selector)}}return result};Elastic.$documentElement.bind("elastic:beforeInitialize",function(){var r=Elastic.DISPLAY_LAYOUT_EXPRESSION;$(".display").each(function Elastic_layout(){var c;if(r.test(this.className)){c=".position-"+RegExp.$2;$(c).removeClass(c).appendTo(this)}});return null});jQuery.fn.ready(function Loader(){var doc=Elastic.$documentElement;var iw=document.body.clientWidth;doc.trigger("elastic:beforeInitialize");Elastic();if(iw!=document.body.clientWidth){document.body.style.overflow="hidden";Elastic.refresh();document.body.style.overflow=""}jQuery(window).bind("resize",function ElasticResizeHandler(){if(Elastic.configuration.refreshOnResize){Elastic.refresh()}});doc.bind("elastic",Elastic.refresh);doc.trigger("elastic:initialize");return null});

data/vendor/assets/stylesheets/elasticss/elastic.css

@@ -0,0 +1,17 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 3.0.0pr1
+*/
+html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}li {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select {*font-size:100%;}legend {color:#000;}h1 {font-size : 138.5%;  }h2 {font-size : 123.1%; }h3 {font-size : 108%;  }h1,h2,h3 {margin : 1em 0;}h1,h2,h3,h4,h5,h6,strong {font-weight : bold; }abbr,acronym {border-bottom : 1px dotted #000;cursor        : help;} em {font-style : italic;}blockquote,ul,ol,dl {margin : 1em;}ol,ul,dl {margin-left : 2em;}ol li {list-style  : decimal outside;}ul li {list-style  : disc outside;}dl dd {margin-left : 1em;}th {font-weight : bold;text-align  : center;}caption {margin-bottom : .5em;text-align    : center;}p,fieldset,table,pre {margin-bottom : 1em;}input[type=text],input[type=password],textarea{width  : 12.25em;*width : 11.9em;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;}
+
+/*
+Elastic CSS Framework
+Released under the MIT, BSD, and GPL Licenses.
+More information http://elasticss.com
+
+@author     Fernando Trasviña (@azendal)
+@core team  Sergio de la Garza (@sgarza), Javier Ayala (@javi_ayala)
+*/
+.unit:after,.container:after,.columns:after,.column:after,.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.unit,.container,.columns,.column,.clearfix{display:block;*zoom:1;*display:inline-block;}.full-height{display:block;}.same-height{display:block;}.elastic-height{height:0;}.horizontal-center{margin:0 auto;}.vertical-center{/* margin:auto 0; */display:block;}.center{/* margin:auto */margin:0 auto;}.column{float:left;}.column.final{display:block;}.column.fixed{width:auto;}.column.elastic{display:block;}.inverted>.column,.inverted>.container>.column{float:right;}.on-2.columns>.column:not(.fixed),.on-2.columns>.container>.column:not(.fixed){width:50%;}.on-3.columns>.column:not(.fixed),.on-3.columns>.container>.column:not(.fixed){width:33.33%;}.on-3.columns>.column.span-2,.on-3.columns>.container>.column.span-2{width:66.66%;}.on-4.columns>.column:not(.fixed),.on-4.columns>.container>.column:not(.fixed){width:25%;}.on-4.columns>.column.span-2,.on-4.columns>.container>.column.span-2{width:50%;}.on-4.columns>.column.span-3,.on-4.columns>.container>.column.span-2{width:75%;}

data/vendor/assets/stylesheets/elasticss/elastic.print.css

@@ -0,0 +1 @@
+.print-only{display:none;}.no-print{display:none;}.no-print-content{visibility:hidden;}.print-only,div.print-only{display:block;}span.print-only,label.print-only{display:inline;}table.print-only{display:table;}tr.print-only{display:table-row;}td.print-only{display:table-cell;}

metadata

@@ -0,0 +1,87 @@
+--- !ruby/object:Gem::Specification
+name: elasticss-rails
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Abraham Kuri
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-06-26 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: therubyracer
+  requirement: &70134300671160 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - =
+      - !ruby/object:Gem::Version
+        version: 0.10.1
+  type: :runtime
+  prerelease: false
+  version_requirements: *70134300671160
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: &70134300670560 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :development
+  prerelease: false
+  version_requirements: *70134300670560
+description: Integrate ElastiCSS framework with the rails assets pipeline
+email:
+- kurenn@icalialabs.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- elasticss-rails.gemspec
+- lib/elasticss-rails.rb
+- lib/elasticss-rails/version.rb
+- lib/generators/elasticss/install/install_generator.rb
+- lib/generators/elasticss/layout/layout_generator.rb
+- lib/generators/elasticss/layout/templates/layout_3_columns.html.erb
+- lib/generators/elasticss/layout/templates/layout_left_sidebar.html.erb
+- lib/generators/elasticss/layout/templates/layout_right_sidebar.html.erb
+- lib/generators/elasticss/templates/application.css
+- lib/generators/elasticss/templates/application.js
+- vendor/.DS_Store
+- vendor/assets/javascripts/elasticss/.DS_Store
+- vendor/assets/javascripts/elasticss/elastic.js
+- vendor/assets/stylesheets/elasticss/.DS_Store
+- vendor/assets/stylesheets/elasticss/elastic.css
+- vendor/assets/stylesheets/elasticss/elastic.print.css
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: elasticss-rails
+rubygems_version: 1.8.12
+signing_key: 
+specification_version: 3
+summary: ElastiCSS integration with rails 3.1 Asset pipeline
+test_files: []