compass-foundation 0.1

data/.gitignore

@@ -0,0 +1,9 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+original/*
+*.swp
+*.un~
+.DS_Store
+*.css

data/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "foundation"]
+	path = foundation
+	url = git://github.com/zurb/foundation.git

data/Gemfile

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

data/LICENSE.mkdn

@@ -0,0 +1,11 @@
+Copyright (c) 2011 Mikhail S. Pobolovets
+
+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. No attribution is required by products that make use of this 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.
+
+Except as contained in this notice, the name(s) of the above copyright holders shall not be used in advertising or otherwise to promote the sale, use or other dealings in this Software without prior written authorization.
+
+Contributors to this project agree to grant all rights to the copyright holder of the primary product. Attribution is maintained in the source control history of the product.

data/README.mkdn

@@ -0,0 +1,43 @@
+Foundation framework - Compass Plugin
+=====================================
+
+Foundation is created by ZURB. See the official site for more info: <http://foundation.zurb.com/>
+
+* This plugin is based on Foundation 2.0
+
+---------
+
+This plugin adds the Foundation framework to [Compass](http://compass-style.org/).
+
+Install
+=======
+
+    gem install compass-foundation
+
+Create a Foundation-based Compass Project
+==================================
+
+    compass create -r  --using
+
+Or, If you prefer to use Sass's indentation based syntax:
+
+    compass create -r --using  --syntax sass
+
+
+Adding the Foundation plugin to an existing project
+============================================
+
+Add the following to your compass.rb config file:
+
+    # Require any additional compass plugins here.
+    require 'compass-foundation'
+    
+Then make sure you have imported the library into your core .sass or .scss file with:
+
+    @import compass/reset
+    @import foundation/
+
+Authors/Contributors
+====================
+
+[Mikhail S. Pobolovets](https://github.com/styx) is the creator of this plugin.

data/Rakefile

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

data/compass-foundation.gemspec

@@ -0,0 +1,26 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{compass-foundation}
+  s.version = "0.1"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
+  s.authors     = ["Mikhail S. Pobolovets"]
+  s.date        = Time.now.strftime "%Y-%m-%d"
+  s.summary     = %q{Foundation CSS framework for Rails via Compass.}
+  s.description = %q{Plugin for compass to integrate with an easy to use, powerful, and flexible CSS framework for building prototypes and production code on any kind of device.}
+  s.email       = %w{styx.mp@gmail.com}
+  s.has_rdoc    = false
+
+  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.homepage    = %q{http://foundation.zurb.com/}
+
+  s.require_paths      = ["lib"]
+  s.rubyforge_project  = %q{compass-foundation}
+  s.rubygems_version   = %q{1.3.6}
+  s.add_dependency(%q<compass>, [">= 0.10.0"])
+  s.add_dependency(%q<jquery-rails>, [">= 0"])
+end

data/lib/compass-foundation/rails/engine.rb

@@ -0,0 +1,7 @@
+module CompassFoundation
+    module Rails
+        class Engine < ::Rails::Engine
+        end
+    end
+end
+

data/lib/compass-foundation/rails.rb

@@ -0,0 +1,7 @@
+module CompassFoundation
+    module Rails
+        if defined? ::Rails and ::Rails.version >= '3.1'
+            require 'compass-foundation/rails/engine'
+        end
+    end
+end

data/lib/compass-foundation/version.rb

@@ -0,0 +1,5 @@
+module Compass
+  module Foundation
+    VERSION = "0.1"
+  end
+end

data/lib/compass-foundation.rb

@@ -0,0 +1,14 @@
+require 'compass'
+Compass::Frameworks.register("foundation", :path => "#{File.dirname(__FILE__)}/..")
+
+
+require 'compass'
+require "compass-foundation/rails"
+require "compass-foundation/version"
+
+plugin_root = File.join(File.dirname(__FILE__), "..")
+
+Compass::Frameworks.register("compass-foundation",
+                            :stylesheets_directory => File.join(plugin_root, "stylesheets"),
+                            :templates_directory => File.join(plugin_root, "vendor/assets/stylesheets"))
+

data/stylesheets/compass-foundation/_compass_foundation.scss

@@ -0,0 +1,13 @@
+@import "globals.scss";
+@import "ie.scss";
+
+@import "typography.scss";
+@import "ui.scss";
+@import "forms.scss";
+@import "grid.scss";
+@import "mobile.scss";
+@import "orbit.scss";
+@import "reveal.scss";
+
+
+

data/stylesheets/compass-foundation/_forms.css.scss

@@ -0,0 +1,249 @@
+/* 	Artfully masterminded by ZURB  
+	
+	Make sure to include the app.js if you are going to use inline label inputs 
+*/
+
+/* -----------------------------------------
+   Standard Forms
+----------------------------------------- */
+
+form {
+  margin: 0 0 18px;
+  label {
+    display: block;
+    font-size: 13px;
+    line-height: 18px;
+    cursor: pointer;
+    margin-bottom: 9px; } }
+
+input.input-text, textarea {
+  border-right: 1px solid #bbb;
+  border-bottom: 1px solid #bbb; }
+
+input.input-text, textarea, select {
+  display: block;
+  margin-bottom: 9px; }
+
+label + {
+  input.input-text, textarea, select, div.dropdown {
+    margin-top: -9px; } }
+
+select + div.dropdown {
+  margin-top: -9px; }
+
+/* Text input and textarea font and padding */
+
+input.input-text, textarea {
+  font-size: 13px;
+  padding: 4px 3px 2px;
+  outline: none !important;
+  background: #fff; }
+
+input.input-text.oversize, textarea.oversize {
+  font-size: 18px !important;
+  padding: 4px 5px !important; }
+
+input.input-text:focus, textarea:focus {
+  background: #f9f9f9; }
+
+/* Inlined Label Style */
+
+input.placeholder, textarea.placeholder {
+  color: #888; }
+
+/* Text input and textarea sizes */
+
+input.input-text, textarea {
+  width: 254px; }
+
+input.small, textarea.small {
+  width: 134px; }
+
+input.medium, textarea.medium {
+  width: 254px; }
+
+input.large, textarea.large {
+  width: 434px; }
+
+/* Fieldsets */
+
+form fieldset {
+  padding: 9px 9px 2px 9px;
+  border: solid 1px #ddd;
+  margin: 18px 0; }
+
+/* Inlined Radio & Checkbox */
+
+div.form-field {
+  input {
+    &[type=radio], &[type=checkbox] {
+      display: inline;
+      width: auto;
+      margin-bottom: 0; } }
+  &.error input {
+    border-color: red;
+    background-color: rgba(255, 0, 0, 0.15); } }
+
+/* Errors */
+
+input.input-text.red {
+  border-color: red;
+  background-color: rgba(255, 0, 0, 0.15); }
+
+div.form-field.error label, label.red {
+  color: red; }
+
+div.form-field.error small, small.error {
+  margin-top: -6px;
+  display: block;
+  margin-bottom: 9px;
+  font-size: 11px;
+  color: red;
+  width: 260px; }
+
+.small + small.error {
+  width: 140px; }
+
+.medium + small.error {
+  width: 260px; }
+
+.large + small.error {
+  width: 440px; }
+
+/* -----------------------------------------
+   Nicer Forms
+----------------------------------------- */
+
+form {
+  &.nice {
+    div.form-field input, input.input-text, textarea {
+      border: solid 1px #bbb;
+      border-radius: 2px;
+      -webkit-border-radius: 2px;
+      -moz-border-radius: 2px; }
+    div.form-field input, input.input-text, textarea {
+      font-size: 13px;
+      padding: 6px 3px 4px;
+      outline: none !important;
+      background: url(../images/misc/input-bg.png) white; }
+    div.form-field input:focus, input.input-text:focus, textarea:focus {
+      background-color: #f9f9f9; }
+    fieldset {
+      border-radius: 3px;
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px; }
+    div.form-field {
+      input {
+        &[type=radio], &[type=checkbox] {
+          display: inline;
+          width: auto;
+          margin-bottom: 0; } }
+      &.error small {
+        padding: 6px 4px;
+        border: solid 0px red;
+        border-width: 0px 1px 1px 1px;
+        margin-top: -10px;
+        background: red;
+        color: #fff;
+        font-size: 12px;
+        font-weight: bold;
+        border-bottom-left-radius: 2px;
+        border-bottom-right-radius: 2px;
+        -webkit-border-bottom-left-radius: 2px;
+        -webkit-border-bottom-right-radius: 2px;
+        -moz-border-radius-bottomleft: 2px;
+        -moz-border-radius-bottomright: 2px; } }
+    small.error {
+      padding: 6px 4px;
+      border: solid 0px red;
+      border-width: 0px 1px 1px 1px;
+      margin-top: -10px;
+      background: red;
+      color: #fff;
+      font-size: 12px;
+      font-weight: bold;
+      border-bottom-left-radius: 2px;
+      border-bottom-right-radius: 2px;
+      -webkit-border-bottom-left-radius: 2px;
+      -webkit-border-bottom-right-radius: 2px;
+      -moz-border-radius-bottomleft: 2px;
+      -moz-border-radius-bottomright: 2px; }
+    div.form-field.error .small + small, .small + small.error {
+      width: 132px; }
+    div.form-field.error .medium + small, .medium + small.error {
+      width: 252px; }
+    div.form-field.error .large + small, .large + small.error {
+      width: 432px; } }
+  &.custom {
+    span.custom {
+      display: inline-block;
+      width: 14px;
+      height: 14px;
+      position: relative;
+      top: 2px;
+      border: solid 1px #ccc;
+      background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat;
+      &.radio {
+        border-radius: 7px;
+        -webkit-border-radius: 7px;
+        -moz-border-radius: 7px;
+        &.checked {
+          background-position: 0px -14px; } }
+      &.checkbox.checked {
+        background-position: 0px -28px; } }
+    div.custom.dropdown {
+      position: relative;
+      display: inline-block;
+      width: auto;
+      height: 28px;
+      margin-bottom: 9px;
+      a {
+        &.current {
+          display: block;
+          width: auto;
+          line-height: 26px;
+          padding: 0 38px 0 6px;
+          border: solid 1px #ddd;
+          color: #141414; }
+        &.selector {
+          position: absolute;
+          width: 26px;
+          height: 26px;
+          display: block;
+          background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat;
+          right: 0px;
+          top: 0px;
+          border: solid 1px #ddd; } }
+      &:hover a.selector, &.open a.selector {
+        background-position: -14px -26px; }
+      ul {
+        position: absolute;
+        width: auto;
+        display: none;
+        margin: 0;
+        left: 0px;
+        top: 27px;
+        margin: 0;
+        padding: 0;
+        background: rgba(255, 255, 255, 0.9);
+        border: solid 1px #ddd;
+        z-index: 10;
+        li {
+          cursor: pointer;
+          padding: 3px 38px 3px 6px;
+          margin: 0;
+          &.selected {
+            background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }
+          &:hover {
+            background-color: #2a85e8;
+            color: #fff; }
+          &.selected:hover {
+            background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; } }
+        &.show {
+          display: block; } }
+      &.open ul {
+        display: block; } } } }
+
+/* -----------------------------------------
+   Custom Forms
+----------------------------------------- */

data/stylesheets/compass-foundation/_globals.css.scss

@@ -0,0 +1,176 @@
+/* Artfully Masterminded by ZURB */
+
+/* -------------------------------------------------- 
+    Table of Contents
+-----------------------------------------------------
+:: Reset & Standards
+:: Links
+:: Lists
+:: Tables
+:: Misc
+*/
+
+/*	--------------------------------------------------
+	:: Global Reset & Standards
+	-------------------------------------------------- */
+
+	/* 
+		Eric Meyer's CSS Reset
+		http://meyerweb.com/eric/tools/css/reset/ 
+		v2.0 | 20110126
+   		License: none (public domain)
+	*/
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font: inherit;
+  vertical-align: baseline; }
+
+html {
+  font-size: 62.5%; }
+
+/* HTML5 display-role reset for older browsers */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+q {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+body {
+  background: #fff;
+  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  font-size: 13px;
+  line-height: 18px;
+  color: #555;
+  position: relative;
+  -webkit-font-smoothing: antialiased; }
+
+/*	--------------------------------------------------
+	:: Links
+	-------------------------------------------------- */
+
+a {
+  color: #2a85e8;
+  text-decoration: none;
+  outline: 0;
+  line-height: inherit;
+  &:hover {
+    color: #11639d; } }
+
+p a {
+  line-height: inherit;
+  &:visited {
+    line-height: inherit; } }
+
+/*	--------------------------------------------------
+	:: Lists
+	-------------------------------------------------- */
+
+ul, ol {
+  margin-bottom: 18px; }
+
+ul {
+  list-style: none outside; }
+
+ol {
+  list-style: decimal;
+  margin-left: 30px; }
+
+ul {
+  &.square, &.circle, &.disc {
+    margin-left: 30px; }
+  &.square {
+    list-style: square outside; }
+  &.circle {
+    list-style: circle outside; }
+  &.disc {
+    list-style: disc outside; }
+  ul {
+    margin: 4px 0 5px 30px; } }
+
+ol ol {
+  margin: 4px 0 5px 30px; }
+
+li {
+  margin-bottom: 12px; }
+
+ul.large li {
+  line-height: 21px; }
+
+/*	--------------------------------------------------
+	:: Tables
+	-------------------------------------------------- */
+
+table {
+  background: #fff;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  width: 100%;
+  margin: 0 0 18px;
+  border: 1px solid #ddd;
+  thead {
+    background: #f5f5f5;
+    tr th {
+      font-size: 12px;
+      line-height: 18px;
+      text-align: left; } }
+  tbody tr td {
+    font-size: 12px;
+    line-height: 18px;
+    text-align: left; }
+  thead tr th {
+    padding: 8px 10px 9px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #222;
+    &:first-child {
+      border-left: none; }
+    &:last-child {
+      border-right: none; } }
+  tbody tr {
+    &.even, &.alt, &:nth-child(even) {
+      background: #f9f9f9; }
+    td {
+      color: #333;
+      padding: 9px 10px;
+      vertical-align: top;
+      border: none; } } }
+
+/* -------------------------------------------------- 
+	:: Misc
+---------------------------------------------------*/
+
+.left {
+  float: left; }
+
+.right {
+  float: right; }
+
+.hide {
+  display: none; }
+
+.highlight {
+  background: #ff0; }