ZURB-foundation 2.1.3.3 → 2.1.4

data/README.mkdn

@@ -18,7 +18,7 @@ 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.3.gem`
+* `sudo gem install ZURB-foundation-2.1.4.gem`
 
 To create your first project
 ----------------------------
@@ -44,8 +44,9 @@ Foundation is a rock-solid, responsive framework for rapidly prototyping and ite
 
 Homepage:      http://foundation.zurb.com  
 Documentation: http://foundation.zurb.com/docs  
-Download:      http://foundation.zurb.com/files/foundation-download.zip  
+Download:      http://foundation.zurb.com/files/foundation-download-2.1.4.zip  
 
+Foundation is MIT-licensed and absolutely free to use. Foundation wouldn't be possible without the support of the entire ZURB team, our friends and colleagues who gave feedback, and some luminaries who did some heavy lifting that we took advantage of (thanks guys).
 
 ZURB
 ====
@@ -54,6 +55,19 @@ Foundation was made by [ZURB](http://www.zurb.com), an interaction design and de
 
 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)?
 
+Community
+=========
+
+Many thanks to all the people working on Foundation either to improve the base code or to support specific frameworks. If you want to get on this readme send an email to foundation@zurb.com, and if you have questions you can join the Unofficial Foundation Google Group here: http://groups.google.com/group/foundation-framework-
+
+WordPress
+
+* [Starter Theme](https://github.com/drewsymo/Foundation) by Drew Morris
+* [Optional install for roots](https://github.com/retlehs/roots) by Corey Wagehoft
+
+.NET
+
+* [NuGet Package for ASP.Net MVC](http://nuget.org/List/Packages/Zurb_Foundation_MPC3) by Edward Charbeneau
 
 MIT Open Source License
 =======================

data/lib/ZURB-foundation.rb

@@ -3,7 +3,7 @@ Compass::Frameworks.register("ZURB-foundation", :path => File.join(File.dirname(
 
 module ZURBfoundation
   
-  VERSION = "2.1.3.3"
-  DATE = "2011-12-21"
+  VERSION = "2.1.4"
+  DATE = "2012-01-07"
 
 end

data/stylesheets/ZURB/_buttons.sass

@@ -0,0 +1,101 @@
+// Buttons
+//-------------------------------------------------
+
+.button
+  background: $default-color
+  border: none
+  color: $white
+  cursor: pointer
+  display: inline-block
+  font-weight: bold
+  line-height: 1
+  padding: 9px 34px 11px
+  position: relative
+  text-align: center
+  text-decoration: none
+
+  // Nice button
+  &.nice
+    background-color: $default-color
+    +background-image(linear-gradient(rgba(#fff, 0.2) 0%, rgba(#fff, 0.2) 50%, rgba(#000, 0) 51%, rgba(#000, 0) 100%))
+    +box-shadow(inset rgba(#fff, 0.5) 0 1px 0)
+    text-shadow: rgba(#000, 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)
+    
+    // Nice button borders
+    &.red
+      border: solid 1px darken($red, 7%)
+    &.blue
+      border: solid 1px darken($blue, 7%)
+    &.white
+      border: solid 1px darken($white, 20%)
+      text-shadow: none !important
+    &.black
+      border: solid 1px darken($black, 7%)
+      
+  // Button colors and hover states
+  // Base hover state
+  &:hover, &:focus
+    background-color: darken($default-color, 5%)
+    color: #fff
+  &.red
+    background-color: $red
+    &:hover, &:focus
+      background-color: darken($red, 5%)
+  &.blue
+    background-color: $blue
+    &:hover, &:focus
+      background-color: darken($blue, 5%)
+  &.white
+    background-color: darken($white, 15%)
+    color: #333
+    &:hover, &:focus
+      background-color: darken($white, 30%)
+      color: #333
+  &.black
+    background-color: $black
+    &:hover, &:focus
+      background-color: darken($black, 5%)
+
+  // Button shapes
+  &.radius
+    +border-radius(3px)
+  &.round
+    +border-radius(1000px)
+
+  // Button layout
+  &.full-width
+    width: 100%
+    padding-left: 0 !important
+    padding-right: 0 !important
+    text-align: center
+  &.left-align
+    text-align: left
+    text-indent: 12px
+
+  // Button sizes
+  &.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
+
+  // Button disabled states
+  &.disabled, &[disabled]
+    opacity: 0.6
+    cursor: default
+
+//----------------------------------------------------
+
+// Don't use native buttons on iOS
+input[type=submit].button
+  -webkit-appearance: none

data/stylesheets/ZURB/_forms.sass

@@ -1,8 +1,6 @@
-@import includes
+// Standard Forms
+//-----------------------------------------
 
-/* 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 
@@ -21,7 +19,9 @@ input.input-text, textarea, select
 label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown
   margin-top: -9px
   
-/* Text input and textarea font and padding */
+// Text input and textarea font and padding
+//-----------------------------------------
+
 input.input-text, textarea
   +font-size(13)
   padding: 4px 3px 2px
@@ -32,12 +32,16 @@ input.input-text, textarea
   &:focus
     outline: none !important
   
-/* Inlined Label Style */
+// Inlined Label Style
+//-----------------------------------------
+
 input, textarea
   .placeholder
     color: #888
 
-/* Text input and textarea sizes */
+// Text input and textarea sizes
+//-----------------------------------------
+
 input
   &.input-text
     width: 254px
@@ -51,20 +55,26 @@ input, textarea
   &.large
     width: 434px
 
-/* Fieldsets */
+// Fieldsets
+//-----------------------------------------
+
 form
   fieldset
     padding: 9px 9px 2px 9px
     border: solid 1px #ddd
     margin: 18px 0
 
-/* Inlined Radio & Checkbox */
+// Inlined Radio & Checkbox
+//-----------------------------------------
+
 .form-field input[type=radio], .form-field input[type=checkbox]
   display: inline
   width: auto
   margin-bottom: 0
 
-/* Errors */
+// Errors
+//-----------------------------------------
+
 .form-field.error input, input.input-text.red
   border-color: #c00000 
   background-color: rgba(255,0,0,0.15)
@@ -84,7 +94,9 @@ form
 .large+.error
   width: 440px
 
-/* Nicer Forms */
+// Nicer Forms
+//-----------------------------------------
+
 form.nice
   input.input-text, textarea
     border: solid 1px #bbb
@@ -115,7 +127,9 @@ form.nice
   .large+.error
     width: 432px
     
-/* Custom Forms */
+// Custom Forms
+//-------------------------------------------------
+
 form.custom
   span.custom
     display: inline-block

data/stylesheets/ZURB/_globals.sass

@@ -1,15 +1,16 @@
-@import includes
-
-/* Artfully masterminded by ZURB */
-/* Table of Contents */
-/*  :: Reset & Standards */    
-/*  :: Links */                       
-/*  :: Lists */                       
-/*  :: Tables */                      
-/*  :: Misc */                        
+// Table of Contents:
+//
+// Eric Meyer's CSS reset
+// Body
+// 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) */
+// Eric Meyer's CSS Reset :: http://meyerweb.com/eric/tools/css/reset/
+//-------------------------------------------------------------------------------
+
 
 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 
@@ -20,7 +21,9 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
 html
   font-size: 62.5%
   
-/* HTML 5 display-role reset for older browsers */
+// HTML 5 reset for older browsers
+//-----------------------------------------
+
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
   display: block
 body
@@ -35,17 +38,37 @@ blockquote, q
 table
   border-collapse: collapse
   border-spacing: 0
+    
+// Nicolas Gallagher's micro clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
+//----------------------------------------------------------------------------------------------------
+
+// For modern browsers
+.clearfix
+  &:before, &:after
+    content: ""
+    display: table
+  &:after
+    clear: both
+
+// For IE 6/7 (triggers hasLayout)
+.clearfix
+  zoom: 1
   
+// Base Cascade
+//----------------------------------------------
+
 body
-  background: #fff
-  +HelveticaFontStack
-  +font-size(13)
+  background: $body-background
+  font-family: $body-font-family
+  +font-size($body-font-size)
   +font-smoothing(antialiased)
-  line-height: 18px
-  color: #555
+  line-height: $body-line-height
+  color: $body-color
   position: relative
 
-/* Links */
+// Links
+//-----------------------------------------
+
 a
   color: $blue
   text-decoration: none
@@ -53,14 +76,16 @@ a
   &:hover
     color: lighten($blue, 10%)
   &:focus
-    color: #cc4714
+    color: $orange
     outline: none
     
 p
   a, a:visited
     line-height: inherit
 
-/* Lists */
+// Lists
+//-----------------------------------------
+
 ul, ol
   margin-bottom: 18px
 ul
@@ -80,7 +105,9 @@ li
 ul.large li
   line-height: 21px
   
-/* Tables */
+// Tables
+//-----------------------------------------
+
 table
   background: $white
   +border-radius(3px)
@@ -96,7 +123,7 @@ table
   thead
     tr
       th
-        padding: 8px 10 9px
+        padding: 8px 10px 9px
         +font-size(14)
         font-weight: bold
         color: #222
@@ -121,7 +148,9 @@ table
         &:last-child
           border-right: none
         
-/* Misc */
+// Misc
+//-----------------------------------------
+
 .left 
   float: left
 .right
@@ -129,4 +158,4 @@ table
 .hide
   display: none
 .highlight
-  background: #ff0
+  background: $yellow

data/stylesheets/ZURB/_grid.sass

@@ -1,16 +1,16 @@
-/* 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
+  @extend .clearfix
   width: 100%
-  max-width: 980px
-  min-width: 727px
+  max-width: $grid-max-width
+  min-width: $grid-min-width
   margin: 0 auto
+  // .row .row
   .row
     min-width: 0
+
 .column, .columns
   margin-left: 4.4%
   float: left
@@ -19,77 +19,76 @@
   &: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%
+.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 */
+// Source Ordering
 .push-two
   left: 17.4%
 .push-three
@@ -134,53 +133,57 @@ img, object, embed
   height: auto
 img
   -ms-interpolation-mode: bicubic
+#map_canvas img, .map_canvas img 
+  max-width: none !important
   
-/* 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 */
+// Blockgrids
+//----------------------------------------------------------------------------------------------------
+
+// Notes:
+//
+//    These are 2-up, 3-up, 4-up and 5-up ULs suited for repeating blocks 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.
+//    To support arbitrary height, set $support-block-grid-nth-child to true
+//    Just know that IE7/8 do not support :nth-child
 
-/*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
+  & > li
     display: block
     height: auto
     float: left
   &.two-up
     margin-left: -4%
-    &>li
+    & > li
       margin-left: 4%
       width: 46%
-      //&:nth-child(2n+1)
-      //  clear: left
+      @if $support-block-grid-nth-child
+        &:nth-child(2n+1)
+          clear: left
   &.three-up
     margin-left: -2%
-    &>li
+    & > li
       margin-left: 2%
       width: 31.3%
-      //&:nth-child(3n+1)
-      //  clear: left
+      @if $support-block-grid-nth-child
+        &:nth-child(3n+1)
+          clear: left
   &.four-up
     margin-left: -4%
-    &>li
+    & > li
       margin-left: 4%
       width: 23%
-      //&:nth-child(4n+1)
-      //  clear: left
+      @if $support-block-grid-nth-child
+        &:nth-child(4n+1)
+          clear: left
   &.five-up
     margin-left: -1.5%
-    &>li
+    & > li
       margin-left: 1.5%
       width: 18.5%
-      //&:nth-child(5n+1)
-      //  clear: left
-  
+      @if $support-block-grid-nth-child
+        &:nth-child(5n+1)
+          clear: left