ZURB-foundation 2.1.3b

data/README.mkdn

@@ -0,0 +1,65 @@
+ZURB Foundation for Compass
+===========================
+
+To create your first project, you'll need to have the ZURB-foundation gem installed, this will include all the necessary dependencies.
+
+To install from Ruby Gems   
+-------------------------
+
+In Terminal:
+
+* `(sudo) gem install ZURB-foundation`
+
+To install locally
+------------------
+
+In Terminal:
+
+* `git clone git://github.com/zurb/foundation-sass.git`
+* `cd foundation-sass`
+* `sudo gem build ZURB-foundation.gemspec`
+* `sudo gem install ZURB-foundation-2.1.3.gem`
+
+To create your first project
+----------------------------
+
+* `cd path/to/where-you-want-new-project`
+* .scss syntax: `compass create <my_project> -r ZURB-foundation --using ZURB-foundation --force`
+* .sass syntax: `compass create <my_project> -r ZURB-foundation --using ZURB-foundation --syntax sass --force`
+    
+Now you should have a new project folder created with the foundation file structure, but with the awesome advantages of having all the css pre-processed with Sass.
+
+To Add ZURB-foundation to an existing project
+---------------------------------------------
+* Add `require "ZURB-foundation"`
+* `cd path/to/your-project`
+* run: `compass install ZURB-foundation`
+
+
+
+Welcome to Foundation
+=====================
+
+Foundation is a rock-solid, responsive framework for rapidly prototyping and iterating into production code. It includes a 12-column, future-friendly grid and tons of great tools and elements that'll get you up and running in no time. Clone the repo to get the marketing site, docs, and base source. You can also visit http://foundation.zurb.com to download just the base source as a starting boilerplate.
+
+Homepage:      http://foundation.zurb.com  
+Documentation: http://foundation.zurb.com/docs  
+Download:      http://foundation.zurb.com/files/foundation-download.zip  
+
+
+ZURB
+====
+
+Foundation was made by [ZURB](http://www.zurb.com), an interaction design and design strategy firm in Campbell, CA.
+
+If Foundation knocks your socks off the way we hope it does and you want more, why not check out [our jobs](http://www.zurb.com/talent/jobs)?
+
+
+MIT Open Source 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.

data/lib/ZURB-foundation.rb

@@ -0,0 +1,9 @@
+require 'compass'
+Compass::Frameworks.register("ZURB-foundation", :path => File.join(File.dirname(__FILE__), ".."))
+
+module ZURBfoundation
+  
+  VERSION = "2.1.3b"
+  DATE = "2011-12-21"
+
+end

data/stylesheets/ZURB/_forms.sass

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

data/stylesheets/ZURB/_foundation.sass

@@ -0,0 +1,9 @@
+@import includes
+@import globals
+@import typography
+@import grid
+@import ui
+@import forms
+@import orbit
+@import reveal
+@import mobile

data/stylesheets/ZURB/_globals.sass

@@ -0,0 +1,132 @@
+@import includes
+
+/* 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
+  margin: 0 
+  padding: 0
+  border: 0
+  font: inherit
+  vertical-align: baseline
+html
+  font-size: 62.5%
+  
+/* HTML 5 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
+  &:before, &:after
+    content: ""
+    content: none
+table
+  border-collapse: collapse
+  border-spacing: 0
+  
+body
+  background: #fff
+  +HelveticaFontStack
+  +font-size(13)
+  +font-smoothing(antialiased)
+  line-height: 18px
+  color: #555
+  position: relative
+
+/* Links */
+a
+  color: $blue
+  text-decoration: none
+  line-height: inherit
+  &:hover
+    color: lighten($blue, 10%)
+  &:focus
+    color: #cc4714
+    outline: none
+    
+p
+  a, a:visited
+    line-height: inherit
+
+/* Lists */
+ul, ol
+  margin-bottom: 18px
+ul
+  list-style: none outside
+  &.square
+    list-style: square outside
+  &.circle
+    list-style: circle outside
+  &.disc
+    list-style: disc outside
+ol
+  list-style: decimal
+ol, ul.square, ul.circle, ul.disc
+  margin-left: 30px
+li
+  margin-bottom: 12px
+ul.large li
+  line-height: 21px
+  
+/* Tables */
+table
+  background: $white
+  +border-radius(3px)
+  margin: 0 0 18px
+  border: solid 1px #ddd
+  thead, tfoot
+    background: #f5f5f5
+    tr
+      th
+        +font-size(12)
+        line-height: 18px
+        text-align: left
+  thead
+    tr
+      th
+        padding: 8px 10 9px
+        +font-size(14)
+        font-weight: bold
+        color: #222
+        &:first-child
+          border-left: none
+        &:last-child
+          border-right: none
+  tbody
+    tr
+      td
+        +font-size(12)
+        line-height: 18px
+        text-align: left
+  tfoot
+    tr
+      td
+        +font-size(12)
+        line-height: 18px
+        text-align: left
+        &:last-child
+          border-left: none
+        &:last-child
+          border-right: none
+        
+/* Misc */
+.left 
+  float: left
+.right
+  float: right
+.hide
+  display: none
+.highlight
+  background: #ff0

data/stylesheets/ZURB/_grid.sass

@@ -0,0 +1,186 @@
+/* Arfully Masterminded by ZURB */
+/* Grid :: This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. */
+
+.container
+  padding: 0 20px
+// To set the grid to a certain size, set max-width to width
+.row
+  width: 100%
+  max-width: 980px
+  min-width: 727px
+  margin: 0 auto
+  .row
+    min-width: 0
+.column, .columns
+  margin-left: 4.4%
+  float: left
+  min-height: 1px
+  position: relative
+  &:first-child
+    margin-left: 0
+
+.row
+  .one.columns
+    width: 4.3%
+  .two.columns
+    width: 13%
+  .three.columns
+    width: 21.7%
+  .four.columns
+    width: 30.37%
+  .five.columns
+    width: 39.1%
+  .six.columns
+    width: 47.8%
+  .seven.columns
+    width: 56.5%
+  .eight.columns
+    width: 65.2%
+  .nine.columns
+    width: 73.9%
+  .ten.columns
+    width: 82.6%
+  .eleven.columns
+    width: 91.3%
+  .twelve.columns
+    width: 100%
+    
+  .offset-by-one
+    margin-left: 13.1%
+    &:first-child
+      margin-left: 8.7%
+  .offset-by-two
+    margin-left: 21.8%
+    &:first-child
+      margin-left: 17.4%
+  .offset-by-three
+    margin-left: 30.5%
+    &:first-child
+      margin-left: 26.1%
+  .offset-by-four
+    margin-left: 39.2%
+    &:first-child
+      margin-left: 34.8%
+  .offset-by-five
+    margin-left: 47.9%
+    &:first-child
+      margin-left: 43.5%
+  .offset-by-six
+    margin-left: 56.6%
+    &:first-child
+      margin-left: 52.2%
+  .offset-by-seven
+    margin-left: 65.3%
+    &:first-child
+      margin-left: 60.9%
+  .offset-by-eight
+    margin-left: 74.0%
+    &:first-child
+      margin-left: 69.6%
+  .offset-by-nine
+    margin-left: 82.7%
+    &:first-child
+      margin-left: 78.3%
+  .offset-by-ten
+    margin-left: 91.4%
+    &:first-child
+      margin-left: 87.0%
+  .offset-by-eleven
+    &:first-child
+      margin-left: 95.7%
+
+/* Source Ordering */
+.push-two
+  left: 17.4%
+.push-three
+  left: 26.1%
+.push-four
+  left: 34.8%
+.push-five
+  left: 43.5%
+.push-six
+  left: 52.2%
+.push-seven
+  left: 60.9%
+.push-eight
+  left: 69.6%
+.push-nine
+  left: 78.3%
+.push-ten
+  left: 87%
+
+.pull-two
+  right: 17.4%
+.pull-three
+  right: 26.1%
+.pull-four
+  right: 34.8%
+.pull-five
+  right: 43.5%
+.pull-six
+  right: 52.2%
+.pull-seven
+  right: 60.9%
+.pull-eight
+  right: 69.6%
+.pull-nine
+  right: 78.3%
+.pull-ten
+  right: 87%
+
+
+img, object, embed
+  max-width: 100%
+  height: auto
+img
+  -ms-interpolation-mode: bicubic
+  
+/* Nicolas Gallagher's micro clearfix */
+.row:before, .row:after, .clearfix:before, .clearfix:after
+  content: ""
+  display: table
+.row:after, .clearfix:after
+  clear: both
+.row, .clearfix
+  zoom: 1
+  
+/* Blockgrids */
+/* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating block of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones */
+
+/*For IE7/8 compatibility block-grid items need to be	the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. */
+.block-grid
+  display: block
+  overflow: hidden
+  &>li
+    display: block
+    height: auto
+    float: left
+  &.two-up
+    margin-left: -4%
+    &>li
+      margin-left: 4%
+      width: 46%
+      //&:nth-child(2n+1)
+      //  clear: left
+  &.three-up
+    margin-left: -2%
+    &>li
+      margin-left: 2%
+      width: 31.3%
+      //&:nth-child(3n+1)
+      //  clear: left
+  &.four-up
+    margin-left: -4%
+    &>li
+      margin-left: 4%
+      width: 23%
+      //&:nth-child(4n+1)
+      //  clear: left
+  &.five-up
+    margin-left: -1.5%
+    &>li
+      margin-left: 1.5%
+      width: 18.5%
+      //&:nth-child(5n+1)
+      //  clear: left
+