zurb-foundation 4.3.1 → 4.3.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d2b8c7c675009f2dc531ea08ca6b933971921c1e
+  data.tar.gz: 0aea4880eaccf05c90c997ce4297e82181bb2211
+SHA512:
+  metadata.gz: b66d2908dc10eff46d600fa55941197fb550ad441205b75b5608bc128cd43ce20fe3cfb13f4c12043056edf65e1715c40dba00df4fc4c9aa5018496a2a234fd5
+  data.tar.gz: d3e7f103b64814f30801f34a75f725eeba5f4196e415a52b179fcd8b75c0c915ff055eb228b58223a98cd01387b2956fdac1177b4b7586cefa6426ed0b80b11c

data/.gitignore

@@ -2,6 +2,7 @@
 *.rbc
 .bundle
 .config
+.grunt
 .yardoc
 .idea
 InstalledFiles
@@ -17,6 +18,7 @@ test/tmp
 test/version_tmp
 test/css
 test/scss/output-test
+vendor/
 tmp
 *.DS_Store
 marketing/.sass-cache/*
@@ -27,3 +29,5 @@ test/css/styles.css
 node_modules
 docs/public/*
 *.scssc
+*.rbenv-version
+*.ruby-version

data/Gemfile.lock

@@ -1,19 +1,48 @@
 PATH
   remote: .
   specs:
-    zurb-foundation (4.3.1)
+    zurb-foundation (4.3.2)
       sass (>= 3.2.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
+    childprocess (0.3.9)
+      ffi (~> 1.0, >= 1.0.11)
+    diff-lcs (1.2.4)
+    ffi (1.9.0)
+    ffi (1.9.0-x86-mingw32)
+    jasmine (1.3.2)
+      jasmine-core (~> 1.3.1)
+      rack (~> 1.0)
+      rspec (>= 1.3.1)
+      selenium-webdriver (>= 0.1.3)
+    jasmine-core (1.3.1)
+    multi_json (1.7.9)
+    rack (1.5.2)
     rake (10.0.3)
-    sass (3.2.9)
+    rspec (2.14.1)
+      rspec-core (~> 2.14.0)
+      rspec-expectations (~> 2.14.0)
+      rspec-mocks (~> 2.14.0)
+    rspec-core (2.14.5)
+    rspec-expectations (2.14.2)
+      diff-lcs (>= 1.1.3, < 2.0)
+    rspec-mocks (2.14.3)
+    rubyzip (0.9.9)
+    sass (3.2.10)
+    selenium-webdriver (2.35.1)
+      childprocess (>= 0.2.5)
+      multi_json (~> 1.0)
+      rubyzip (< 1.0.0)
+      websocket (~> 1.0.4)
+    websocket (1.0.7)
 
 PLATFORMS
   ruby
   x86-mingw32
 
 DEPENDENCIES
+  jasmine
   rake
   zurb-foundation!

data/Gruntfile.js

@@ -1,20 +1,63 @@
 module.exports = function(grunt) {
 
-    grunt.loadNpmTasks('grunt-contrib-qunit');
+    grunt.loadNpmTasks('grunt-contrib-jasmine');
     grunt.loadNpmTasks('grunt-contrib-watch');
+    grunt.loadNpmTasks('grunt-contrib-sass');
 
     grunt.initConfig({
-      qunit: {
-        all: ['test/javascripts/tests/**/*.html']
+      jasmine: {
+        src: [
+            'js/foundation/foundation.js',
+            'js/foundation/*.js'
+        ],
+        options: {
+            specs: 'spec/**/*Spec.js',
+            helpers: 'spec/**/*Helper.js',
+            keepRunner: true,
+            styles: ['test/stylesheets/normalize.css', 'test/stylesheets/foundation.css']
+        },
+
+        zepto: {
+            src: '<%= jasmine.src %>',
+            options: {
+                outfile: 'test/_SpecRunner_zepto.html',
+                vendor: [
+                    'js/vendor/custom.modernizr.js',
+                    'js/vendor/zepto.js'
+                ],
+            }
+        },
+
+        jquery: {
+            src: '<%= jasmine.src %>',
+            options: {
+                outfile: 'test/_SpecRunner_jquery.html',
+                vendor: [
+                    'js/vendor/custom.modernizr.js',
+                    'js/vendor/jquery.js'
+                ]
+            }
+        }
+      },
+      sass: {
+        test: {
+            files: {
+                'test/stylesheets/normalize.css' : 'scss/normalize.scss',
+                'test/stylesheets/foundation.css' : 'scss/foundation.scss'
+            }
+        }
       },
       watch: {
-        all: {
+        css: {
+            files: 'scss/**/*.scss',
+            tasks: ['sass']
+        },
+        tests: {
             files: [
-                'test/javascripts/tests/**/*.html',
-                'test/javascripts/tests/**/*.js',
-                'lib/assets/javascripts/foundation/*.js'
+                'js/**/*.js',
+                'spec/**/*.js'
             ],
-            tasks: 'default',
+            tasks: 'test',
             options: {
                 interrupt: true
             }
@@ -22,6 +65,7 @@ module.exports = function(grunt) {
       }
     });
 
-    // Default task.
-    grunt.registerTask('default', ['qunit']);
+    grunt.registerTask('test', ['sass:test', 'jasmine:zepto', 'jasmine:jquery']);
+
+    grunt.registerTask('default', ['test']);
 };

