added rails/compass gem code

Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in foundation.gemspec
+gemspec

Gemfile.lock

@@ -0,0 +1,30 @@
+PATH
+  remote: .
+  specs:
+    foundation (3.0.0.alpha8)
+      compass (~> 0.12.1)
+      linguistics (~> 1.0.9)
+      modular-scale (~> 0.0.5)
+      sass (~> 3.1.19)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    chunky_png (1.2.5)
+    compass (0.12.2)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
+    fssm (0.2.9)
+    linguistics (1.0.9)
+    modular-scale (0.0.5)
+      compass (>= 0.11.5)
+    rake (0.9.2.2)
+    sass (3.1.19)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  foundation!
+  rake

LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Mark Hayes
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,29 @@
+# Foundation
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'foundation'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install foundation
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

foundation.gemspec

@@ -0,0 +1,23 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/foundation/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Mark Hayes"]
+  gem.email         = ["[email protected]"]
+  gem.description   = %q{ZURB Foundation on SASS/Compass}
+  gem.summary       = %q{ZURB Foundation on SASS/Compass}
+  gem.homepage      = "http://foundation.zurb.com"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "foundation"
+  gem.require_paths = ["lib"]
+  gem.version       = Foundation::VERSION
+
+  gem.add_runtime_dependency "compass", "~> 0.12.1"
+  gem.add_runtime_dependency "sass", "~> 3.1.19"
+  gem.add_runtime_dependency "linguistics", "~> 1.0.9"
+  gem.add_runtime_dependency "modular-scale", "~> 0.0.5"
+  gem.add_development_dependency "rake"
+end

lib/foundation.rb

@@ -0,0 +1,12 @@
+require "foundation/version"
+require "modular-scale"
+require "linguistics"
+Linguistics::use( :en )
+require "compass"
+extension_path = File.expand_path(File.dirname(File.dirname(__FILE__)))
+Compass::Frameworks.register("foundation", :path => extension_path)
+require "foundation/sass_script_functions"
+
+module Foundation
+  require "foundation/engine" if defined?(Rails)
+end

lib/foundation/engine.rb

@@ -0,0 +1,5 @@
+module Foundation
+  class Engine < Rails::Engine
+    # auto wire assets
+  end
+end

lib/foundation/sass_script_functions.rb

@@ -0,0 +1,8 @@
+module Foundation
+  module Sass::Script::Functions
+    def convert_number_to_word(number)
+      Sass::Script::String.new(number.value.en.numwords)
+    end
+    declare :convert_number_to_word, :args => [:number]
+  end
+end

lib/foundation/version.rb

@@ -0,0 +1,3 @@
+module Foundation
+  VERSION = "3.0.0.alpha8"
+end

stylesheets/_foundation.sass

@@ -0,0 +1,13 @@
+// Shared
+@import foundation/shared
+
+// Foundation parts
+@import foundation/globals
+@import foundation/grid
+@import foundation/typography
+@import foundation/buttons
+@import foundation/ui
+@import foundation/forms
+@import foundation/orbit
+@import foundation/reveal
+@import foundation/mobile

stylesheets/foundation/_buttons.sass

@@ -0,0 +1,134 @@
+// Buttons
+//-------------------------------------------------
+
+.button
+  background: $default-color
+  display: inline-block
+  text-align: center
+  padding: 9px 34px 11px
+  color: $white
+  text-decoration: none
+  font-weight: bold
+  +font-size(13)
+  line-height: 1
+  font-family: $helvetica-font-stack
+  position: relative
+  cursor: pointer
+  border: none
+  outline: none
+  margin: 0
+
+// Don't use native buttons on iOS
+input[type=submit].button, button.button
+  -webkit-appearance: none
+
+// Hide inner focus effect in Firefox
+button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner
+  border: none
+
+// Nice button
+.button
+  &.nice
+    background-color: $default-color
+    +background-image(linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 51%, rgba(0,0,0,0) 100%))
+    +box-shadow(inset rgba(255,255,255,0.5) 0 1px 0)
+    text-shadow: rgba(0,0,0,0.28) 0 -1px 1px
+    border: 1px solid darken($default-color, 7%)
+    +transition-property(background-color)
+    +transition-duration($button-transition-duration)
+    +transition-timing-function(ease-in-out)
+  &.radius
+    +border-radius(3px)
+  &.round
+    +border-radius(1000px)
+  &.full-width
+    width: 100%
+    padding-left: 0 !important
+    padding-right: 0 !important
+    text-align: center
+  &.left-align
+    text-align: left
+    text-indent: 12px
+
+  // Sizes
+  &.tiny
+    +font-size(10)
+    padding: 6px 14px 8px
+    width: auto
+  &.small
+    +font-size(11)
+    padding: 8px 20px 10px
+    width: auto
+  &.medium
+    +font-size(13)
+    width: auto
+  &.large
+    +font-size(18)
+    padding: 11px 48px 13px
+    width: auto
+
+  // Colors
+  &.blue
+    background-color: $blue
+  &.red
+    background-color: $red
+  &.white
+    background-color: darken($white, 6%)
+    color: #333
+  &.black
+    background-color: lighten($black, 10%)
+  &.green
+    background-color: $green
+
+  // Nice Colors
+  &.nice
+    &.blue
+      border: 1px solid darken($blue, 7%)
+    &.red
+      border: 1px solid darken($red, 7%)
+    &.white
+      border: 1px solid darken($white, 17%)
+      text-shadow: none !important
+    &.black
+      border: 1px solid lighten($black, 10%)
+    &.green
+      border: 1px solid darken($green, 7%)
+
+  // Hovers
+  &:hover, &:focus
+    background-color: darken($default-color, 6%)
+    color: $white
+  &.blue:hover, &.blue:focus
+    background-color: darken($blue, 6%)
+  &.red:hover, &.red:focus
+    background-color: darken($red, 6%)
+  &.white:hover, &.white:focus
+    background-color: darken($white, 13%)
+    color: #333
+  &.black:hover, &.black:focus
+    background-color: $black
+  &.green:hover, &.green:focus
+    background-color: darken($green, 6%)
+
+  // Active State for .nice.buttons
+  &.nice:active
+    +box-shadow(0 1px 0 rgba(0,0,0,0.15))
+
+  // Button disabled states
+  &.disabled, &[disabled]
+    opacity: 0.6
+    cursor: default
+
+// Correct FF button padding
+@-moz-document url-prefix("http://")
+  input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner
+    border: 0
+    padding: 0
+  input[type=submit].tiny.button
+    padding: 5px 14px 7px
+  input[type=submit].small.button
+    padding: 7px 20px 8px
+  input[type=submit].medium.button
+    padding: 8px 34px 9px
+  input[type=submit].large.button
+    padding: 9px 48px 10px