zurb-foundation 3.2.5 → 4.0.0.rc1

data/.gitignore

@@ -3,7 +3,6 @@
 .bundle
 .config
 .yardoc
-Gemfile.lock
 InstalledFiles
 _yardoc
 coverage
@@ -14,10 +13,15 @@ rdoc
 spec/reports
 test/tmp
 test/version_tmp
+test/css
+test/scss/output-test
 tmp
 *.DS_Store
 marketing/.sass-cache/*
 .sass-cache/*
 test/.sass-cache/*
-test/stylesheets/*
+test/css/styles.css
 *.orig
+node_modules
+docs/public/*
+*.scssc

data/CHANGELOG.md

@@ -3,31 +3,6 @@ We'll keep you up to date with what we've released so you at least have a gist o
 
 ---
 
-### 3.2.5- January 26, 2013
-This patch fixes compatability with jQuery 1.9. This patch includes:
-* Bumped Topbar to 2.04 and removed deprecated jQuery die() and live() events.
-* Fixed magellan destination undefined error.
-* Add Clearing and Joyride to SCSS project templates.
-
-### 3.2.4- January 14, 2013
-This path includes bug fixes and a few style improvements for small UI elements. This patch includes:
-* Bumped Joyride to version 2.0.3
-* Added centered pagination style
-* Fixed bug with Orbit captions
-* Fixed bugs with clicking on accordion element
-* Added styling for buttons inside dropdowns
-* We're now using max-width instead of width on tooltips
-* Added class, .tip-centered-top and .tip-centered-bottom for positioning tooltips
-* Added functionality to create a stick top bar that enables it to be down the page in the markup and stick when it hits the browser edge.
-* Fixes to the semantic grid mixin
-* Added better :focus styles for error inputs
-* Added settings for Top Bar Toggle color
-* Updated Modular Scale to version 1.0.6
-* Fixed bug with printing styles
-
-### 3.2.3
-This patch fixed some quick bug fixes.
-
 ### 3.2.2- November 10, 2012
 This patch fixes a typo found in the tabs plugin.
 
@@ -114,4 +89,4 @@ Fixed a number of bugs around the Sass/Gem installs and documentation. Some smal
 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/CONTRIBUTING.md

@@ -4,10 +4,28 @@ This is the Foundation project.  We love making super awesome stuff, but even mo
 
 ## Testing
 
+### Styles
+
 Go into the test/ directory.  Run `bundle exec compass compile` or `bundle exec compass watch` if you're making changes and want to see them reflected on-the-fly.
 
 Want to add a feature to Foundation?  Either update one of the test/*.html files or copy `test/template.html` to a new file, add your markup to it and check it in.
 
+### JavaScript
+
+The Foundation JS libraries are tested with qUnit. You can run the tests in your browser by opening up the respective `.html` files in `test/javascripts/tests/`.
+
+For more convenient testing using the command line and watcher functionality, you can also run the tests through Grunt with PhantomJS.
+
+**Setting up Grunt for command line testing.**
+
+1. Install [PhantomJS](http://phantomjs.org/)
+2. Install [Node.js](http://nodejs.org/)
+3. You may need to reboot your machine to make sure your PATH is up to date.
+4. From the root of the project, `npm install`. This will install the grunt tasks locally.
+5. Install the grunt command line interface with `npm install -g grunt-cli`.
+
+Now you should have two new commands available. `grunt qunit` will execute all of the qUnit tests. `grunt watch` will watch for changes to the JS files and test files, and execute the tests when something changes.
+
 ## Compass Project
 
 If you have a compass project and would like updated assets you can run the following command at any given time from within your project directory:

data/Gemfile.lock

@@ -0,0 +1,19 @@
+PATH
+  remote: .
+  specs:
+    zurb-foundation (4.0.0.rc1)
+      rake
+      sass (>= 3.2.0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (10.0.3)
+    sass (3.2.6)
+
+PLATFORMS
+  ruby
+  x86-mingw32
+
+DEPENDENCIES
+  zurb-foundation!

data/Gruntfile.js

@@ -0,0 +1,27 @@
+module.exports = function(grunt) {
+
+    grunt.loadNpmTasks('grunt-contrib-qunit');
+    grunt.loadNpmTasks('grunt-contrib-watch');
+
+    grunt.initConfig({
+      qunit: {
+        all: ['test/javascripts/tests/**/*.html']
+      },
+      watch: {
+        all: {
+            files: [
+                'test/javascripts/tests/**/*.html',
+                'test/javascripts/tests/**/*.js',
+                'lib/assets/javascripts/foundation/*.js'
+            ],
+            tasks: 'default',
+            options: {
+                interrupt: true
+            }
+        }
+      }
+    });
+
+    // Default task.
+    grunt.registerTask('default', ['qunit']);
+};

data/README.md

@@ -3,8 +3,8 @@ Welcome to Foundation
 
 Foundation is the most advanced responsive front-end framework in the world. With Foundation you can quickly prototype and build sites or apps that work on any kind of device, with tons of included layout constructs (like a full responsive grid), elements and best practices.
 