data/LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2012 Mark Hayes
+Copyright (c) 2013 ZURB, inc.
 
 MIT License
 
@@ -19,4 +19,4 @@ 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.
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -30,6 +30,8 @@ Many thanks to all the people working on Foundation either to improve the base c
 
 WordPress (Versions marked 3/20/13)
 
+* [WP-Forge](http://themeawesome.com/responsive-wordpress-theme/) by Thomas E. Vasquez using Foundation 4.3.1
+* [NARGA](http://www.narga.net/narga-core/) by Nguyễn Đình Quân using Foundation version 4
 * [Reactor](https://github.com/awtheme/reactor) by Anthony Wilhelm using Foundation version 4
 * [Reverie](http://themefortress.com/reverie/) by Zhen using Foundation version 4
 * [Corner Stone](https://github.com/thewirelessguy/cornerstone) by [Stephen Mullen](https://twitter.com/wirelessguyuk) using Foundation version v4.09
@@ -38,7 +40,6 @@ WordPress (Versions marked 3/20/13)
 * [Starter Theme](https://github.com/drewsymo/Foundation) by Drew Morris using Foundation version 3
 * [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
@@ -56,6 +57,11 @@ Alfred
 
 * [Foundation Alfred](https://github.com/joshmedeski/foundation-alfred) by Josh Medeski (@joshmedeski)
 
+Jekyll
+
+* [Foundation 4 SASS](https://github.com/rememberlenny/Jekyll-Foundation-SASS) by [Leonard Bogdonoff](http://twitter.com/rememberlenny)
+* [Foundation 3 CSS](https://github.com/groovemonkey/jekyll-foundation-base) by [Dave Cohen](https://github.com/groovemonkey)
+
 PyroCMS
 
 * [PyroYeti - PyroCMS Theme](https://github.com/pyrosuit/PyroYeti) by [Arnold Mwumva Ford](https://twitter.com/fordarnold) , Meridian Softech
@@ -66,11 +72,12 @@ Django
 
 MODX
 
-* [MODX Version](http://designfromwithin.com/blog/2012/02/07/foundation-modx/) by Menno Pietersen
+* [Flexibility Theme](http://flexibilitymodx.com/) by Menno Pietersen
 
 .NET
 
 * [NuGet Package for ASP.Net MVC](http://www.nuget.org/packages/Foundation3_MVC4) by Edward Charbeneau, @EdCharbeneau
+* [Kartris E-commerce](http://www.kartris.com/) by Cactusoft Ltd.
 
 Middleman
 
@@ -125,6 +132,7 @@ Templates
 Rapid Prototyping
 
 * [ditbi](https://github.com/roblevintennis/ditbi) by Rob Levin [4 Minute Demo Video](http://www.youtube.com/watch?v=ERgFCJFpq5E)
+* [Serve Foundation - Rapid Prototyping with Serve](https://github.com/bomberstudios/serve-foundation)
 
 Grid Generator
 
@@ -148,6 +156,7 @@ Yeoman Generator
 
 * [Yeoman 1.0-Foundation 4](https://github.com/lkbgift/foundation4-yeoman) by [Leonard Bogdonoff](http://twitter.com/lkbcc)
 * [Yeoman-Foundation](https://npmjs.org/package/yeoman-foundation) by Vincent Mac
+* [Generator-Foundation-Ext](https://github.com/jamesakers/generator-foundation-ext) by James Akers
 
 MIT Open Source License
 =======================

data/Rakefile

@@ -1,2 +1,11 @@
 #!/usr/bin/env rake
 require "bundler/gem_tasks"
+
+begin
+  require 'jasmine'
+  load 'jasmine/tasks/jasmine.rake'
+rescue LoadError
+  task :jasmine do
+    abort "Jasmine is not available. In order to run jasmine, you must: (sudo) gem install jasmine"
+  end
+end

data/docs/CHANGELOG.md

@@ -1,3 +1,12 @@
+### 4.3.2- September 23, 2013
+
+* Documentation updates
+* When changing slides in Orbit all `data-orbit-link` will now get an active class
+* Adds new `em-calc` function, old `emCalc` will automatically reference newly named function
+* Lots of other bug fixes
+
+You can compare the commits [here](https://github.com/zurb/foundation/compare/v4.3.1...v4.3.2).
+
 ### 4.3.1- July 23, 2013
 * Fixes RTL animation issues in Orbit
 * Addresses error class conflicts between Abide and general form styles

data/docs/Procfile

@@ -1,2 +1,2 @@
-web: bundle exec rackup -p 4001
-stasis: bundle exec stasis -d 4000
+web: bundle exec rackup -p 4000
+stasis: bundle exec stasis -d

data/docs/components/abide.html.erb

@@ -115,12 +115,12 @@
 <form data-abide>
   <div class="name-field">
     <label>Your name <small>required</small></label>
-    <input type="number" required pattern="[a-zA-Z]+">
+    <input type="text" required pattern="[a-zA-Z]+">
     <small class="error">Name is required and must be a string.</small>
   </div>
   <div class="email-field">
     <label>Email <small>required</small></label>
-    <input type="password" required>
+    <input type="email" required>
     <small class="error">An email address is required.</small>
   </div>
   <button type="submit">Submit</button>
@@ -270,7 +270,7 @@ $(document)
 
         <h3>Error messages</h3>
 
-        <p>To display an error message for your invalid form element include a <code>&lt;small&gt;</code> tage with an <code>error</code> class as a sibling of your input.</p>
+        <p>To display an error message for your invalid form element include a <code>&lt;small&gt;</code> tag with an <code>error</code> class as a sibling of your input.</p>
 
 <%= code_example '
 <div class="input-wrapper">
@@ -313,10 +313,34 @@ $('#myForm')
           </div>
         </div>
 
-        <h3>Using the JavaScript</h3>
-        <p>You'll need to include <code>foundation.abide.js</code> to get plugin to work. You'll also need to make sure to include <code>zepto.js</code> and <code>foundation.js</code> above the alert plugin. Above your closing <code>&lt;/body&gt;</code> tag include the following line of code and make sure you have the JS in your directory.</p>
+<h3>Using the JavaScript</h3>
+        <div class="panel">
+          Before you can use Abide you'll want to verify that both jQuery (or Zepto) and <code>foundation.js</code> are available on your page. You can refer to the <a href="../javascript.html">javascript documentation</a> on setting that up.
+        </div>
+
+        <p>Just add <code>foundation.abide.js</code> AFTER the <code>foundation.js</code> file. Your markup should look something like this:</p>
+
+        <%= code_example '
+<body>
+
+  ...
+
+  <script>
+      document.write(\'<script src=/js/vendor/\'
+        + (\'__proto__\' in {} ? \'zepto\' : \'jquery\')
+        + \'.js><\/script>\');
+    </script>
+
+  <script src="js/foundation/foundation.js"></script>
+  <script src="js/foundation/foundation.abide.js"></script>
+  <!-- Other JS plugins can be included here -->
+
+  <script>
+    $(document).foundation();
+  </script>
 
-        <p><a href="../javascript.html" title="How to install Foundation JavaScript">Read how to install Foundation JavaScript</a></p>
+</body>
+        ', :html %>
 
         <p>Required Foundation Library: <code>foundation.abide.js</code></p>
 

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

@@ -149,14 +149,14 @@
 $include-html-alert-classes: $include-html-classes;
 
 /* We use this to control alert padding. */
-$alert-padding-top: emCalc(11);
+$alert-padding-top: em-calc(11);
 $alert-padding-default-float: $alert-padding-top;
-$alert-padding-opposite-direction: $alert-padding-top + emCalc(10);
-$alert-padding-bottom: $alert-padding-top + emCalc(1);
+$alert-padding-opposite-direction: $alert-padding-top + em-calc(10);
+$alert-padding-bottom: $alert-padding-top + em-calc(1);
 
 /* We use these to control text style. */
 $alert-font-weight: bold;
-$alert-font-size: emCalc(14);
+$alert-font-size: em-calc(14);
 $alert-font-color: #fff;
 $alert-font-color-alt: darken($secondary-color, 60%);
 
@@ -167,12 +167,12 @@ $alert-function-factor: 10%;
 $alert-border-style: solid;
 $alert-border-width: 1px;
 $alert-border-color: darken($primary-color, $alert-function-factor);
-$alert-bottom-margin: emCalc(20);
+$alert-bottom-margin: em-calc(20);
 
 /* We use these to style the close buttons */
 $alert-close-color: #333;
-$alert-close-position: emCalc(5);
-$alert-close-font-size: emCalc(22);
+$alert-close-position: em-calc(5);
+$alert-close-font-size: em-calc(22);
 $alert-close-opacity: 0.3;
 $alert-close-opacity-hover: 0.5;
 $alert-close-padding: 5px 4px 4px;
@@ -182,15 +182,40 @@ $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>
+        <p><strong>Note:</strong> <code>em-calc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>.</p>
 
         <hr>
 
         <h3>Using the JavaScript</h3>
-        <p>You don't need ths JS to create alert boxes with Foundation. The only reason you'll need to include <code>foundation.alerts.js</code> is if you want to add the ability to close an alert. You'll also need to make sure to include <code>zepto.js</code> and <code>foundation.js</code> above the alert plugin. Above your closing <code>&lt;/body&gt;</code> tag include the following line of code and make sure you have the JS in your directory:</p>
+        <p>You don't need ths JS to create alert boxes with Foundation. The only reason you'll need to include <code>foundation.alerts.js</code> is if you want to add the ability to close an alert.
 
-        <p><a href="../javascript.html" title="How to install Foundation JavaScript">Read how to install Foundation JavaScript</a></p>
+        <div class="panel">
+          Before you can use the top bar you'll want to verify that both jQuery (or Zepto) and <code>foundation.js</code> are available on your page. You can refer to the <a href="../javascript.html">javascript documentation</a> on setting that up.
+        </div>
+
+        <p>Just add <code>foundation.alerts.js</code> AFTER the <code>foundation.js</code> file. Your markup should look something like this:</p>
+
+        <%= code_example '
+<body>
+
+  ...
+
+  <script>
+      document.write(\'<script src=/js/vendor/\'
+        + (\'__proto__\' in {} ? \'zepto\' : \'jquery\')
+        + \'.js><\/script>\');
+    </script>
+
+  <script src="js/foundation/foundation.js"></script>
+  <script src="js/foundation/foundation.alerts.js"></script>
+  <!-- Other JS plugins can be included here -->
+
+  <script>
+    $(document).foundation();
+  </script>
 
+</body>
+        ', :html %>
         <p>Required Foundation Library: <code>foundation.alerts.js</code></p>
 
         <p>Then, you'll need to add a data-attribute to make the JS work properly on that element. That looks like:</p>

data/docs/components/block-grid.html.erb

@@ -113,7 +113,7 @@ $base-style: true
 <%= code_example '
 /* We use this to control the maximum blocks and spacing */
 $block-grid-elements: 12;
-$block-grid-default-spacing: emCalc(20);
+$block-grid-default-spacing: em-calc(20);
 
 /* Enables media queries for block-grid classes. Set to false if writing semantic HTML. */
 $block-grid-media-queries: true

data/docs/components/breadcrumbs.html.erb

@@ -124,8 +124,8 @@ $include-html-nav-classes: $include-html-classes;
 $crumb-bg: lighten($secondary-color, 5%);
 
 /* We use these to set the padding around the breadcrumbs. */
-$crumb-padding: emCalc(9, 14, 9);
-$crumb-side-padding: emCalc(12);
+$crumb-padding: em-calc(9 14 9);
+$crumb-side-padding: em-calc(12);
 
 /* We use these to control border styles. */
 $crumb-function-factor: 10%;
@@ -135,7 +135,7 @@ $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(11);
+$crumb-font-size: em-calc(11);
 $crumb-font-color: $primary-color;
 $crumb-font-color-current: #333;
 $crumb-font-color-unavailable: #999;
@@ -147,7 +147,7 @@ $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>
+        <p><strong>Note:</strong> <code>em-calc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>.</p>
 
       </div>
     </div>

data/docs/components/button-groups.html.erb

@@ -218,10 +218,10 @@ $float: left
 $include-html-button-classes: $include-html-classes;
 
 /* Sets the margin for the right side by default, and the left margin if right-to-left direction is used *.
-$button-bar-margin-opposite: emCalc(10);
+$button-bar-margin-opposite: em-calc(10);
 ', :css %>
 
-        <p><strong>Note:</strong> <code>emCalc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>.</p>
+        <p><strong>Note:</strong> <code>em-calc();</code> is a function we wrote to convert <code>px</code> to <code>em</code>.</p>
 
       </div>
     </div>