zurb-foundation 4.2.1 → 4.2.2

data/Gemfile.lock

@@ -1,14 +1,14 @@
 PATH
   remote: .
   specs:
-    zurb-foundation (4.2.1)
+    zurb-foundation (4.2.2)
       sass (>= 3.2.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
     rake (10.0.3)
-    sass (3.2.7)
+    sass (3.2.9)
 
 PLATFORMS
   ruby

data/README.md

@@ -39,11 +39,12 @@ WordPress (Versions marked 3/20/13)
 * [WP-Foundation](http://320press.com/wp-foundation/features/) by 320press using Foundation version 3
 * [f415](https://github.com/javorszky/f415) by Gabor Javorszky
 * [Narga Core](https://github.com/Narga/narga-core) by Nguyễn Đình Quân
+* [Basey](https://github.com/zslabs/basey-theme) by Zach Schnackel 
 
 Joomla
 
 * [Joomla Template](https://github.com/meridiansoftech/joomla_foundation_template) by Arnold Mwumva Ford, Meridian Softech
-* [Joomla Template](https://github.com/antonydoyle/siegeengine) by Antony Doyle, Siege21
+* [Joomla Template](https://github.com/antonydoyle/siegeengine2) by Antony Doyle, Siege21
 
 Drupal
 
@@ -78,6 +79,9 @@ Magento
 * [Magento & Foundation](https://github.com/nandroid/MagentoFoundation) by Nandroid
 * [Waterlee Boilerplate](https://github.com/zeljkoprsa/waterlee-boilerplate) by Jake Sharp
 
+Metoer
+* [Meteor Package for Foundation](https://atmosphere.meteor.com/package/foundation) by Eric Wallace
+
 Python
 * [Pyramid Scaffold](https://github.com/ppinette/pyramid_foundation) by Parker Pinette
 
@@ -89,6 +93,10 @@ Shopify
 
 * [Foundationify Shopify Theme](https://github.com/lukebussey/foundationify) by Luke Bussey
 
+Orchard
+
+  * [Foundation Theme for Orchard CMS](https://foundationorchardcms.codeplex.com/)
+
 Other Implementations
 
 * [Mobile First](https://github.com/adamfairhead/mobile-first-foundation) by Adam Fairhead

data/composer.json

@@ -0,0 +1,9 @@
+{
+    "name": "zurb/foundation"
+  , "description": "The most advanced responsive front-end framework in the world."
+  , "keywords": ["foundation", "scss"]
+  , "homepage": "http://foundation.zurb.com"
+  , "author": "ZURB Inc."
+  , "license": "MIT"
+
+}

data/docs/CHANGELOG.md

@@ -1,8 +1,22 @@
+### 4.2.2- June 11, 2013
+* Added touch events to zepto core.
+* Fixed a topbar scroll issue.
+* Fixed a reveal scroll issue.
+* Bumped jQuery to 1.10.1
+* Added PHP template.
+* Removed default webkit appearance on buttons.
+* Updated placeholder.js to actually initiate properly, this should work just fine now.
+* Added a "fixed" class to magellan for alternate styling.
+* Fixed path to variables file for Compass upgrade path.
+* Other small bug fixes.
+
+You can compare the commits [here](https://github.com/zurb/foundation/compare/v4.2.1...v4.2.2).
+
 ### 4.2.1- May 31, 2013
-* Add missing `$experimental` Sass variable
-* Bug fixes for top bar in mobile view
-* Retina is now default media query
-* Removes incompatible Zepto function used in custom forms
+* Add missing `$experimental` Sass variable.
+* Bug fixes for top bar in mobile view.
+* Retina is now a default named media query for Interchange.
+* Removes incompatible Zepto function used in custom forms.
 
 You can compare the commits [here](https://github.com/zurb/foundation/compare/v4.2.0...v4.2.1).
 
@@ -302,4 +316,4 @@ Various bug fixes with the downloader, gem, and Sass install.
 ---
 
 ### **3.0**- June 30, 2012
-Initial launch of Foundation 3, deprecating Foundation 2.2.1. Major enhancements include Sass/SCSS development, new grid system with box-sizing: border-box, new form styles, new UI elements, retooled download and install options, new docs, new marketing site.
+Initial launch of Foundation 3, deprecating Foundation 2.2.1. Major enhancements include Sass/SCSS development, new grid system with box-sizing: border-box, new form styles, new UI elements, retooled download and install options, new docs, new marketing site.

data/docs/components/alert-boxes.html.erb

@@ -145,36 +145,36 @@
         <h5>Default SCSS Variables</h5>
 <%= code_example '
 /* We use this to control alert padding. */
-$alert-padding-top:         emCalc(11px);
-$alert-padding-left:        $alert-padding-top;
-$alert-padding-right:       $alert-padding-top + emCalc(10px);
-$alert-padding-bottom:      $alert-padding-top + emCalc(1px);
+$alert-padding-top: emCalc(11px);
+$alert-padding-left: $alert-padding-top;
+$alert-padding-right: $alert-padding-top + emCalc(10px);
+$alert-padding-bottom: $alert-padding-top + emCalc(1px);
 
 /* We use these to control text style. */
-$alert-font-weight:         bold;
-$alert-font-size:           emCalc(14px);
-$alert-font-color:          #fff;
-$alert-font-color-alt:      darken($secondary-color, 60%);
+$alert-font-weight: bold;
+$alert-font-size: emCalc(14px);
+$alert-font-color: #fff;
+$alert-font-color-alt: darken($secondary-color, 60%);
 
 /* We use this for close hover effect. */
-$alert-function-factor:     10%;
+$alert-function-factor: 10%;
 
 /* We use these to control border styles. */
-$alert-border-style:        solid;
-$alert-border-width:        1px;
-$alert-border-color:        darken($primary-color, $alert-function-factor);
-$alert-bottom-margin:       emCalc(20px);
+$alert-border-style: solid;
+$alert-border-width: 1px;
+$alert-border-color: darken($primary-color, $alert-function-factor);
+$alert-bottom-margin: emCalc(20px);
 
 /* We use these to style the close buttons */
-$alert-close-color:         #333;
-$alert-close-position:      emCalc(5px);
-$alert-close-font-size:     emCalc(22px);
-$alert-close-opacity:       0.3;
+$alert-close-color: #333;
+$alert-close-position: emCalc(5px);
+$alert-close-font-size: emCalc(22px);
+$alert-close-opacity: 0.3;
 $alert-close-opacity-hover: 0.5;
-$alert-close-padding:       5px 4px 4px;
+$alert-close-padding: 5px 4px 4px;
 
 /* We use this to control border radius */
-$alert-radius:              $global-radius;
+$alert-radius: $global-radius;
 ', :css %>
 
         <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>.</p>

data/docs/components/breadcrumbs.html.erb

@@ -117,30 +117,30 @@
         <h5>Default SCSS Variables</h5>
 <%= code_example '
 /* We use this to set the background color for the breadcrumb container */
-$crumb-bg:                     lighten($secondaryColor, 5%);
+$crumb-bg: lighten($secondaryColor, 5%);
 
 /* We use these to set the padding around the breadcrumbs. */
-$crumb-padding:                emCalc(6px) emCalc(14px) emCalc(9px);
-$crumb-side-padding:           emCalc(12px);
+$crumb-padding: emCalc(6px) emCalc(14px) emCalc(9px);
+$crumb-side-padding: emCalc(12px);
 
 /* We use these to control border styles. */
-$crumb-function-factor:        10%;
-$crumb-border-size:            1px;
-$crumb-border-style:           solid;
-$crumb-border-color:           darken($crumb-bg, $crumb-function-factor);
-$crumb-radius:                 $global-radius;
+$crumb-function-factor: 10%;
+$crumb-border-size: 1px;
+$crumb-border-style: solid;
+$crumb-border-color: darken($crumb-bg, $crumb-function-factor);
+$crumb-radius: $global-radius;
 
 /* We use these to set various text styles for breadcrumbs. */
-$crumb-font-size:              emCalc(11px);
-$crumb-font-color:             $primary-color;
-$crumb-font-color-current:     #333;
+$crumb-font-size: emCalc(11px);
+$crumb-font-color: $primary-color;
+$crumb-font-color-current: #333;
 $crumb-font-color-unavailable: #999;
-$crumb-font-transform:         uppercase;
-$crumb-link-decor:             underline;
+$crumb-font-transform: uppercase;
+$crumb-link-decor: underline;
 
 /* We use these to control the slash between breadcrumbs */
-$crumb-slash-color:            #aaa;
-$crumb-slash:                  "/";
+$crumb-slash-color: #aaa;
+$crumb-slash: "/";
 ', :css %>
 
         <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>.</p>

data/docs/components/buttons.html.erb

@@ -174,35 +174,35 @@ $active: true
         <h5>Default SCSS Variables</h5>
 <%= code_example '
 /* We use these to build padding for buttons. */
-$button-med:              emCalc(12px);
-$button-tny:              emCalc(7px);
-$button-sml:              emCalc(9px);
-$button-lrg:              emCalc(16px);
+$button-med: emCalc(12px);
+$button-tny: emCalc(7px);
+$button-sml: emCalc(9px);
+$button-lrg: emCalc(16px);
 
 /* We use this to control the display property. */
-$button-display:          inline-block;
-$button-margin-bottom:    emCalc(20px);
+$button-display: inline-block;
+$button-margin-bottom: emCalc(20px);
 
 /* We use these to control button text styles. */
-$button-font-color:       #fff;
-$button-font-color-alt:   #333;
-$button-font-med:         emCalc(16px);
-$button-font-tny:         emCalc(11px);
-$button-font-sml:         emCalc(13px);
-$button-font-lrg:         emCalc(20px);
-$button-font-weight:      bold;
-$button-font-align:       center;
+$button-font-color: #fff;
+$button-font-color-alt: #333;
+$button-font-med: emCalc(16px);
+$button-font-tny: emCalc(11px);
+$button-font-sml: emCalc(13px);
+$button-font-lrg: emCalc(20px);
+$button-font-weight: bold;
+$button-font-align: center;
 
 /* We use these to control various hover effects. */
-$button-function-factor:  10%;
+$button-function-factor: 10%;
 
 /* We use these to control button border styles. */
-$button-border-width:     1px;
-$button-border-style:     solid;
-$button-border-color:     darken($primary-color, $button-function-factor);
+$button-border-width: 1px;
+$button-border-style: solid;
+$button-border-color: darken($primary-color, $button-function-factor);
 
 /* We use this to set the default radius used throughout the core. */
-$button-radius:           $global-radius;
+$button-radius: $global-radius;
 
 /* We use this to set default opacity for disabled buttons. */
 $button-disabled-opacity: 0.6;

data/docs/components/clearing.html.erb

@@ -100,27 +100,27 @@
         <p>We opted not to create mixins for this plugin because it relies on classes in the JS to work. These variables should give you the control you need to change styles as you see fit:</p>
 <%= code_example '
 /* We use these to set the background colors for parts of Clearing. */
-$clearing-bg:                           #111;
-$clearing-caption-bg:                   $clearing-bg;
-$clearing-carousel-bg:                  #111;
-$clearing-img-bg:                       $clearing-bg;
+$clearing-bg: #111;
+$clearing-caption-bg: $clearing-bg;
+$clearing-carousel-bg: #111;
+$clearing-img-bg: $clearing-bg;
 
 /* We use these to style the close button */
-$clearing-close-color:                  #fff;
-$clearing-close-size:                   40px;
+$clearing-close-color: #fff;
+$clearing-close-size: 40px;
 
 /* We use these to style the arrows */
-$clearing-arrow-size:                   16px;
-$clearing-arrow-color:                  $clearing-close-color;
+$clearing-arrow-size: 16px;
+$clearing-arrow-color: $clearing-close-color;
 
 /* We use these to style captions */
-$clearing-caption-font-color:           #fff;
-$clearing-caption-padding:              10px 30px;
+$clearing-caption-font-color: #fff;
+$clearing-caption-padding: 10px 30px;
 
 /* We use these to make the image and carousel height and style */
-$clearing-active-img-height:            75%;
-$clearing-carousel-height:              150px;
-$clearing-carousel-thumb-width:         175px;
+$clearing-active-img-height: 75%;
+$clearing-carousel-height: 150px;
+$clearing-carousel-thumb-width: 175px;
 $clearing-carousel-thumb-active-border: 4px solid rgb(255,255,255);
 ', :css %>
 

data/docs/components/dropdown-buttons.html.erb

@@ -117,32 +117,32 @@ $base-style: true
         <h5>Default SCSS Variables</h5>
 <%= code_example '
 /* We use these to set the color of the pip in dropdown buttons */
-$dropdown-button-pip-color:     #fff;
+$dropdown-button-pip-color: #fff;
 $dropdown-button-pip-color-alt: #333;
 
 /* We use these to style tiny dropdown buttons */
-$dropdown-button-padding-tny:   $button-tny * 5;
-$dropdown-button-pip-size-tny:  $button-tny;
+$dropdown-button-padding-tny: $button-tny * 5;
+$dropdown-button-pip-size-tny: $button-tny;
 $dropdown-button-pip-right-tny: $button-tny * 2;
-$dropdown-button-pip-top-tny:   -$button-tny / 2 + emCalc(1px);
+$dropdown-button-pip-top-tny: -$button-tny / 2 + emCalc(1px);
 
 /* We use these to style small dropdown buttons */
-$dropdown-button-padding-sml:   $button-sml * 5;
-$dropdown-button-pip-size-sml:  $button-sml;
+$dropdown-button-padding-sml: $button-sml * 5;
+$dropdown-button-pip-size-sml: $button-sml;
 $dropdown-button-pip-right-sml: $button-sml * 2;
-$dropdown-button-pip-top-sml:   -$button-sml / 2 + emCalc(2px);
+$dropdown-button-pip-top-sml: -$button-sml / 2 + emCalc(2px);
 
 /* We use these to style medium dropdown buttons */
-$dropdown-button-padding-med:   $button-med * 4 + emCalc(3px);
-$dropdown-button-pip-size-med:  $button-med - emCalc(3px);
+$dropdown-button-padding-med: $button-med * 4 + emCalc(3px);
+$dropdown-button-pip-size-med $button-med - emCalc(3px);
 $dropdown-button-pip-right-med: $button-med * 2;
-$dropdown-button-pip-top-med:   -$button-med / 2 + emCalc(2px);
+$dropdown-button-pip-top-med: -$button-med / 2 + emCalc(2px);
 
 /* We use these to style large dropdown buttons */
-$dropdown-button-padding-lrg:   $button-lrg * 4;
-$dropdown-button-pip-size-lrg:  $button-lrg - emCalc(6px);
+$dropdown-button-padding-lrg: $button-lrg * 4;
+$dropdown-button-pip-size-lrg: $button-lrg - emCalc(6px);
 $dropdown-button-pip-right-lrg: $button-lrg + emCalc(12px);
-$dropdown-button-pip-top-lrg:   -$button-lrg / 2 + emCalc(3px);
+$dropdown-button-pip-top-lrg: -$button-lrg / 2 + emCalc(3px);
 ', :css %>
 
         <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>. It is included in <strong>_variables.scss</strong>.</p>

data/docs/components/dropdown.html.erb

@@ -121,35 +121,35 @@ $max-width: $f-dropdown-max-width
 
 <%= code_example '
 /* We use these to controls height and width styles. */
-$f-dropdown-max-width:            200px;
-$f-dropdown-height:               auto;
-$f-dropdown-max-height:           none;
-$f-dropdown-margin-top:           2px;
+$f-dropdown-max-width: 200px;
+$f-dropdown-height: auto;
+$f-dropdown-max-height: none;
+$f-dropdown-margin-top: 2px;
 
 /* We use this to control the background color */
-$f-dropdown-bg:                   #fff;
+$f-dropdown-bg: #fff;
 
 /* We use this to set the border styles for dropdowns. */
-$f-dropdown-border-style:         solid;
-$f-dropdown-border-width:         1px;
-$f-dropdown-border-color:         darken(#fff, 20%);
+$f-dropdown-border-style: solid;
+$f-dropdown-border-width: 1px;
+$f-dropdown-border-color: darken(#fff, 20%);
 
 /* We use these to style the triangle pip. */
-$f-dropdown-triangle-size:        6px;
-$f-dropdown-triangle-color:       #fff;
+$f-dropdown-triangle-size: 6px;
+$f-dropdown-triangle-color: #fff;
 $f-dropdown-triangle-side-offset: 10px;
 
 /* We use these to control styles for the list elements. */
-$f-dropdown-list-style:           none;
-$f-dropdown-font-color:           #555;
-$f-dropdown-font-size:            emCalc(14px);
-$f-dropdown-list-padding:         emCalc(5px) emCalc(10px);
-$f-dropdown-line-height:          emCalc(18px);
-$f-dropdown-list-hover-bg:        #eeeeee;
-$dropdown-mobile-default-float:   0;
+$f-dropdown-list-style: none;
+$f-dropdown-font-color: #555;
+$f-dropdown-font-size: emCalc(14px);
+$f-dropdown-list-padding: emCalc(5px) emCalc(10px);
+$f-dropdown-line-height: emCalc(18px);
+$f-dropdown-list-hover-bg: #eeeeee;
+$dropdown-mobile-default-float: 0;
 
 /* We use this to control the styles for when the dropdown has custom content. */
-$f-dropdown-content-padding:      emCalc(20px);', :css %>
+$f-dropdown-content-padding: emCalc(20px);', :css %>
 
       <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>. It is included in <strong>_variables.scss</strong>.</p>
 

data/docs/components/flex-video.html.erb

@@ -76,9 +76,9 @@
 
 <%= code_example '
 /* We use these to control video container padding and margins */
-$flex-video-padding-top:               emCalc(25px);
-$flex-video-padding-bottom:            67.5%;
-$flex-video-margin-bottom:             emCalc(16px);
+$flex-video-padding-top: emCalc(25px);
+$flex-video-padding-bottom: 67.5%;
+$flex-video-margin-bottom: emCalc(16px);
 
 /* We use this to control widescreen bottom padding */
 $flex-video-widescreen-padding-bottom: 57.25%;

data/docs/components/forms.html.erb

@@ -412,58 +412,58 @@ $is-button: false
         <h5>Default SCSS Variables</h5>
 <%= code_example '
 /* We use this to set the base for lots of form spacing and positioning styles */
-$form-spacing:                       emCalc(16px);
+$form-spacing: emCalc(16px);
 
 /* We use these to style the labels in different ways */
-$form-label-pointer:                 pointer;
-$form-label-font-size:               emCalc(14px);
-$form-label-font-weight:             500;
-$form-label-font-color:              lighten(#000, 30%);
-$form-label-bottom-margin:           emCalc(3px);
-$input-font-color:                   rgba(0,0,0,0.75);
-$input-font-size:                    emCalc(14px);
-$input-bg-color:                     #fff;
-$input-focus-bg-color:               darken(#fff, 2%);
-$input-border-color:                 darken(#fff, 20%);
-$input-focus-border-color:           darken(#fff, 40%);
-$input-border-style:                 solid;
-$input-border-width:                 1px;
-$input-disabled-bg:                  #ddd;
-$input-box-shadow:                   inset 0 1px 2px rgba(0,0,0,0.1);
-$input-include-glowing-effect:       true;
+$form-label-pointer: pointer;
+$form-label-font-size: emCalc(14px);
+$form-label-font-weight: 500;
+$form-label-font-color: lighten(#000, 30%);
+$form-label-bottom-margin: emCalc(3px);
+$input-font-color: rgba(0,0,0,0.75);
+$input-font-size: emCalc(14px);
+$input-bg-color: #fff;
+$input-focus-bg-color: darken(#fff, 2%);
+$input-border-color: darken(#fff, 20%);
+$input-focus-border-color: darken(#fff, 40%);
+$input-border-style: solid;
+$input-border-width: 1px;
+$input-disabled-bg: #ddd;
+$input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+$input-include-glowing-effect: true;
 
 /* We use these to style the fieldset border and spacing. */
-$fieldset-border-style:              solid;
-$fieldset-border-width:              1px;
-$fieldset-border-color:              #ddd;
-$fieldset-padding:                   emCalc(20px);
-$fieldset-margin:                    emCalc(18px) 0;
+$fieldset-border-style: solid;
+$fieldset-border-width: 1px;
+$fieldset-border-color: #ddd;
+$fieldset-padding: emCalc(20px);
+$fieldset-margin: emCalc(18px) 0;
 
 /* We use these to style the legends when you use them */
-$legend-bg:                          #fff;
-$legend-font-weight:                 bold;
-$legend-padding:                     0 emCalc(3px);
+$legend-bg: #fff;
+$legend-font-weight: bold;
+$legend-padding: 0 emCalc(3px);
 
 /* We use these to style the prefix and postfix input elements */
-$input-prefix-bg:                    darken(#fff, 5%);
-$input-prefix-border-color:          darken(#fff, 20%);
-$input-prefix-border-size:           1px;
-$input-prefix-border-type:           solid;
-$input-prefix-overflow:              hidden;
-$input-prefix-font-color:            #333;
-$input-prefix-font-color-alt:        #fff;
+$input-prefix-bg: darken(#fff, 5%);
+$input-prefix-border-color: darken(#fff, 20%);
+$input-prefix-border-size: 1px;
+$input-prefix-border-type: solid;
+$input-prefix-overflow: hidden;
+$input-prefix-font-color: #333;
+$input-prefix-font-color-alt: #fff;
 
 /* We use these to style the error states for inputs and labels */
-$input-error-message-padding:        emCalc(6px) emCalc(4px);
-$input-error-message-top:            -($form-spacing) - emCalc(5px);
-$input-error-message-font-size:      emCalc(12px);
-$input-error-message-font-weight:    bold;
-$input-error-message-font-color:     #fff;
+$input-error-message-padding: emCalc(6px) emCalc(4px);
+$input-error-message-top: -($form-spacing) - emCalc(5px);
+$input-error-message-font-size: emCalc(12px);
+$input-error-message-font-weight: bold;
+$input-error-message-font-color: #fff;
 $input-error-message-font-color-alt: #333;
 
 +/* We use this to style the glowing effect of inputs when focused */
-+$glowing-effect-fade-time:           0.45s !default;
-+$glowing-effect-color:               $input-focus-border-color !default;
++$glowing-effect-fade-time: 0.45s !default;
++$glowing-effect-color: $input-focus-border-color !default;
 
 ', :css %>