-Homepage:      http://foundation.zurb.com
-Documentation: http://foundation.zurb.com/docs
+Homepage:      http://foundation.zurb.com<br />
+Documentation: http://foundation.zurb.com/docs<br />
 Download:      http://foundation.zurb.com/download.php
 
 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).
@@ -13,7 +13,6 @@ Repo Contents
 =============
 
 * Base Source and Compilation Files for SCSS
-* Marketing Site
 * Docs
 * README
 
@@ -35,7 +34,7 @@ WordPress
 * [Reverie](http://themefortress.com/reverie/) by Zhen
 * [WP-Foundation](http://320press.com/wp-foundation/features/) by 320press
 * [Yeti](https://github.com/modlearning/Yeti) by Modular Learning
-* [Foundation Base](https://github.com/petskratt/foundation-base/) by Peeter Marvet
+* [Foundation](https://github.com/drewsymo/Foundation) by Drewsymo
 
 Joomla
 
@@ -96,7 +95,7 @@ Modular Scale
 
 * [Modular Scale](https://github.com/scottkellum/modular-scale) by Mason Wendell and Scott Kellum
 
-Ruby on Rails SASS Gems
+Ruby on Rails Sass Gems
 
 * [Foundation Icons 2](https://github.com/zaiste/foundation-icons-sass-rails) by J. P. Nowak
 
@@ -107,4 +106,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/{Capfile → docs/Capfile}

@@ -1,5 +1,4 @@
 load 'deploy'
 # Uncomment if you are using Rails' asset pipeline
     # load 'deploy/assets'
-Dir['vendor/gems/*/recipes/*.rb','vendor/plugins/*/recipes/*.rb'].each { |plugin| load(plugin) }
 load 'config/deploy' # remove this line to skip loading any of the default tasks

data/docs/Gemfile

@@ -0,0 +1,8 @@
+source :rubygems
+gem 'sprockets'
+gem 'foreman'
+gem 'stasis'
+gem 'sass', :require => false
+gem 'coderay'
+gem 'uglifier'
+gem 'therubyracer'

data/docs/Gemfile.lock

@@ -0,0 +1,43 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    coderay (1.0.9)
+    directory_watcher (1.4.1)
+    execjs (1.4.0)
+      multi_json (~> 1.0)
+    foreman (0.61.0)
+      thor (>= 0.13.6)
+    hike (1.2.1)
+    libv8 (3.3.10.4)
+    multi_json (1.6.1)
+    rack (1.5.2)
+    sass (3.2.6)
+    slop (3.3.2)
+    sprockets (2.9.0)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    stasis (0.2.0)
+      directory_watcher (= 1.4.1)
+      slop (= 3.3.2)
+      tilt (= 1.3.3)
+    therubyracer (0.10.1)
+      libv8 (~> 3.3.10)
+    thor (0.17.0)
+    tilt (1.3.3)
+    uglifier (1.3.0)
+      execjs (>= 0.3.0)
+      multi_json (~> 1.0, >= 1.0.2)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  coderay
+  foreman
+  sass
+  sprockets
+  stasis
+  therubyracer
+  uglifier

data/docs/Procfile

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

data/docs/README.md

@@ -0,0 +1 @@
+From within the docs/ directory run `bundle install`. To get the docs to compile during development you'll want to run `bundle exec foreman start`. At that point you can access the docs by going to `http://localhost:4000`.

data/docs/_sidebar-components.html.erb

@@ -0,0 +1,109 @@
+<div class="section-container accordion" data-section data-options="deep_linking: false">
+  <section class="section">
+    <p class="title"><a href="#">Using Foundation</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="../">Get Started</a></li>
+        <li><a href="../javascript.html">Javascript</a></li>
+        <li><a href="../sass.html">Sass</a></li>
+        <li><a href="../rails.html">Rails</a></li>
+        <li><a href="../visibility.html">Visibility Classes</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Grid</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="grid.html">Grid</a></li>
+        <li><a href="block-grid.html">Block Grid</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Navigation</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="pagination.html">Pagination</a></li>
+        <li><a href="side-nav.html">Side Nav</a></li>
+        <li><a href="sub-nav.html">Sub Nav</a></li>
+        <li><a href="top-bar.html">Top Bar</a></li>
+        <li><a href="breadcrumbs.html">Breadcrumbs</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Buttons</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="buttons.html">Buttons</a></li>
+        <li><a href="button-groups.html">Button Groups</a></li>
+        <li><a href="dropdown-buttons.html">Dropdown Buttons</a></li>
+        <li><a href="split-buttons.html">Split Buttons</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Forms</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="forms.html">Forms</a></li>
+        <li><a href="custom-forms.html">Custom Forms</a></li>
+        <li><a href="switch.html">Switch</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Typography</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="type.html">Type</a></li>
+        <li><a href="inline-lists.html">Inline Lists</a></li>
+        <li><a href="labels.html">Labels</a></li>
+        <li><a href="keystrokes.html">Keystrokes</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">CSS Components</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="panels.html">Panels</a></li>
+        <li><a href="pricing-tables.html">Pricing Tables</a></li>
+        <li><a href="progress-bars.html">Progress Bars</a></li>
+        <li><a href="tables.html">Tables</a></li>
+        <li><a href="thumbnails.html">Thumbnails</a></li>
+        <li><a href="flex-video.html">Flex Video</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Javascript</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="clearing.html">Clearing</a></li>
+        <li><a href="dropdown.html">Dropdown</a></li>
+        <li><a href="joyride.html">Joyride</a></li>
+        <li><a href="magellan.html">Magellan</a></li>
+        <li><a href="orbit.html">Orbit</a></li>
+        <li><a href="reveal.html">Reveal</a></li>
+        <li><a href="section.html">Section</a></li>
+        <li><a href="tooltips.html">Tooltips</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="faq.html">FAQ</a></p>
+  </section>
+  <section class="section">
+    <p class="title"><a href="support.html">Support</a></p>
+  </section>
+</div>
+
+<p><a href="../download.php" class="button expand" style="margin-bottom: 0;">Download Foundation 4</a></p>
+
+<div class="jobs hide-for-small">
+  <h5>Awesome product jobs:</h5>
+  <script type="text/javascript" src="http://www.zurb.com/jobs/widgets/jobs.js?limit=3&variation=foundation-sidebar"></script>
+  <a id="via" href="http://zurbjobs.com">via&nbsp;<span class="jobs-link">ZURBjobs</span></a>
+</div>

data/docs/_sidebar.html.erb

@@ -0,0 +1,109 @@
+<div class="section-container accordion" data-section data-options="deep_linking: false">
+  <section class="section">
+    <p class="title"><a href="#">Using Foundation</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="/">Get Started</a></li>
+        <li><a href="javascript.html">Javascript</a></li>
+        <li><a href="sass.html">Sass</a></li>
+        <li><a href="rails.html">Rails</a></li>
+        <li><a href="components/visibility.html">Visibility Classes</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Grid</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/grid.html">Grid</a></li>
+        <li><a href="components/block-grid.html">Block Grid</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Navigation</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/pagination.html">Pagination</a></li>
+        <li><a href="components/side-nav.html">Side Nav</a></li>
+        <li><a href="components/sub-nav.html">Sub Nav</a></li>
+        <li><a href="components/top-bar.html">Top Bar</a></li>
+        <li><a href="components/breadcrumbs.html">Breadcrumbs</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Buttons</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/buttons.html">Buttons</a></li>
+        <li><a href="components/button-groups.html">Button Groups</a></li>
+        <li><a href="components/dropdown-buttons.html">Dropdown Buttons</a></li>
+        <li><a href="components/split-buttons.html">Split Buttons</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Forms</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/forms.html">Forms</a></li>
+        <li><a href="components/custom-forms.html">Custom Forms</a></li>
+        <li><a href="components/switch.html">Switch</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Typography</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/type.html">Type</a></li>
+        <li><a href="components/inline-lists.html">Inline Lists</a></li>
+        <li><a href="components/labels.html">Labels</a></li>
+        <li><a href="components/keystrokes.html">Keystrokes</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">CSS Components</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/panels.html">Panels</a></li>
+        <li><a href="components/pricing-tables.html">Pricing Tables</a></li>
+        <li><a href="components/progress-bars.html">Progress Bars</a></li>
+        <li><a href="components/tables.html">Tables</a></li>
+        <li><a href="components/thumbnails.html">Thumbnails</a></li>
+        <li><a href="components/flex-video.html">Flex Video</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="#">Javascript</a></p>
+    <div class="content">
+      <ul class="side-nav">
+        <li><a href="components/clearing.html">Clearing</a></li>
+        <li><a href="components/dropdown.html">Dropdown</a></li>
+        <li><a href="components/joyride.html">Joyride</a></li>
+        <li><a href="components/magellan.html">Magellan</a></li>
+        <li><a href="components/orbit.html">Orbit</a></li>
+        <li><a href="components/reveal.html">Reveal</a></li>
+        <li><a href="components/section.html">Section</a></li>
+        <li><a href="components/tooltips.html">Tooltips</a></li>
+      </ul>
+    </div>
+  </section>
+  <section class="section">
+    <p class="title"><a href="faq.html">FAQ</a></p>
+  </section>
+  <section class="section">
+    <p class="title"><a href="support.html">Support</a></p>
+  </section>
+</div>
+
+<p><a href="../download.php" class="button expand" style="margin-bottom: 0;">Download Foundation 4</a></p>
+
+<div class="jobs hide-for-small">
+  <h5>Awesome product jobs:</h5>
+  <script type="text/javascript" src="http://www.zurb.com/jobs/widgets/jobs.js?limit=3&variation=foundation-sidebar"></script>
+  <a id="via" href="http://zurbjobs.com">via&nbsp;<span class="jobs-link">ZURBjobs</span></a>
+</div>