zurb-foundation 3.2.2 → 3.2.3

data/README.md

@@ -61,6 +61,8 @@ MODX
 
 * [NuGet Package for ASP.Net MVC](http://www.nuget.org/packages/Foundation3_MVC4) by Edward Charbeneau, @EdCharbeneau
 
+Python
+* [Pyramid Scaffold](https://github.com/ppinette/pyramid_foundation) by Parker Pinette
 
 CodeIgniter
 

data/lib/foundation/version.rb

@@ -1,3 +1,3 @@
 module Foundation
-  VERSION = "3.2.2"
+  VERSION = "3.2.3"
 end

data/scss/foundation/common/_forms.scss

@@ -31,7 +31,7 @@
 
     &.oversize { font-size: ms(1); padding: (($formSpacing - 4) / 2) ($formSpacing / 2); }
 
-    &:focus { background: $inputFocusBgColor; outline: none !important; border-color: $inputFocusBorderColor; }
+    &:focus { background: $inputFocusBgColor; border-color: $inputFocusBorderColor; }
     &[disabled] { background-color: #ddd; }
   }
 

data/scss/foundation/common/_globals.scss

@@ -11,7 +11,7 @@
   a img { border:none; }
   a { color: $mainColor; text-decoration: none; line-height: inherit; }
   a:hover { color: darken($mainColor, 5%); }
-  a:focus { color: $mainColor; outline: none; }
+  a:focus { color: darken($mainColor, 5%); }
   p a, p a:visited { line-height: inherit; }
 
 /* Misc ---------------------- */
@@ -21,7 +21,8 @@
   .text-left   { text-align: left; }
   .text-right  { text-align: right; }
   .text-center { text-align: center; }
-  .hide        { display: none !important; }
+  .hide        { display: none; }
+  .hide-override { display: none !important; }
   .highlight   { background: $highlightColor; }
 
   #googlemap img, object, embed { max-width: none; }

data/scss/foundation/components/modules/_buttons.scss

@@ -1,11 +1,10 @@
 /* Normal Buttons ---------------------- */
 
-  .button { width: auto; background: $mainColor; border: 1px solid darken(($mainColor), 15%); @include box-shadow(0 1px 0 $shinyEdge inset); color: $white; cursor: pointer; display: inline-block; font-family: inherit; font-size: ms(0); font-weight: bold; line-height: 1; margin: 0; outline: none; padding: $btnBase ($btnBase * 2) ($btnBase + 1); position: relative; text-align: center; text-decoration: none; @include single-transition(background-color, .15s, ease-in-out);
+  .button { width: auto; background: $mainColor; border: 1px solid darken(($mainColor), 15%); @include box-shadow(0 1px 0 $shinyEdge inset); color: $white; cursor: pointer; display: inline-block; font-family: inherit; font-size: ms(0); font-weight: bold; line-height: 1; margin: 0; padding: $btnBase ($btnBase * 2) ($btnBase + 1); position: relative; text-align: center; text-decoration: none; @include single-transition(background-color, .15s, ease-in-out);
 
     /* Hovers */
-    &:hover { color: $white; background-color: darken(($mainColor), 10%); }
+    &:hover, &:focus { color: $white; background-color: darken(($mainColor), 10%); }
     &:active  { @include box-shadow(0 1px 0 $darkEdge inset); }
-    &:focus { @include box-shadow(0 0 4px opacify($mainColor, 0.3), 0 1px 0 $shinyEdge inset); color: $white; }
 
     /* Sizes */
     &.large     { font-size: ms(1); padding: ($largeBtnBase) ($largeBtnBase * 2) ($largeBtnBase + 1); }
@@ -16,20 +15,16 @@
 
     /* Colors */
     &.primary { background-color: $mainColor; border: 1px solid darken(($mainColor), 15%);
-      &:hover { background-color: darken(($mainColor), 10%); }
-      &:focus { @include box-shadow(0 0 4px opacify($mainColor, 0.3), 0 1px 0 $shinyEdge inset); }
+      &:hover, &:focus { background-color: darken(($mainColor), 10%); }
     }
     &.success { background-color: $successColor; border: 1px solid darken(($successColor), 15%);
-      &:hover { background-color: darken(($successColor), 10%); }
-      &:focus { @include box-shadow(0 0 5px opacify($successColor, 0.4), 0 1px 0 $shinyEdge inset); }
+      &:hover, &:focus { background-color: darken(($successColor), 10%); }
     }
     &.alert { background-color: $alertColor; border: 1px solid darken(($alertColor), 15%);
-      &:hover { background-color: darken(($alertColor), 10%); }
-      &:focus { @include box-shadow(0 0 4px opacify($alertColor, 0.3), 0 1px 0 $shinyEdge inset); }
+      &:hover, &:focus { background-color: darken(($alertColor), 10%); }
     }
     &.secondary { background-color: $secondaryColor; color: darken(($secondaryColor), 80%); border: 1px solid darken(($secondaryColor), 15%);
-      &:hover { background-color: darken(($secondaryColor), 10%); }
-      &:focus { @include box-shadow(0 0 5px opacify($secondaryColor, 0.5), 0 1px 0 $shinyEdge inset); }
+      &:hover, &:focus { background-color: darken(($secondaryColor), 10%); }
     }
 
     /* Radii */
@@ -45,13 +40,13 @@
       :hover { background: $mainColor; }
 
       &.success { background-color: $successColor;
-        &:hover { background-color: $successColor; }
+        &:hover, &:focus { background-color: $successColor; outline: none; }
       }
       &.alert { background-color: $alertColor;
-        &:hover { background-color: $alertColor; }
+        &:hover, &:focus { background-color: $alertColor; outline: none; }
       }
       &.secondary { background-color: $secondaryColor;
-        &:hover { background-color: $secondaryColor; }
+        &:hover, &:focus { background-color: $secondaryColor; outline: none; }
       }
     }
 	}
@@ -88,7 +83,7 @@
 
       li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none;
         a { display: block; color: #555; font-size: ms(0) - 1; font-weight: $bodyFontWeight; padding: 6px 14px; text-align: $defaultFloat; }
-        &:hover { background-color: lighten($mainColor, 45%); color: #222; }
+        &:hover, &:focus { background-color: lighten($mainColor, 45%); color: #222; }
         &.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: darken($white, 7%); }
       }
     }
@@ -106,14 +101,14 @@
     &.split { padding: 0; position: relative;
 
       &:after { display: none; }
-      &:hover { background-color: $mainColor; }
-      &.alert:hover { background-color: $alertColor; }
-      &.success:hover { background-color: $successColor; }
-      &.secondary:hover { background-color: $secondaryColor; }
+      &:hover, &:focus { background-color: $mainColor; }
+      &.alert:hover, &.alert:focus { background-color: $alertColor; }
+      &.success:hover, &.success:focus { background-color: $successColor; }
+      &.secondary:hover, &.secondary:focus { background-color: $secondaryColor; }
 
       /* Sizes */
       &>a { color: $white; display: block; padding: $btnBase (($btnBase * 2.5) * 2) ($btnBase + 1) ($btnBase * 2); padding-#{$defaultFloat}: $btnBase * 2; padding-#{$defaultOpposite}: ($btnBase * 2.5) * 2; @include single-transition(background-color, .15s, ease-in-out);
-        &:hover { background-color: darken($mainColor, 10%); }
+        &:hover, &:focus { background-color: darken($mainColor, 10%); }
       }
       &.large>a { padding: $largeBtnBase (($largeBtnBase * 2.5) * 2) ($largeBtnBase + 1) ($largeBtnBase * 2); padding-#{$defaultFloat}: $largeBtnBase * 2; padding-#{$defaultOpposite}: ($largeBtnBase * 2.5) * 2; }
       &.small>a { padding: $smallBtnBase (($smallBtnBase * 2.5) * 2) ($smallBtnBase + 1) ($smallBtnBase * 2); padding-#{$defaultFloat}: $smallBtnBase * 2; padding-#{$defaultOpposite}: ($smallBtnBase * 2.5) * 2; }
@@ -121,7 +116,7 @@
 
       /* Triangle Spans */
       &>span { background-color: $mainColor; position: absolute; #{$defaultOpposite}: 0; top: 0; height: 100%; width: $btnBase * 3; border-#{$defaultFloat}: 1px solid darken($mainColor, 15%); @include box-shadow(1px 1px 0 $shinyEdge inset); @include single-transition(background-color, .15s, ease-in-out);
-        &:hover { background-color: darken($mainColor, 10%); }
+        &:hover, &:focus { background-color: darken($mainColor, 10%); }
         &:after { @include cssTriangle(6px, #fff, top); position: absolute; top: 50%; #{$defaultFloat}: 50%; margin-#{$defaultFloat}: -6px; margin-top: -2px; }
       }
       &.secondary>span:after { @include cssTriangle(6px, darken(($secondaryColor), 80%), top); }
@@ -140,9 +135,9 @@
       &.secondary>span { background-color: $secondaryColor; border-#{$defaultFloat}-color: darken($secondaryColor, 15%); }
       &.secondary>a { color: darken(($secondaryColor), 80%); }
 
-      &.alert>a:hover, &.alert>span:hover { background-color: darken($alertColor, 10%); }
-      &.success>a:hover, &.success>span:hover { background-color: darken($successColor, 10%); }
-      &.secondary>a:hover, &.secondary>span:hover { background-color: darken($secondaryColor, 10%); }
+      &.alert>a:hover, &.alert>span:hover, &.alert>a:focus, &.alert>span:focus { background-color: darken($alertColor, 10%); }
+      &.success>a:hover, &.success>span:hover, &.success>a:focus, &.success>span:focus { background-color: darken($successColor, 10%); }
+      &.secondary>a:hover, &.secondary>span:hover, &.secondary>a:focus, &.secondary>span:focus { background-color: darken($secondaryColor, 10%); }
     }
   }
 

data/scss/foundation/components/modules/_clearing.scss

@@ -13,7 +13,7 @@
 }
 
 .clearing-close { z-index: 999; position: absolute; top: 10px; right: 20px; font-size: 30px; line-height: 1; color: $clearingCloseColor; display: none;
-  &:hover { color: #ccc; }
+  &:hover, &:focus { color: #ccc; }
 }
 .clearing-main-left, .clearing-main-right { position: absolute; top: 50%; margin-top: -16px; }
 .clearing-main-left.disabled, .clearing-main-right.disabled { opacity: 0.5; }
@@ -39,4 +39,23 @@ ul[data-clearing] li { cursor: pointer; display: block;
       &.visible { border-top: $clearingCarouselThumbActiveBorder; }
     }
   }
-}
+}
+
+/* Overrides clear:both; when using block-grid with Clearing. Also overrided .th styling when Clearing is open */
+ul.block-grid[data-clearing] { overflow: visible; }
+.clearing-blackout {
+  ul.block-grid[data-clearing] {
+    @for $i from 1 through $blockGridElements {
+      &.#{convert-number-to-word($i)}-up {
+        &>li {
+          @if $i > 1 { &:nth-child(#{$i}n+1) { clear: none; } }
+        }
+      }
+    }
+  }
+  .th img { border: none; @include box-shadow(0 0 0 0 rgba(#000,0)); @include border-radius(0); }
+    &:hover, &:focus {
+      img { @include box-shadow(0 0 0 0 rgba(0,0,0,0)); }
+    }
+}
+

data/scss/foundation/components/modules/_joyride.scss

@@ -27,7 +27,7 @@
 .joyride-timer-indicator { display: block; width: 0; height: inherit; background: $tipTimerColor; }
 
 .joyride-close-tip { position: absolute; right: 10px; top: 10px; color: $tipCloseColor !important; text-decoration: none; font-size: $tipCloseSize; font-weight: $tipCloseWeight; line-height: .5 !important;
-  &:hover { color: #eee !important; }
+  &:hover, &:focus { color: #eee !important; }
 }
 
 .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: $tipScreenFill; z-index: 100; display: none; top: 0; left: 0; cursor: pointer; }

data/scss/foundation/components/modules/_mqueries.scss

@@ -363,7 +363,7 @@
         &>li { float: none;
           &.active, &:hover { background: darken($topBarDropBgColor, 5%); }
           /* Branding and name */
-          &.name { background: darken($topBarBgColor, 20%); height: $topBarHeightMobile;
+          &.name { height: $topBarHeightMobile;
             h1 { line-height: 1;
               a { color: $topBarLinkColor; display: block; line-height: $topBarHeightMobile !important; padding-left: $topBarHeightMobile / 3; height: $topBarHeightMobile; }
             }
@@ -398,7 +398,7 @@
             &:hover >.dropdown { display: block; visibility: hidden; }
             .dropdown { visibility: hidden; z-index: 0 !important; }
             &.moved { position: static;
-              .dropdown { top: 0; visibility: visible;
+              &>.dropdown { top: 0; visibility: visible;
                 li {
                   label { margin-bottom: 6px; padding-top: 6px !important; font-size: ms(0) - 3; }
                   &:not(.title) { padding-bottom: 0;

data/scss/foundation/components/modules/_navbar.scss

@@ -64,7 +64,7 @@
 
     li { border-#{$defaultFloat}: solid 3px #CCC;
       a { background: darken($white, 5%); border: 1px solid darken($white, 10%); border-width: 1px 1px 0 0; color: #555; display: block; font-size: ms(0); height: auto; line-height: 1; padding: (($navBarHeight / 2) - 5) ($navBarHeight / 2); @include box-shadow(0 1px 0 $shinyEdge inset);
-        &:hover { background: darken($white, 8%); color: #333; }
+        &:hover, &:focus { background: darken($white, 8%); color: #333; }
       }
       &.active { margin-top: 0; border-top: 1px solid lighten($black, 30%); border-#{$defaultFloat}: 4px solid lighten($black, 10%);
         a { background: lighten($black, 30%); border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; @include box-shadow(0 0 0); }

data/scss/foundation/components/modules/_orbit.scss

@@ -32,7 +32,7 @@
     span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; #{$defaultFloat}: 0; background: image-url("foundation/orbit/pause-black.png") no-repeat; z-index: 4; opacity: 0;
       &.active { background: image-url("foundation/orbit/pause-black.png") no-repeat 0 -40px; }
     }
-    div.timer:hover span.pause, span.pause.active { opacity: 1 }
+    div.timer:hover span.pause, div.timer:focus span.pause, span.pause.active { opacity: 1 }
   }
 
   /* Captions ---------------------- */
@@ -76,7 +76,7 @@
 
   /* Correct timer in IE */
   .lt-ie9 .timer { display: none !important; }
-  .lt-ie9 div.caption { background: $orbitCaptionBgColorOldBrowser; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
+  .lt-ie9 div.orbit-caption { background: $orbitCaptionBgColorOldBrowser; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
 
 // Allow slides to be stacked on mobile devices
 @media only screen and (max-width: $screenSmall - 1) {

data/scss/foundation/components/modules/_reveal.scss

@@ -8,7 +8,7 @@
 
   .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(#000, .45); z-index: 40; display: none; top: 0; #{$defaultFloat}: 0; }
 
-  .reveal-modal { background: $white; visibility: hidden; display: none; top: 100px; #{$defaultFloat}: 50%; margin-#{$defaultFloat}: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; @include box-shadow(0 0 10px rgba(#000,.4));
+  .reveal-modal { background: #fff; visibility: hidden; display: none; top: 100px; #{$defaultFloat}: 50%; margin-#{$defaultFloat}: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; @include box-shadow(0 0 10px rgba(#000,.4));
     .close-reveal-modal {
       @include font-size(22);
       line-height: .5;
@@ -29,4 +29,7 @@
     > :first-child { margin-top: 0; }
     > :last-child { margin-bottom: 0; }
   }
-  @media print { .reveal-modal { border: solid 1px #000; background: rgba(255,255,255,1) !important; } }
+  @media print {
+    div:not(.reveal-modal) { display: none; }
+    .reveal-modal { border: solid 1px #000; background: #fff; }
+  }

data/scss/foundation/components/modules/_topbar.scss

@@ -22,7 +22,7 @@
   .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }
 
   /* <nav> */
-  .top-bar { background: $topBarBgColor; height: $topBarHeight; line-height: $topBarHeight; margin: 0 0 $topBarBtmMargin; padding: 0; width: 100%;
+  .top-bar { background: $topBarBgColor; height: $topBarHeight; line-height: $topBarHeight; margin: 0 0 $topBarBtmMargin; padding: 0; width: 100%; position: relative;
 
     /* Contain width to .row width */
     .contain-to-grid & { max-width: $rowWidth; margin: 0 auto; }
@@ -45,7 +45,7 @@
       &>li { float: left;
         a:not(.button) { color: $topBarLinkColor; display: block; font-size: $topBarLinkSize; font-weight: $topBarLinkWeight; height: $topBarHeight; line-height: $topBarHeight; padding: 0 $topBarHeight / 3; }
         &:not(.name) {
-          &:hover, &.active { background: darken($topBarBgColor, 15%);
+          &:hover, &.active, &:focus { background: darken($topBarBgColor, 15%);
             a { color: darken($topBarLinkColor, 15%); }
           }
         }
@@ -56,7 +56,7 @@
         /* Put a button in an <li> but give is a class */
         &.has-button {
           a.button { margin: 0 $topBarHeight / 4; }
-          &:hover { background: $topBarBgColor;
+          &:hover, &:focus { background: $topBarBgColor;
             a { color: #fff; }
           }
         }
@@ -69,7 +69,7 @@
             }
             input[type=search] { font-size: 16px; margin-bottom: 0; }
           }
-          &:hover { background: $topBarBgColor; }
+          &:hover, &:focus { background: $topBarBgColor; }
         }
 
         /* Hide the triangle for breakpoint menu */
@@ -77,7 +77,7 @@
 
         /* li.has-dropdown */
         &.has-dropdown { position: relative;
-          &:hover { &>.dropdown { display: block; visibility: visible; } }
+          &:hover, &:focus { &>.dropdown { display: block; visibility: visible; } }
           a { padding-right: $topBarHeight * .75;
             &:after { @include cssTriangle($topBarDropToggleSize, $topBarDropToggleColor, top); margin-right: $topBarHeight / 3; margin-top: -$topBarDropToggleSize / 2; position: absolute; right: 0; top: 50%; }
           }
@@ -85,7 +85,7 @@
             li { background: $topBarDropBgColor; line-height: 1; min-width: 100%; padding-bottom: 5px;
               a { color: $topBarDropLinkColor; font-weight: normal; height: 100%; line-height: 1; padding: 5px $topBarHeight / 3 + 2 5px $topBarHeight / 3; white-space: nowrap;
                 &:after { border: none; }
-                &:hover { background: lighten($topBarDropBgColor, 10%); }
+                &:hover, &:focus { background: lighten($topBarDropBgColor, 10%); }
               }
               label { color: lighten($topBarDropBgColor, 30%); font-size: ms(0) - 4; font-weight: $topBarLinkWeight; margin: 0; padding-left: $topBarHeight / 3; text-transform: uppercase; }
               &.divider { border-top: solid 1px darken($topBarDropBgColor, 20%); @include box-shadow(0 1px 0 rgba(255,255,255,.10) inset); height: 10px; padding: 0; width: 100%; }
@@ -100,7 +100,7 @@
               &:after { border: none; content:"\00bb"; right: 5px; top: 6px; }
             }
             .dropdown { position: absolute; left: 100%; top: 0; }
-            &:hover {
+            &:hover, &:focus {
               &>.dropdown { display: block; }
             }
           }
@@ -131,7 +131,7 @@
   /* IE8 Fixes */
   .lt-ie9 .top-bar ul li a { color: $topBarLinkColor; display: block; font-weight: $topBarLinkWeight; font-size: $topBarLinkSize; height: $topBarHeight; line-height: $topBarHeight; padding: 0 $topBarHeight / 3;
     &.button { height: auto; line-height: 30px; margin-top: 7px; }
-    &:hover { color: darken($topBarLinkColor, 20%); }
+    &:hover, &:focus { color: darken($topBarLinkColor, 20%); }
     img { margin-top: -5px; vertical-align: middle; }
     &.active { background: darken($topBarBgColor, 5%); color: darken($topBarLinkColor, 15%); }
   }

data/scss/foundation/components/modules/_ui.scss

@@ -53,7 +53,7 @@
 
   .has-tip { border-bottom: $hasTipBorderBottom; cursor: help; font-weight: $hasTipFontWeight; color: $hasTipFontColor;
 
-    &:hover { border-bottom: $hasTipBorderBottomHover; color: $hasTipFontColorHover; }
+    &:hover, &:focus { border-bottom: $hasTipBorderBottomHover; color: $hasTipFontColorHover; }
     &.tip-left, &.tip-right { float: none !important; }
 
   }
@@ -87,7 +87,7 @@
       a { color: #fff; }
       .button { background: $white; border: none; color: $mainColor; @include text-shadow(none);
 
-        &:hover { background: rgba(255,255,255,0.8); }
+        &:hover, &:focus { background: rgba(255,255,255,0.8); }
       }
     }
 
@@ -156,7 +156,7 @@
       &.unavailable a { cursor: default; color: #999; }
       &.unavailable:hover a, &.unavailable a:focus { background: transparent; }
       &.current a { background: $mainColor; color: $white; font-weight: bold; cursor: default;
-        &:hover { background: $mainColor; }
+        &:hover, &:focus { background: $mainColor; }
       }
     }
 
@@ -200,7 +200,7 @@
   /* Image Thumbnails ---------------------- */
   .th { display: block;
     img { display: block; border: solid 4px #fff; @include box-shadow(0 0 0 1px rgba(#000,.2)); @include border-radius($thumbRadius); @include transition-property(box-shadow); @include transition-duration(300ms); }
-    &:hover {
+    &:hover, &:focus {
       img { @include box-shadow(0 0 6px 1px rgba($mainColor,.5)); }
     }
   }

data/templates/project/scss/app.scss

@@ -1,4 +1,4 @@
-// You custom settings file to override Foundation defaults
+// Your custom settings file to override Foundation defaults
 @import "settings";
 
 // Comment out this import if you are customizing you imports below

data/test/clearing.html

@@ -33,13 +33,22 @@
 
       <div class="row">
         <div class="eight columns">
-          <div data-magellan-expedition="fixed">
+          <div>
             <h4>Clearing Show</h4>
             <p>Click on an image to open it.</p>
+
+            <ul class="block-grid three-up" data-clearing>
+              <li><a class="th" href="http://placekitten.com/1000/700"><img src="http://placekitten.com/200/200"></a></li>
+              <li><a class="th" href="http://placekitten.com/1000/800"><img src="http://placekitten.com/300/300"></a></li>
+              <li><a class="th" href="http://placekitten.com/1000/900"><img src="http://placekitten.com/400/400"></a></li>
+              <li><a class="th" href="http://placekitten.com/1000/1000"><img src="http://placekitten.com/500/500"></a></li>
+              <li><a class="th" href="http://placekitten.com/1000/1100"><img src="http://placekitten.com/700/700"></a></li>
+              <li><a class="th" href="http://placekitten.com/1000/1100"><img src="http://placekitten.com/700/700"></a></li>
+            </ul>
           </div>
         </div>
         <div class="four columns">
-          <h4>Photo Gallery</h4>
+         <!--  <h4>Photo Gallery</h4>
 
           <ul class="block-grid three-up" data-clearing>
             <li class="clearing-feature"><a href="http://placekitten.com/g/1000/800"><img data-caption="Maecenas sed diam eget risus varius blandit sit amet non magna." src="http://placekitten.com/g/100/100"></a></li>
@@ -48,7 +57,7 @@
             <li><img data-caption="Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum." src="http://placekitten.com/g/1200/800"></li>
             <li><img data-caption="Etiam porta sem malesuada magna mollis euismod." src="http://placekitten.com/g/1200/1000"></li>
             <li><img data-caption="WDuis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit." src="http://placekitten.com/g/1400/800"></li>
-          </ul>
+          </ul> -->
         </div>
       </div>
     </div>

data/test/reveal.html

@@ -33,7 +33,7 @@
 			<h4 class="subheader">Modal dialogs, or pop-up windows, are handy for prototyping and production. Foundation includes Reveal our jQuery modal plugin, to make this easy for you.</h4>
 
 			<p>
-        <a href="#" class="radius button">
+        <a href="#" data-reveal-id="exampleModal" class="radius button">
           Example Modal&hellip;
         </a>
       </p>

data/test/topbar.html

@@ -55,11 +55,30 @@
               <ul class="dropdown">
                 <li><label>Section Name</label></li>
                 <li class="has-dropdown">
-                  <a href="#" class="">Dropdown Level 1</a>
+                  <a href="#" class="">Dropdown Level 1a</a>
                   <ul class="dropdown">
                     <li><a href="#">Subdropdown Option</a></li>
                     <li><a href="#">Subdropdown Option</a></li>
-                    <li class="has-dropdown"><a href="#">Dropdown Level 3</a>
+                    <li class="has-dropdown"><a href="#">Dropdown Level 3a</a>
+                      <ul class="dropdown">
+                        <li><label>Section Name</label></li>
+                        <li><a href="#">Subdropdown Option</a></li>
+                        <li><a href="#">Subdropdown Option</a></li>
+                        <li class="divider"></li>
+                        <li><a href="#">Subdropdown Option</a></li>
+                      </ul>
+                    </li>
+                    <li><a href="#">Subdropdown Option</a></li>
+                    <li><a href="#">Subdropdown Option</a></li>
+                    <li><a href="#">Subdropdown Option</a></li>
+                  </ul>
+                </li>
+				        <li class="has-dropdown">
+                  <a href="#" class="">Dropdown Level 1b</a>
+                  <ul class="dropdown">
+                    <li><a href="#">Subdropdown Option</a></li>
+                    <li><a href="#">Subdropdown Option</a></li>
+                    <li class="has-dropdown"><a href="#">Dropdown Level 3b</a>
                       <ul class="dropdown">
                         <li><label>Section Name</label></li>
                         <li><a href="#">Subdropdown Option</a></li>

data/vendor/assets/javascripts/foundation/jquery.foundation.accordion.js

@@ -7,7 +7,6 @@
     if ($accordion.hasClass('hover') && !Modernizr.touch) {
       $('.accordion li', this).on({
         mouseenter : function () {
-          console.log('due');
           var p = $(this).parent(),
             flyout = $(this).children('.content').first();
 

data/vendor/assets/javascripts/foundation/jquery.foundation.buttons.js

@@ -4,16 +4,18 @@
   $.fn.foundationButtons = function (options) {
     var $doc = $(document),
       config = $.extend({
-        dropdownAsToggle:true,
+        dropdownAsToggle:false,
         activeClass:'active'
       }, options),
 
     // close all dropdowns except for the dropdown passed
       closeDropdowns = function (dropdown) {
+        // alert(dropdown.html());
         $('.button.dropdown').find('ul').not(dropdown).removeClass('show-dropdown');
       },
     // reset all toggle states except for the button passed
       resetToggles = function (button) {
+        // alert(button.html());
         var buttons = $('.button.dropdown').not(button);
         buttons.add($('> span.' + config.activeClass, buttons)).removeClass(config.activeClass);
       };
@@ -37,13 +39,15 @@
         }
 
       // close other dropdowns
-      closeDropdowns(config.dropdownAsToggle ? dropdown : '');
-      dropdown.toggleClass('show-dropdown');
+      setTimeout(function () {
+        closeDropdowns(config.dropdownAsToggle ? dropdown : '');
+        dropdown.toggleClass('show-dropdown');
 
-      if (config.dropdownAsToggle) {
-        resetToggles(button);
-        $el.toggleClass(config.activeClass);
-      }
+        if (config.dropdownAsToggle) {
+          resetToggles(button);
+          $el.toggleClass(config.activeClass);
+        }
+      }, 0);
     });
 
     // close all dropdowns and deactivate all buttons
@@ -59,10 +63,10 @@
     });
 
     // Positioning the Flyout List
-    var normalButtonHeight  = $('.button.dropdown:not(.large):not(.small):not(.tiny)', this).outerHeight() - 1,
-        largeButtonHeight   = $('.button.large.dropdown', this).outerHeight() - 1,
-        smallButtonHeight   = $('.button.small.dropdown', this).outerHeight() - 1,
-        tinyButtonHeight    = $('.button.tiny.dropdown', this).outerHeight() - 1;
+    var normalButtonHeight  = $('.button.dropdown:not(.large):not(.small):not(.tiny):visible', this).outerHeight() - 1,
+        largeButtonHeight   = $('.button.large.dropdown:visible', this).outerHeight() - 1,
+        smallButtonHeight   = $('.button.small.dropdown:visible', this).outerHeight() - 1,
+        tinyButtonHeight    = $('.button.tiny.dropdown:visible', this).outerHeight() - 1;
 
     $('.button.dropdown:not(.large):not(.small):not(.tiny) > ul', this).css('top', normalButtonHeight);
     $('.button.dropdown.large > ul', this).css('top', largeButtonHeight);

data/vendor/assets/javascripts/foundation/jquery.foundation.clearing.js

@@ -1,5 +1,5 @@
 /*
- * jQuery Foundation Clearing 1.0
+ * jQuery Foundation Clearing 1.2.1
  * http://foundation.zurb.com
  * Copyright 2012, ZURB
  * Free to use under the MIT license.
@@ -8,7 +8,7 @@
 
 /*jslint unparam: true, browser: true, indent: 2 */
 
-;(function ($, window, undefined) {
+;(function ($, window, document, undefined) {
   'use strict';
 
   var defaults = {
@@ -18,13 +18,17 @@
             '<p class="clearing-caption"></p><a href="#" class="clearing-main-left"></a>' +
             '<a href="#" class="clearing-main-right"></a></div>'
         },
+
+        // comma delimited list of selectors that, on click, will close clearing, 
+        // add 'div.clearing-blackout, div.visible-img' to close on background click
+        close_selectors : 'a.clearing-close',
+
+        // event initializers and locks
         initialized : false,
         locked : false
       },
 
-      superMethods = {},
-
-      methods = {
+      cl = {
         init : function (options, extendMethods) {
           return this.find('ul[data-clearing]').each(function () {
             var doc = $(document),
@@ -38,126 +42,59 @@
 
               $el.data('fndtn.clearing.settings', $.extend({}, defaults, options));
 
-              // developer goodness experiment
-              methods.extend(methods, extendMethods);
+              cl.assemble($el.find('li'));
 
-              // if the gallery hasn't been built yet...build it
-              methods.assemble($el.find('li'));
-
-              if (!defaults.initialized) methods.events();
+              if (!defaults.initialized) {
+                cl.events($el);
+                if (Modernizr.touch) cl.swipe_events();
+              }
 
             }
           });
         },
 
-        events : function () {
-          var doc = $(document);
-
-          doc.on('click.fndtn.clearing', 'ul[data-clearing] li', function (e, current, target) {
-            var current = current || $(this),
-                target = target || current,
-                settings = current.parent().data('fndtn.clearing.settings');
-
-            e.preventDefault();
-
-            if (!settings) {
-              current.parent().foundationClearing();
-            }
-
-            // set current and target to the clicked li if not otherwise defined.
-            methods.open($(e.target), current, target);
-            methods.update_paddles(target);
-          });
+        events : function (el) {
+          var settings = el.data('fndtn.clearing.settings');
 
-          $(window).on('resize.fndtn.clearing', function () {
-            var image = $('.clearing-blackout .visible-img').find('img');
+          $(document)
+            .on('click.fndtn.clearing', 'ul[data-clearing] li', function (e, current, target) {
+              var current = current || $(this),
+                  target = target || current,
+                  settings = current.parent().data('fndtn.clearing.settings');
 
-            if (image.length > 0) {
-              methods.center(image);
-            }
-          });
-
-          doc.on('click.fndtn.clearing', '.clearing-main-right', function (e) {
-            var clearing = $('.clearing-blackout').find('ul[data-clearing]');
-
-            e.preventDefault();
-            methods.go(clearing, 'next');
-          });
-
-          doc.on('click.fndtn.clearing', '.clearing-main-left', function (e) {
-            var clearing = $('.clearing-blackout').find('ul[data-clearing]');
-
-            e.preventDefault();
-            methods.go(clearing, 'prev');
-          });
+              e.preventDefault();
 
-          doc.on('click.fndtn.clearing', 'a.clearing-close, div.clearing-blackout, div.visible-img', function (e) {
-            var root = (function (target) {
-              if (/blackout/.test(target.selector)) {
-                return target;
-              } else {
-                return target.closest('.clearing-blackout');
+              if (!settings) {
+                current.parent().foundationClearing();
               }
-            }($(this))), container, visible_image;
 
-            if (this === e.target && root) {
-              container = root.find('div:first'),
-              visible_image = container.find('.visible-img');
+              // set current and target to the clicked li if not otherwise defined.
+              cl.open($(e.target), current, target);
+              cl.update_paddles(target);
+            })
 
-              defaults.prev_index = 0;
+            .on('click.fndtn.clearing', '.clearing-main-right', function (e) { cl.nav(e, 'next') })
+            .on('click.fndtn.clearing', '.clearing-main-left', function (e) { cl.nav(e, 'prev') })
+            .on('click.fndtn.clearing', settings.close_selectors, this.close)
+            .on('keydown.fndtn.clearing', this.keydown);
 
-              root.find('ul[data-clearing]').attr('style', '')
-              root.removeClass('clearing-blackout');
-              container.removeClass('clearing-container');
-              visible_image.hide();
-            }
-
-            return false;
-          });
-
-          // should specify a target selector
-          doc.on('keydown.fndtn.clearing', function (e) {
-            var clearing = $('.clearing-blackout').find('ul[data-clearing]');
-
-            // right
-            if (e.which === 39) {
-              methods.go(clearing, 'next');
-            }
-
-            // left
-            if (e.which === 37) {
-              methods.go(clearing, 'prev');
-            }
-
-            if (e.which === 27) {
-              $('a.clearing-close').trigger('click');
-            }
-          });
-
-          doc.on('movestart', function(e) {
-
-            // If the movestart is heading off in an upwards or downwards
-            // direction, prevent it so that the browser scrolls normally.
-
-            if ((e.distX > e.distY && e.distX < -e.distY) ||
-                (e.distX < e.distY && e.distX > -e.distY)) {
-              e.preventDefault();
-            }
-          });
-
-          doc.bind('swipeleft', 'ul[data-clearing] li', function () {
-            var clearing = $('.clearing-blackout').find('ul[data-clearing]');
-            methods.go(clearing, 'next');
-          });
-
-          doc.bind('swiperight', 'ul[data-clearing] li', function () {
-            var clearing = $('.clearing-blackout').find('ul[data-clearing]');
-            methods.go(clearing, 'prev');
-          });
+          $(window).on('resize.fndtn.clearing', this.resize);
 
           defaults.initialized = true;
         },
 
+        swipe_events : function () {
+          $(document)
+            .bind('swipeleft', 'ul[data-clearing]', function (e) { cl.nav(e, 'next') })
+            .bind('swiperight', 'ul[data-clearing]', function (e) { cl.nav(e, 'prev') })
+            .bind('movestart', 'ul[data-clearing]', function (e) {
+              if ((e.distX > e.distY && e.distX < -e.distY) ||
+                  (e.distX < e.distY && e.distX > -e.distY)) {
+                e.preventDefault();
+              }
+            });
+        },
+
         assemble : function ($li) {
           var $el = $li.parent(),
               settings = $el.data('fndtn.clearing.settings'),
@@ -177,27 +114,75 @@
               visible_image = container.find('.visible-img'),
               image = visible_image.find('img').not($image);
 
-          if (!methods.locked()) {
+          if (!cl.locked()) {
 
             // set the image to the selected thumbnail
             image.attr('src', this.load($image));
 
-            image.is_good(function () {
+            image.loaded(function () {
               // toggle the gallery if not visible
               root.addClass('clearing-blackout');
               container.addClass('clearing-container');
-              methods.caption(visible_image.find('.clearing-caption'), $image);
+              this.caption(visible_image.find('.clearing-caption'), $image);
               visible_image.show();
-              methods.fix_height(target);
-
-              methods.center(image);
+              this.fix_height(target);
+              this.center(image);
 
               // shift the thumbnails if necessary
-              methods.shift(current, target, function () {
+              this.shift(current, target, function () {
                 target.siblings().removeClass('visible');
                 target.addClass('visible');
               });
-            });
+            }.bind(this));
+          }
+        },
+
+        close : function (e) {
+          e.preventDefault();
+
+          var root = (function (target) {
+                if (/blackout/.test(target.selector)) {
+                  return target;
+                } else {
+                  return target.closest('.clearing-blackout');
+                }
+              }($(this))), container, visible_image;
+
+          if (this === e.target && root) {
+            container = root.find('div:first'),
+            visible_image = container.find('.visible-img');
+
+            defaults.prev_index = 0;
+
+            root.find('ul[data-clearing]').attr('style', '')
+            root.removeClass('clearing-blackout');
+            container.removeClass('clearing-container');
+            visible_image.hide();
+          }
+
+          return false;
+        },
+
+        keydown : function (e) {
+          var clearing = $('.clearing-blackout').find('ul[data-clearing]');
+
+          if (e.which === 39) cl.go(clearing, 'next');
+          if (e.which === 37) cl.go(clearing, 'prev');
+          if (e.which === 27) $('a.clearing-close').trigger('click');
+        },
+
+        nav : function (e, direction) {
+          var clearing = $('.clearing-blackout').find('ul[data-clearing]');
+
+          e.preventDefault();
+          this.go(clearing, direction);
+        },
+
+        resize : function () {
+          var image = $('.clearing-blackout .visible-img').find('img');
+
+          if (image.length > 0) {
+            cl.center(image);
           }
         },
 
@@ -205,14 +190,14 @@
           var lis = target.siblings();
 
           lis.each(function () {
-            var li = $(this),
-                image = li.find('img');
+              var li = $(this),
+                  image = li.find('img');
 
-            if (li.height() > image.outerHeight()) {
-              li.addClass('fix-height');
-            }
-          });
-          lis.closest('ul').width(lis.length * 100 + '%');
+              if (li.height() > image.outerHeight()) {
+                li.addClass('fix-height');
+              }
+            })
+            .closest('ul').width(lis.length * 100 + '%');
         },
 
         update_paddles : function (target) {
@@ -234,39 +219,26 @@
         load : function ($image) {
           var href = $image.parent().attr('href');
 
-          // preload next and previous
           this.preload($image);
 
-          if (href) {
-            return href;
-          }
-
+          if (href) return href;
           return $image.attr('src');
         },
 
         preload : function ($image) {
-          var next = $image.closest('li').next(),
-              prev = $image.closest('li').prev(),
-              next_a, prev_a,
-              next_img, prev_img;
-
-          if (next.length > 0) {
-            next_img = new Image();
-            next_a = next.find('a');
-            if (next_a.length > 0) {
-              next_img.src = next_a.attr('href');
-            } else {
-              next_img.src = next.find('img').attr('src');
-            }
-          }
+          this.img($image.closest('li').next());
+          this.img($image.closest('li').prev());
+        },
+
+        img : function (img) {
+          if (img.length > 0) {
+            var new_img = new Image(),
+                new_a = img.find('a');
 
-          if (prev.length > 0) {
-            prev_img = new Image();
-            prev_a = prev.find('a');
-            if (prev_a.length > 0) {
-              prev_img.src = prev_a.attr('href');
+            if (new_a.length > 0) {
+              new_img.src = new_a.attr('href');
             } else {
-              prev_img.src = prev.find('img').attr('src');
+              new_img.src = img.find('img').attr('src');
             }
           }
         },
@@ -292,9 +264,6 @@
 
         shift : function (current, target, callback) {
           var clearing = target.parent(),
-              container = clearing.closest('.clearing-container'),
-              target_offset = target.position().left,
-              thumbs_offset = clearing.position().left,
               old_index = defaults.prev_index,
               direction = this.direction(clearing, current, target),
               left = parseInt(clearing.css('left'), 10),
@@ -303,26 +272,25 @@
 
           // we use jQuery animate instead of CSS transitions because we
           // need a callback to unlock the next animation
-
           if (target.index() !== old_index && !/skip/.test(direction)){
             if (/left/.test(direction)) {
-              methods.lock();
-              clearing.animate({left : left + width}, 300, methods.unlock);
+              this.lock();
+              clearing.animate({left : left + width}, 300, this.unlock);
             } else if (/right/.test(direction)) {
-              methods.lock();
-              clearing.animate({left : left - width}, 300, methods.unlock);
+              this.lock();
+              clearing.animate({left : left - width}, 300, this.unlock);
             }
           } else if (/skip/.test(direction)) {
 
             // the target image is not adjacent to the current image, so
             // do we scroll right or not
             skip_shift = target.index() - defaults.up_count;
-            methods.lock();
+            this.lock();
 
             if (skip_shift > 0) {
-              clearing.animate({left : -(skip_shift * width)}, 300, methods.unlock);
+              clearing.animate({left : -(skip_shift * width)}, 300, this.unlock);
             } else {
-              clearing.animate({left : 0}, 300, methods.unlock);
+              clearing.animate({left : 0}, 300, this.unlock);
             }
           }
 
@@ -344,11 +312,8 @@
         direction : function ($el, current, target) {
           var lis = $el.find('li'),
               li_width = lis.outerWidth() + (lis.outerWidth() / 4),
-              container = $('.clearing-container'),
-              up_count = Math.floor(container.outerWidth() / li_width) - 1,
-              shift_count = lis.length - up_count,
+              up_count = Math.floor($('.clearing-container').outerWidth() / li_width) - 1,
               target_index = lis.index(target),
-              current_index = lis.index(current),
               response;
 
           defaults.up_count = up_count;
@@ -371,14 +336,9 @@
         },
 
         adjacent : function (current_index, target_index) {
-          if (target_index - 1 === current_index) {
-            return true;
-          } else if (target_index + 1 === current_index) {
-            return true;
-          } else if (target_index === current_index) {
-            return true;
+          for (var i = target_index + 1; i >= target_index - 1; i--) {
+            if (i === current_index) return true;
           }
-
           return false;
         },
 
@@ -392,42 +352,15 @@
         outerHTML : function (el) {
           // support FireFox < 11
           return el.outerHTML || new XMLSerializer().serializeToString(el);
-        },
-
-        // experimental functionality for overwriting or extending
-        // clearing methods during initialization.
-        //
-        // ex $doc.foundationClearing({}, {
-        //      shift : function (current, target, callback) {
-        //        // modify arguments, etc.
-        //        this._super('shift', [current, target, callback]);
-        //        // do something else here.
-        //      }
-        //    });
-
-        extend : function (supers, extendMethods) {
-          $.each(supers, function (name, method) {
-            if (extendMethods.hasOwnProperty(name)) {
-              superMethods[name] = method;
-            }
-          });
-
-          $.extend(methods, extendMethods);
-        },
-
-        // you can call this._super('methodName', [args]) to call
-        // the original method and wrap it in your own code
-
-        _super : function (method, args) {
-          return superMethods[method].apply(this, args);
         }
+
       };
 
   $.fn.foundationClearing = function (method) {
-    if (methods[method]) {
-      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    if (cl[method]) {
+      return cl[method].apply(this, Array.prototype.slice.call(arguments, 1));
     } else if (typeof method === 'object' || !method) {
-      return methods.init.apply(this, arguments);
+      return cl.init.apply(this, arguments);
     } else {
       $.error('Method ' +  method + ' does not exist on jQuery.foundationClearing');
     }
@@ -437,9 +370,9 @@
   // @weblinc, @jsantell, (c) 2012
 
   (function( $ ) {
-    $.fn.is_good = function ( callback, userSettings ) {
+    $.fn.loaded = function ( callback, userSettings ) {
       var
-        options = $.extend( {}, $.fn.is_good.defaults, userSettings ),
+        options = $.extend( {}, $.fn.loaded.defaults, userSettings ),
         $images = this.find( 'img' ).add( this.filter( 'img' ) ),
         unloadedImages = $images.length;
 
@@ -471,10 +404,10 @@
       });
     };
 
-    $.fn.is_good.defaults = {
+    $.fn.loaded.defaults = {
       cachePrefix: 'random'
     };
 
   }(jQuery));
 
-}(jQuery, this));
+}(jQuery, this, this.document));

data/vendor/assets/javascripts/foundation/jquery.foundation.orbit.js

@@ -92,14 +92,22 @@
         }
       });
 
-      this.$element.bind('orbit.next swipeleft', function () {
+      this.$element.bind('orbit.next', function () {
         self.shift('next');
       });
 
-      this.$element.bind('orbit.prev swiperight', function () {
+      this.$element.bind('orbit.prev', function () {
         self.shift('prev');
       });
 
+      this.$element.bind('swipeleft', function () {
+        $(this).trigger('orbit.next');
+      });
+
+      this.$element.bind('swiperight', function () {
+        $(this).trigger('orbit.prev');
+      });
+
       this.$element.bind('orbit.goto', function (event, index) {
         self.shift(index);
       });
@@ -290,11 +298,16 @@
         "-o-transform": degreeCSS,
         "-ms-transform": degreeCSS
       });
+      if (reset) {
+        this.degrees = 0;
+        this.$rotator.removeClass('move');
+        this.$mask.removeClass('move');
+      }
       if(this.degrees > 180) {
         this.$rotator.addClass('move');
         this.$mask.addClass('move');
       }
-      if(this.degrees > 360 || reset) {
+      if(this.degrees > 360) {
         this.$rotator.removeClass('move');
         this.$mask.removeClass('move');
         this.degrees = 0;
@@ -374,6 +387,10 @@
         if ($.trim($(captionLocation).text()).length < 1){
           return false;
         }
+        // if location selector starts with '#', remove it so we don't see id="#selector"
+        if (captionLocation.charAt(0) == '#') {
+            captionLocation = captionLocation.substring(1, captionLocation.length);
+        }
         captionHTML = $(captionLocation).html(); //get HTML from the matching HTML entity
         this.$caption
           .attr('id', captionLocation) // Add ID caption TODO why is the id being set?

data/vendor/assets/javascripts/foundation/jquery.foundation.tabs.js

@@ -50,7 +50,7 @@
     } else if (typeof method === 'object' || !method) {
       return methods.init.apply(this, arguments);
     } else {
-      $.error('Method ' +  method + ' does not exist on jQuery.foundationTooltips');
+      $.error('Method ' +  method + ' does not exist on jQuery.foundationTabs');
     }
   };
 }(jQuery, this, this.document));

data/vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js

@@ -1,5 +1,5 @@
 /*
- * jQuery Foundation Tooltips 2.0.1
+ * jQuery Foundation Tooltips 2.0.2
  * http://foundation.zurb.com
  * Copyright 2012, ZURB
  * Free to use under the MIT license.
@@ -14,6 +14,7 @@
   var settings = {
       bodyHeight : 0,
       selector : '.has-tip',
+      additionalInheritableClasses : [],
       tooltipClass : '.tooltip',
       tipTemplate : function (selector, content) {
         return '<span data-selector="' + selector + '" class="' + settings.tooltipClass.substring(1) + '">' + content + '<span class="nub"></span></span>';
@@ -144,7 +145,7 @@
         tip.css('visibility', 'visible').hide();
       },
       inheritable_classes : function (target) {
-        var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'],
+        var inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'noradius'].concat(settings.additionalInheritableClasses),
           classes = target.attr('class'),
           filtered = classes ? $.map(classes.split(' '), function (el, i) {
               if ($.inArray(el, inheritables) !== -1) {

data/vendor/assets/javascripts/foundation/jquery.foundation.topbar.js

@@ -1,5 +1,5 @@
 /*
- * jQuery Foundation Top Bar 2.0.2
+ * jQuery Foundation Top Bar 2.0.3
  * http://foundation.zurb.com
  * Copyright 2012, ZURB
  * Free to use under the MIT license.
@@ -15,6 +15,7 @@
       index : 0,
       initialized : false
     },
+
     methods = {
       init : function (options) {
         return this.each(function () {
@@ -23,6 +24,7 @@
           settings.$topbar = $('nav.top-bar'),
           settings.$section = settings.$topbar.find('section'),
           settings.$titlebar = settings.$topbar.children('ul:first');
+
           var breakpoint = $("<div class='top-bar-js-breakpoint'/>").appendTo("body");
           settings.breakPoint = breakpoint.width();
           breakpoint.remove();
@@ -63,10 +65,7 @@
 
             if (methods.breakpoint()) {
               var $this = $(this),
-                  $selectedLi = $this.closest('li'),
-                  $nextLevelUl = $selectedLi.children('ul'),
-                  $nextLevelUlHeight = 0,
-                  $largestUl;
+                  $selectedLi = $this.closest('li');
 
               settings.index += 1;
               $selectedLi.addClass('moved');
@@ -106,9 +105,11 @@
           });
         });
       },
+
       breakpoint : function () {
         return settings.$w.width() < settings.breakPoint;
       },
+
       assemble : function () {
         // Pull element out of the DOM for manipulation
         settings.$section.detach();
@@ -126,6 +127,7 @@
         // Put element back in the DOM
         settings.$section.appendTo(settings.$topbar);
       },
+      
       largestUL : function () {
         var uls = settings.$topbar.find('section ul ul'),
             largest = uls.first(),

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: zurb-foundation
 version: !ruby/object:Gem::Version
-  version: 3.2.2
+  version: 3.2.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-11 00:00:00.000000000 Z
+date: 2012-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -213,7 +213,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1729638945161195289
+      hash: -2864876717147565051
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -222,7 +222,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1729638945161195289
+      hash: -2864876717147565051
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23