diff --git a/.bowerrc b/.bowerrc
deleted file mode 100644
index 4dece5f6ceee2cedfd03e06e3ca52096358e50e7..0000000000000000000000000000000000000000
--- a/.bowerrc
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "directory": "vendor"
-}
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index e08d875a85244035c5822ae73e8c75eb9b3061cf..a11a0784bae7b393aa73f69de57f1fd40ee23364 100644
--- a/.gitignore
+++ b/.gitignore
@@ -14,11 +14,12 @@
.idea
.sass-cache/*
.yardoc
+_build
bower_components
-dist
+bundle
+build/*
/docs2/public/*
-vendor
_yardoc
coverage
docs/public/*
@@ -29,11 +30,9 @@ node_modules
pkg
rdoc
spec/reports
+npm-debug.log
+_debug.json
-test/
-test/.sass-cache/*
-test/css
-test/css/styles.css
*.orig
node_modules
docs/public/*
@@ -47,8 +46,9 @@ test/scss/output-test
test/tmp
test/version_tmp
tmp
-
+testing/_build
pizza/
+data.json
docs/*
npm-debug.log
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000000000000000000000000000000000000..daef1933319e369b1d401183497ee5639a419c37
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,8 @@
+.sass-cache
+_build
+bower_components
+config
+docs
+gulp
+lib
+spec
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 6209e14357ee758e06b272ba8e046a7ae013bdf1..0000000000000000000000000000000000000000
--- a/.travis.yml
+++ /dev/null
@@ -1,38 +0,0 @@
-sudo: false
-cache: bundler
-language: node_js
-node_js:
- - '0.10'
-branches:
- only:
- - master
-before_install:
- - npm install -g grunt-cli bower
- - gem install bundler
- - bundle install
-before_script:
- - echo -e "Host github.com\n\tStrictHostKeyChecking no\n" >> ~/.ssh/config
- - git config --global user.email "arthur@zurb.com"
- - git config --global user.name "arthurzurb"
- - bower install
-script: ./run-tests.sh
-after_success:
- - git clone https://arthurzurb:${GH_TOKEN}@github.com/zurb/bower-foundation.git
- - rm -rf bower-foundation/*
- - cp -r dist/assets/* bower-foundation/
- - cd bower-foundation
- - git remote rm origin
- - git remote add origin https://arthurzurb:${GH_TOKEN}@github.com/zurb/bower-foundation.git
- - git add -A
- - FOUNDATION_VER=$(git diff bower.json | grep version | cut -d':' -f2 | cut -d'"' -f2 | sort -g -r | head -1) && if [ $(echo $FOUNDATION_VER | wc -m | tr -d ' ') = '1' ]; then echo 'VERSION DID NOT CHANGE'; else git tag -a $FOUNDATION_VER -m "Version $FOUNDATION_VER"; fi
- - git commit -m "Foundation build to bower-foundation"
- - git push -fq origin master
- - git push -fq origin --tags
- - echo -e "Done with magic\n"
-env:
- global:
- secure: gYR7N06dAdntmL/AWPN3pG3jjD29b3DiYQI+a0To5RF0b2rHF3D+FmP5QqpjO6+DmWMV9XtVTWM+/Ez+imsUT77lWzNF1c8yifJUw7TCRdstrmYhGuXUyDjpvTd69C+68IMW7WZXf7hZYwSq6HJocfrkh7yDXiM+IRYjXp5xS9k=
-notifications:
- email:
- recipients:
- - arthur@zurb.com
diff --git a/Gemfile b/Gemfile
deleted file mode 100644
index 00db5fe4f9744a338dddb5ed4fcc73b35cad382e..0000000000000000000000000000000000000000
--- a/Gemfile
+++ /dev/null
@@ -1,4 +0,0 @@
-source "https://rubygems.org"
-
-gem "sass", "~> 3.4.0"
-gem "compass", "1.0.0"
diff --git a/Gemfile.lock b/Gemfile.lock
deleted file mode 100644
index 860a883c04953ff60ac53f6cb5d4495cd46e13ca..0000000000000000000000000000000000000000
--- a/Gemfile.lock
+++ /dev/null
@@ -1,29 +0,0 @@
-GEM
- remote: https://rubygems.org/
- specs:
- chunky_png (1.3.3)
- compass (1.0.0)
- chunky_png (~> 1.2)
- compass-core (~> 1.0.0)
- compass-import-once (~> 1.0.5)
- rb-fsevent (>= 0.9.3)
- rb-inotify (>= 0.9)
- sass (>= 3.3.13, < 3.5)
- compass-core (1.0.1)
- multi_json (~> 1.0)
- sass (>= 3.3.0, < 3.5)
- compass-import-once (1.0.5)
- sass (>= 3.2, < 3.5)
- ffi (1.9.6)
- multi_json (1.10.1)
- rb-fsevent (0.9.4)
- rb-inotify (0.9.5)
- ffi (>= 0.5.0)
- sass (3.4.9)
-
-PLATFORMS
- ruby
-
-DEPENDENCIES
- compass (= 1.0.0)
- sass (~> 3.4.0)
diff --git a/Gruntfile.js b/Gruntfile.js
deleted file mode 100644
index 7fe6957015b1f003598232853c9605732aadb133..0000000000000000000000000000000000000000
--- a/Gruntfile.js
+++ /dev/null
@@ -1,37 +0,0 @@
-module.exports = function(grunt) {
- // Define project configuration
- var project = {
- paths: {
- get config() {
- return this.grunt + 'config/';
- },
- dist: 'dist/',
- doc: 'doc/',
- grunt: 'grunt/',
- js: 'js/',
- sassLoad: __dirname + '/scss',
- scss: 'scss/',
- spec: 'spec/',
- vendor: grunt.file.readJSON('.bowerrc').directory + '/'
- },
- files: {
- get config() {
- return project.paths.config + '*.js';
- },
- grunt: 'Gruntfile.js',
- js: ['js/foundation/foundation.js', 'js/foundation/*.js'],
- scss: ['scss/foundation.scss', 'scss/settings.scss']
- },
- pkg: grunt.file.readJSON('package.json')
- };
-
- // Load Grunt configurations and tasks
- require('load-grunt-config')(grunt, {
- configPath: require('path').join(process.cwd(), project.paths.config),
- data: project,
- jitGrunt: {
- staticMappings: {
- }
- }
- });
-};
\ No newline at end of file
diff --git a/README.md b/README.md
index d5ef5fc6a53da11f9e0f2c7df4b68d560da2f3bb..a20b175d14b4c7bd9d6155633f18ff82751f148b 100644
--- a/README.md
+++ b/README.md
@@ -1,46 +1,51 @@
-# [Foundation](http://foundation.zurb.com)
+# [Foundation for Sites](http://foundation.zurb.com) (v6.0)
-[](https://travis-ci.org/zurb/foundation)
+[](https://gitter.im/zurb/foundation-sites?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototype to production, building sites or apps that work on any kind of device with Foundation. Includes layout constructs, like a fully customizable, responsive grid, commonly used JavaScript plugins, and full A11Y support.
-Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
+## Requirements
-To get started, check out
+Requires NodeJS to be installed on your machine. Works with 0.10, 0.12, and 4.1! **Note that parts of our build process will break with NPM 3, due to the changes in how packages are installed.**
+The Sass is compiled using libsass, which requires the GCC to be installed on your machine. Windows users can install it through [MinGW](http://www.mingw.org/), and Mac users can install it through the [Xcode Command-line Tools](http://osxdaily.com/2014/02/12/install-command-line-tools-mac-os-x/).
-## Quickstart
+## Setup
To get going with Foundation you can:
- * [Download the latest release](http://foundation.zurb.com/develop/download.html)
- * [Install with Bower](http://bower.io): `bower install foundation`
+
+ * [Install Yeti Launch](http://foundation.zurb.com/develop/yeti-launch.html): Seriously though, check it out!
+ * [Install the CLI](https://www.npmjs.com/package/foundation-cli): `npm install -g foundation-cli`
+ * [Download the latest release](http://foundation.zurb.com/sites/download.html)
+ * [Install with Bower](http://bower.io): `bower install foundation-sites`
* [Install with npm](http://npmjs.com): `npm install foundation-sites`
+ * [Install with Atmosphere for Meteor](https://atmospherejs.com): `meteor add zurb:foundation-sites`
+ * [Install with Composer](https://getcomposer.org/): `php composer.phar require zurb/foundation-sites`
## Documentation
-Foundation uses [Assemble.io](http://assemble.io) and [Grunt](http://gruntjs.com/) to generate its [documentation pages](http://foundation.zurb.com/docs). Documentation can also be run from your local computer:
+Foundation uses [Gulp](http://gulpjs.com/) and [SuperCollider](https://www.npmjs.com/package/supercollider) to generate its [documentation pages](http://foundation.zurb.com/sites/docs). Documentation can also be run from your local computer:
### View documentation locally
You'll want to clone the Foundation repo first and install all the dependencies. You can do this using the following commands:
```
-git clone git@github.com:zurb/foundation.git
-cd foundation
-npm install -g grunt-cli bower
+git clone git@github.com:zurb/foundation-sites.git
+cd foundation-sites
npm install
-bower install
-bundle install
```
-Then just run `grunt build` and the documentation will be compiled:
+Then just run `npm start` and the documentation will be compiled. It will also launch an instance of [BrowserSync](http://www.browsersync.io/) and open a tab in your default browser.
+The file structure:
```
foundation/
├── dist/
│ └── ...
-├────── docs/
-│ └── ...
+├── docs/
+│ └── ...
```
Copyright (c) 2015 ZURB, inc.
diff --git a/bower.json b/bower.json
index 8586aa681d05568e2a66318678e9c6d9838c0785..dc787a46765661f1080005901fabfc9f6609860d 100644
--- a/bower.json
+++ b/bower.json
@@ -1,21 +1,18 @@
{
- "name": "foundation",
+ "name": "foundation-sites",
+ "version": "6.0.0-rc.1",
"main": [
"scss/foundation.scss",
"js/foundation.js"
],
"ignore": [
+ "config",
+ "docs",
+ "lib",
+ "spec"
],
"dependencies": {
"jquery": ">= 2.1.0",
- "modernizr": "2.8.3",
- "fastclick": ">=0.6.11",
- "jquery.cookie": "~1.4.0",
- "jquery-placeholder": "~2.0.7"
- },
- "devDependencies": {
- "jquery.autocomplete": "devbridge/jQuery-Autocomplete#1.2.9",
- "lodash": "~2.4.1"
- },
- "private": true
+ "what-input": "~1.1.2"
+ }
}
diff --git a/composer.json b/composer.json
index 723275691d13bc21fb85175da59873e607809883..02d6a2cb21ee01633d3605032501eaecb95d4d37 100644
--- a/composer.json
+++ b/composer.json
@@ -1,12 +1,28 @@
{
- "name": "zurb/foundation",
- "description": "The most advanced responsive front-end framework in the world.",
- "keywords": ["foundation", "scss"],
- "homepage": "http://foundation.zurb.com",
- "authors": [
- {
- "name": "ZURB Inc."
- }
- ],
- "license": "MIT"
+ "name": "zurb/foundation-sites",
+ "description": "The most advanced responsive front-end framework in the world.",
+ "version": "6.0.0",
+ "keywords": [
+ "css",
+ "scss",
+ "sass",
+ "js",
+ "responsive",
+ "mobile-first",
+ "framework"
+ ],
+ "homepage": "http://foundation.zurb.com",
+ "authors": [
+ {
+ "name": "ZURB, Inc.",
+ "homepage": "http://zurb.com",
+ "email": "foundation@zurb.com"
+ }
+ ],
+ "support": {
+ "email": "foundation@zurb.com",
+ "issues": "https://github.com/zurb/foundation-sites/issues",
+ "forum": "http://foundation.zurb.com/forum"
+ },
+ "license": "MIT"
}
diff --git a/config/.jshintConfig b/config/.jshintConfig
new file mode 100644
index 0000000000000000000000000000000000000000..a9b23088d5841aeda6e6d00839d5496654f024e4
--- /dev/null
+++ b/config/.jshintConfig
@@ -0,0 +1,15 @@
+{
+ "boss": true,
+ "node": true,
+ "strict": true,
+ "newcap": false,
+ "undef": true,
+ "unused": false,
+ "onecase": true,
+ "lastsemic": true,
+ "expr": true,
+ "eqeqeq": true,
+ "jquery": true,
+ "browser": true,
+ "predef": ["Foundation", "define"]
+}
\ No newline at end of file
diff --git a/config/karma.conf.js b/config/karma.conf.js
new file mode 100644
index 0000000000000000000000000000000000000000..f0f72f6f2781e9a8a00079880562a40eeb299767
--- /dev/null
+++ b/config/karma.conf.js
@@ -0,0 +1,63 @@
+// Karma configuration
+module.exports = function(config) {
+ config.set({
+
+ // base path that will be used to resolve all patterns (eg. files, exclude)
+ basePath: '..',
+
+
+ // frameworks to use
+ // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+ frameworks: ['jasmine'],
+
+
+ // list of files / patterns to load in the browser
+ files: [
+ 'test/js/**/*.js'
+ ],
+
+
+ // list of files to exclude
+ exclude: [
+ ],
+
+
+ // preprocess matching files before serving them to the browser
+ // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+ preprocessors: {
+ },
+
+
+ // test results reporter to use
+ // possible values: 'dots', 'progress'
+ // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+ reporters: ['progress'],
+
+
+ // web server port
+ port: 9876,
+
+
+ // enable / disable colors in the output (reporters and logs)
+ colors: true,
+
+
+ // level of logging
+ // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+ logLevel: config.LOG_INFO,
+
+
+ // enable / disable watching file and executing tests whenever any file changes
+ autoWatch: false,
+
+
+ // start these browsers
+ // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+ browsers: ['Chrome', 'Firefox', 'Safari', 'Opera', 'IE'],
+
+
+ // Continuous Integration mode
+ // if true, Karma captures browsers, runs the tests and exits
+ singleRun: false
+ })
+}
diff --git a/config/scss-lint.yml b/config/scss-lint.yml
new file mode 100644
index 0000000000000000000000000000000000000000..d267fd0ba561059ddc8cf9ec2cb4ba57c8fa22df
--- /dev/null
+++ b/config/scss-lint.yml
@@ -0,0 +1,189 @@
+# Default application configuration that all configurations inherit from.
+
+scss_files: "scss/**/*.scss"
+
+linters:
+ BangFormat:
+ enabled: true
+ space_before_bang: true
+ space_after_bang: false
+
+ BorderZero:
+ enabled: true
+ convention: zero # or `none`
+
+ ColorKeyword:
+ enabled: true
+
+ ColorVariable:
+ enabled: true
+
+ Comment:
+ enabled: false
+
+ DebugStatement:
+ enabled: true
+
+ DeclarationOrder:
+ enabled: true
+
+ DuplicateProperty:
+ enabled: true
+
+ ElsePlacement:
+ enabled: true
+ style: new_line # or 'same_line'
+
+ EmptyLineBetweenBlocks:
+ enabled: true
+ ignore_single_line_blocks: true
+
+ EmptyRule:
+ enabled: true
+
+ FinalNewline:
+ enabled: true
+ present: true
+
+ HexLength:
+ enabled: true
+ style: short # or 'long'
+
+ HexNotation:
+ enabled: true
+ style: lowercase # or 'uppercase'
+
+ HexValidation:
+ enabled: true
+
+ IdSelector:
+ enabled: true
+
+ ImportantRule:
+ enabled: false
+
+ ImportPath:
+ enabled: true
+ leading_underscore: false
+ filename_extension: false
+
+ Indentation:
+ enabled: true
+ allow_non_nested_indentation: false
+ character: space # or 'tab'
+ width: 2
+
+ LeadingZero:
+ enabled: true
+ style: include_zero # or 'include_zero'
+
+ MergeableSelector:
+ enabled: true
+ force_nesting: true
+
+ NameFormat:
+ enabled: true
+ allow_leading_underscore: true
+ convention: hyphenated_lowercase # or 'BEM', or a regex pattern
+
+ NestingDepth:
+ enabled: true
+ max_depth: 3
+
+ PlaceholderInExtend:
+ enabled: true
+
+ PropertyCount:
+ enabled: false
+ include_nested: false
+ max_properties: 10
+
+ PropertySortOrder:
+ enabled: false
+ ignore_unspecified: false
+ separate_groups: false
+
+ PropertySpelling:
+ enabled: true
+ extra_properties: []
+
+ QualifyingElement:
+ enabled: true
+ allow_element_with_attribute: false
+ allow_element_with_class: false
+ allow_element_with_id: false
+
+ SelectorDepth:
+ enabled: true
+ max_depth: 3
+
+ SelectorFormat:
+ enabled: true
+ convention: '([a-z0-9]+-?)+'
+
+ Shorthand:
+ enabled: true
+
+ SingleLinePerProperty:
+ enabled: true
+ allow_single_line_rule_sets: false
+
+ SingleLinePerSelector:
+ enabled: false
+
+ SpaceAfterComma:
+ enabled: true
+
+ SpaceAfterPropertyColon:
+ enabled: true
+ style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
+
+ SpaceAfterPropertyName:
+ enabled: true
+
+ SpaceBeforeBrace:
+ enabled: true
+ style: space # or 'new_line'
+ allow_single_line_padding: true
+
+ SpaceBetweenParens:
+ enabled: true
+ spaces: 0
+
+ StringQuotes:
+ enabled: true
+ style: single_quotes # or double_quotes
+
+ TrailingSemicolon:
+ enabled: true
+
+ TrailingZero:
+ enabled: false
+
+ UnnecessaryMantissa:
+ enabled: true
+
+ UnnecessaryParentReference:
+ enabled: true
+
+ UrlFormat:
+ enabled: true
+
+ UrlQuotes:
+ enabled: true
+
+ VariableForProperty:
+ enabled: false
+ properties: []
+
+ VendorPrefixes:
+ enabled: true
+ identifier_list: base
+ include: []
+ exclude: []
+
+ ZeroUnit:
+ enabled: true
+
+ Compass::*:
+ enabled: false
\ No newline at end of file
diff --git a/dist/foundation.css b/dist/foundation.css
new file mode 100644
index 0000000000000000000000000000000000000000..faa1224c74992be44c061a361e6e6a47d5de349f
--- /dev/null
+++ b/dist/foundation.css
@@ -0,0 +1,3062 @@
+@charset "UTF-8";
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+html {
+ font-family: sans-serif;
+ /* 1 */
+ -ms-text-size-adjust: 100%;
+ /* 2 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+ margin: 0; }
+
+/* HTML5 display definitions
+ ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
+ /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+ display: none; }
+
+/* Links
+ ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+ background-color: transparent; }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+ outline: 0; }
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+ border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+ font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+ font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+ background: #ff0;
+ color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+ font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline; }
+
+sup {
+ top: -0.5em; }
+
+sub {
+ bottom: -0.25em; }
+
+/* Embedded content
+ ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+ border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+ overflow: hidden; }
+
+/* Grouping content
+ ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+ margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+ box-sizing: content-box;
+ height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+ overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em; }
+
+/* Forms
+ ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+ margin: 0;
+ /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+ overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+ text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ /* 2 */
+ cursor: pointer;
+ /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+ cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+ line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+input[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ /* 2 */
+ box-sizing: content-box; }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; }
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+ border: 0;
+ /* 1 */
+ padding: 0;
+ /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+ overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+ font-weight: bold; }
+
+/* Tables
+ ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+td,
+th {
+ padding: 0; }
+
+body.is-reveal-open {
+ overflow: hidden; }
+
+.foundation-mq {
+ font-family: "small=0em&medium=32em&large=64em&xlarge=75em&xxlarge=90em"; }
+
+html,
+body {
+ font-size: 100%;
+ box-sizing: border-box; }
+
+*,
+*:before,
+*:after {
+ box-sizing: inherit; }
+
+body {
+ padding: 0;
+ margin: 0;
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ line-height: 1.5;
+ color: #0a0a0a;
+ background: #fefefe;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+img {
+ max-width: 100%;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+ display: inline-block;
+ vertical-align: middle; }
+
+textarea {
+ height: auto;
+ min-height: 50px;
+ border-radius: 0; }
+
+select {
+ width: 100%;
+ border-radius: 0; }
+
+#map_canvas img,
+#map_canvas embed,
+#map_canvas object,
+.map_canvas img,
+.map_canvas embed,
+.map_canvas object,
+.mqa-display img,
+.mqa-display embed,
+.mqa-display object {
+ max-width: none !important; }
+
+button {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background: transparent;
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+ line-height: 1; }
+
+.row {
+ max-width: 75rem;
+ margin-left: auto;
+ margin-right: auto; }
+ .row::before, .row::after {
+ content: ' ';
+ display: table; }
+ .row::after {
+ clear: both; }
+ .row.collapse > .column, .row.collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row .row {
+ margin-left: -0.9375rem;
+ margin-right: -0.9375rem; }
+ .row .row.collapse {
+ margin-left: 0;
+ margin-right: 0; }
+ .row.small-collapse > .column, .row.small-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
+ padding-left: 30px;
+ padding-right: 30px; }
+ @media screen and (min-width: 32em) {
+ .row.medium-collapse > .column, .row.medium-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
+ padding-left: 30px;
+ padding-right: 30px; } }
+ @media screen and (min-width: 64em) {
+ .row.large-collapse > .column, .row.large-collapse > .columns {
+ padding-left: 0;
+ padding-right: 0; }
+ .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
+ padding-left: 30px;
+ padding-right: 30px; } }
+ .row.expanded {
+ max-width: none; }
+
+.column, .columns {
+ width: 100%;
+ float: left;
+ padding-left: 0.9375rem;
+ padding-right: 0.9375rem; }
+ .column:last-child, .columns:last-child {
+ float: right; }
+ .column.end, .end.columns {
+ float: left; }
+
+.column.row, .row.columns {
+ float: none; }
+
+.small-1 {
+ width: 8.33333%; }
+
+.small-push-1 {
+ position: relative;
+ left: 8.33333%; }
+
+.small-pull-1 {
+ position: relative;
+ left: -8.33333%; }
+
+.small-offset-0 {
+ margin-left: 0%; }
+
+.small-2 {
+ width: 16.66667%; }
+
+.small-push-2 {
+ position: relative;
+ left: 16.66667%; }
+
+.small-pull-2 {
+ position: relative;
+ left: -16.66667%; }
+
+.small-offset-1 {
+ margin-left: 8.33333%; }
+
+.small-3 {
+ width: 25%; }
+
+.small-push-3 {
+ position: relative;
+ left: 25%; }
+
+.small-pull-3 {
+ position: relative;
+ left: -25%; }
+
+.small-offset-2 {
+ margin-left: 16.66667%; }
+
+.small-4 {
+ width: 33.33333%; }
+
+.small-push-4 {
+ position: relative;
+ left: 33.33333%; }
+
+.small-pull-4 {
+ position: relative;
+ left: -33.33333%; }
+
+.small-offset-3 {
+ margin-left: 25%; }
+
+.small-5 {
+ width: 41.66667%; }
+
+.small-push-5 {
+ position: relative;
+ left: 41.66667%; }
+
+.small-pull-5 {
+ position: relative;
+ left: -41.66667%; }
+
+.small-offset-4 {
+ margin-left: 33.33333%; }
+
+.small-6 {
+ width: 50%; }
+
+.small-push-6 {
+ position: relative;
+ left: 50%; }
+
+.small-pull-6 {
+ position: relative;
+ left: -50%; }
+
+.small-offset-5 {
+ margin-left: 41.66667%; }
+
+.small-7 {
+ width: 58.33333%; }
+
+.small-push-7 {
+ position: relative;
+ left: 58.33333%; }
+
+.small-pull-7 {
+ position: relative;
+ left: -58.33333%; }
+
+.small-offset-6 {
+ margin-left: 50%; }
+
+.small-8 {
+ width: 66.66667%; }
+
+.small-push-8 {
+ position: relative;
+ left: 66.66667%; }
+
+.small-pull-8 {
+ position: relative;
+ left: -66.66667%; }
+
+.small-offset-7 {
+ margin-left: 58.33333%; }
+
+.small-9 {
+ width: 75%; }
+
+.small-push-9 {
+ position: relative;
+ left: 75%; }
+
+.small-pull-9 {
+ position: relative;
+ left: -75%; }
+
+.small-offset-8 {
+ margin-left: 66.66667%; }
+
+.small-10 {
+ width: 83.33333%; }
+
+.small-push-10 {
+ position: relative;
+ left: 83.33333%; }
+
+.small-pull-10 {
+ position: relative;
+ left: -83.33333%; }
+
+.small-offset-9 {
+ margin-left: 75%; }
+
+.small-11 {
+ width: 91.66667%; }
+
+.small-push-11 {
+ position: relative;
+ left: 91.66667%; }
+
+.small-pull-11 {
+ position: relative;
+ left: -91.66667%; }
+
+.small-offset-10 {
+ margin-left: 83.33333%; }
+
+.small-12 {
+ width: 100%; }
+
+.small-offset-11 {
+ margin-left: 91.66667%; }
+
+.small-up-1 .column, .small-up-1 .columns {
+ width: 100%;
+ float: left; }
+ .small-up-1 .column:nth-of-type(1n), .small-up-1 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-1 .column:nth-of-type(1n+1), .small-up-1 .columns:nth-of-type(1n+1) {
+ clear: both; }
+
+.small-up-2 .column, .small-up-2 .columns {
+ width: 50%;
+ float: left; }
+ .small-up-2 .column:nth-of-type(1n), .small-up-2 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-2 .column:nth-of-type(2n+1), .small-up-2 .columns:nth-of-type(2n+1) {
+ clear: both; }
+
+.small-up-3 .column, .small-up-3 .columns {
+ width: 33.33333%;
+ float: left; }
+ .small-up-3 .column:nth-of-type(1n), .small-up-3 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-3 .column:nth-of-type(3n+1), .small-up-3 .columns:nth-of-type(3n+1) {
+ clear: both; }
+
+.small-up-4 .column, .small-up-4 .columns {
+ width: 25%;
+ float: left; }
+ .small-up-4 .column:nth-of-type(1n), .small-up-4 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-4 .column:nth-of-type(4n+1), .small-up-4 .columns:nth-of-type(4n+1) {
+ clear: both; }
+
+.small-up-5 .column, .small-up-5 .columns {
+ width: 20%;
+ float: left; }
+ .small-up-5 .column:nth-of-type(1n), .small-up-5 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-5 .column:nth-of-type(5n+1), .small-up-5 .columns:nth-of-type(5n+1) {
+ clear: both; }
+
+.small-up-6 .column, .small-up-6 .columns {
+ width: 16.66667%;
+ float: left; }
+ .small-up-6 .column:nth-of-type(1n), .small-up-6 .columns:nth-of-type(1n) {
+ clear: none; }
+ .small-up-6 .column:nth-of-type(6n+1), .small-up-6 .columns:nth-of-type(6n+1) {
+ clear: both; }
+
+.column.small-centered, .small-centered.columns {
+ float: none;
+ margin-left: auto;
+ margin-right: auto; }
+
+.small-uncenter,
+.small-push-0,
+.small-pull-0 {
+ position: static;
+ margin-left: 0;
+ margin-right: 0; }
+
+@media screen and (min-width: 32em) {
+ .medium-1 {
+ width: 8.33333%; }
+ .medium-push-1 {
+ position: relative;
+ left: 8.33333%; }
+ .medium-pull-1 {
+ position: relative;
+ left: -8.33333%; }
+ .medium-offset-0 {
+ margin-left: 0%; }
+ .medium-2 {
+ width: 16.66667%; }
+ .medium-push-2 {
+ position: relative;
+ left: 16.66667%; }
+ .medium-pull-2 {
+ position: relative;
+ left: -16.66667%; }
+ .medium-offset-1 {
+ margin-left: 8.33333%; }
+ .medium-3 {
+ width: 25%; }
+ .medium-push-3 {
+ position: relative;
+ left: 25%; }
+ .medium-pull-3 {
+ position: relative;
+ left: -25%; }
+ .medium-offset-2 {
+ margin-left: 16.66667%; }
+ .medium-4 {
+ width: 33.33333%; }
+ .medium-push-4 {
+ position: relative;
+ left: 33.33333%; }
+ .medium-pull-4 {
+ position: relative;
+ left: -33.33333%; }
+ .medium-offset-3 {
+ margin-left: 25%; }
+ .medium-5 {
+ width: 41.66667%; }
+ .medium-push-5 {
+ position: relative;
+ left: 41.66667%; }
+ .medium-pull-5 {
+ position: relative;
+ left: -41.66667%; }
+ .medium-offset-4 {
+ margin-left: 33.33333%; }
+ .medium-6 {
+ width: 50%; }
+ .medium-push-6 {
+ position: relative;
+ left: 50%; }
+ .medium-pull-6 {
+ position: relative;
+ left: -50%; }
+ .medium-offset-5 {
+ margin-left: 41.66667%; }
+ .medium-7 {
+ width: 58.33333%; }
+ .medium-push-7 {
+ position: relative;
+ left: 58.33333%; }
+ .medium-pull-7 {
+ position: relative;
+ left: -58.33333%; }
+ .medium-offset-6 {
+ margin-left: 50%; }
+ .medium-8 {
+ width: 66.66667%; }
+ .medium-push-8 {
+ position: relative;
+ left: 66.66667%; }
+ .medium-pull-8 {
+ position: relative;
+ left: -66.66667%; }
+ .medium-offset-7 {
+ margin-left: 58.33333%; }
+ .medium-9 {
+ width: 75%; }
+ .medium-push-9 {
+ position: relative;
+ left: 75%; }
+ .medium-pull-9 {
+ position: relative;
+ left: -75%; }
+ .medium-offset-8 {
+ margin-left: 66.66667%; }
+ .medium-10 {
+ width: 83.33333%; }
+ .medium-push-10 {
+ position: relative;
+ left: 83.33333%; }
+ .medium-pull-10 {
+ position: relative;
+ left: -83.33333%; }
+ .medium-offset-9 {
+ margin-left: 75%; }
+ .medium-11 {
+ width: 91.66667%; }
+ .medium-push-11 {
+ position: relative;
+ left: 91.66667%; }
+ .medium-pull-11 {
+ position: relative;
+ left: -91.66667%; }
+ .medium-offset-10 {
+ margin-left: 83.33333%; }
+ .medium-12 {
+ width: 100%; }
+ .medium-offset-11 {
+ margin-left: 91.66667%; }
+ .medium-up-1 .column, .medium-up-1 .columns {
+ width: 100%;
+ float: left; }
+ .medium-up-1 .column:nth-of-type(1n), .medium-up-1 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-1 .column:nth-of-type(1n+1), .medium-up-1 .columns:nth-of-type(1n+1) {
+ clear: both; }
+ .medium-up-2 .column, .medium-up-2 .columns {
+ width: 50%;
+ float: left; }
+ .medium-up-2 .column:nth-of-type(1n), .medium-up-2 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-2 .column:nth-of-type(2n+1), .medium-up-2 .columns:nth-of-type(2n+1) {
+ clear: both; }
+ .medium-up-3 .column, .medium-up-3 .columns {
+ width: 33.33333%;
+ float: left; }
+ .medium-up-3 .column:nth-of-type(1n), .medium-up-3 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-3 .column:nth-of-type(3n+1), .medium-up-3 .columns:nth-of-type(3n+1) {
+ clear: both; }
+ .medium-up-4 .column, .medium-up-4 .columns {
+ width: 25%;
+ float: left; }
+ .medium-up-4 .column:nth-of-type(1n), .medium-up-4 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-4 .column:nth-of-type(4n+1), .medium-up-4 .columns:nth-of-type(4n+1) {
+ clear: both; }
+ .medium-up-5 .column, .medium-up-5 .columns {
+ width: 20%;
+ float: left; }
+ .medium-up-5 .column:nth-of-type(1n), .medium-up-5 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-5 .column:nth-of-type(5n+1), .medium-up-5 .columns:nth-of-type(5n+1) {
+ clear: both; }
+ .medium-up-6 .column, .medium-up-6 .columns {
+ width: 16.66667%;
+ float: left; }
+ .medium-up-6 .column:nth-of-type(1n), .medium-up-6 .columns:nth-of-type(1n) {
+ clear: none; }
+ .medium-up-6 .column:nth-of-type(6n+1), .medium-up-6 .columns:nth-of-type(6n+1) {
+ clear: both; }
+ .column.medium-centered, .medium-centered.columns {
+ float: none;
+ margin-left: auto;
+ margin-right: auto; }
+ .medium-uncenter,
+ .medium-push-0,
+ .medium-pull-0 {
+ position: static;
+ margin-left: 0;
+ margin-right: 0; } }
+
+@media screen and (min-width: 64em) {
+ .large-1 {
+ width: 8.33333%; }
+ .large-push-1 {
+ position: relative;
+ left: 8.33333%; }
+ .large-pull-1 {
+ position: relative;
+ left: -8.33333%; }
+ .large-offset-0 {
+ margin-left: 0%; }
+ .large-2 {
+ width: 16.66667%; }
+ .large-push-2 {
+ position: relative;
+ left: 16.66667%; }
+ .large-pull-2 {
+ position: relative;
+ left: -16.66667%; }
+ .large-offset-1 {
+ margin-left: 8.33333%; }
+ .large-3 {
+ width: 25%; }
+ .large-push-3 {
+ position: relative;
+ left: 25%; }
+ .large-pull-3 {
+ position: relative;
+ left: -25%; }
+ .large-offset-2 {
+ margin-left: 16.66667%; }
+ .large-4 {
+ width: 33.33333%; }
+ .large-push-4 {
+ position: relative;
+ left: 33.33333%; }
+ .large-pull-4 {
+ position: relative;
+ left: -33.33333%; }
+ .large-offset-3 {
+ margin-left: 25%; }
+ .large-5 {
+ width: 41.66667%; }
+ .large-push-5 {
+ position: relative;
+ left: 41.66667%; }
+ .large-pull-5 {
+ position: relative;
+ left: -41.66667%; }
+ .large-offset-4 {
+ margin-left: 33.33333%; }
+ .large-6 {
+ width: 50%; }
+ .large-push-6 {
+ position: relative;
+ left: 50%; }
+ .large-pull-6 {
+ position: relative;
+ left: -50%; }
+ .large-offset-5 {
+ margin-left: 41.66667%; }
+ .large-7 {
+ width: 58.33333%; }
+ .large-push-7 {
+ position: relative;
+ left: 58.33333%; }
+ .large-pull-7 {
+ position: relative;
+ left: -58.33333%; }
+ .large-offset-6 {
+ margin-left: 50%; }
+ .large-8 {
+ width: 66.66667%; }
+ .large-push-8 {
+ position: relative;
+ left: 66.66667%; }
+ .large-pull-8 {
+ position: relative;
+ left: -66.66667%; }
+ .large-offset-7 {
+ margin-left: 58.33333%; }
+ .large-9 {
+ width: 75%; }
+ .large-push-9 {
+ position: relative;
+ left: 75%; }
+ .large-pull-9 {
+ position: relative;
+ left: -75%; }
+ .large-offset-8 {
+ margin-left: 66.66667%; }
+ .large-10 {
+ width: 83.33333%; }
+ .large-push-10 {
+ position: relative;
+ left: 83.33333%; }
+ .large-pull-10 {
+ position: relative;
+ left: -83.33333%; }
+ .large-offset-9 {
+ margin-left: 75%; }
+ .large-11 {
+ width: 91.66667%; }
+ .large-push-11 {
+ position: relative;
+ left: 91.66667%; }
+ .large-pull-11 {
+ position: relative;
+ left: -91.66667%; }
+ .large-offset-10 {
+ margin-left: 83.33333%; }
+ .large-12 {
+ width: 100%; }
+ .large-offset-11 {
+ margin-left: 91.66667%; }
+ .large-up-1 .column, .large-up-1 .columns {
+ width: 100%;
+ float: left; }
+ .large-up-1 .column:nth-of-type(1n), .large-up-1 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-1 .column:nth-of-type(1n+1), .large-up-1 .columns:nth-of-type(1n+1) {
+ clear: both; }
+ .large-up-2 .column, .large-up-2 .columns {
+ width: 50%;
+ float: left; }
+ .large-up-2 .column:nth-of-type(1n), .large-up-2 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-2 .column:nth-of-type(2n+1), .large-up-2 .columns:nth-of-type(2n+1) {
+ clear: both; }
+ .large-up-3 .column, .large-up-3 .columns {
+ width: 33.33333%;
+ float: left; }
+ .large-up-3 .column:nth-of-type(1n), .large-up-3 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-3 .column:nth-of-type(3n+1), .large-up-3 .columns:nth-of-type(3n+1) {
+ clear: both; }
+ .large-up-4 .column, .large-up-4 .columns {
+ width: 25%;
+ float: left; }
+ .large-up-4 .column:nth-of-type(1n), .large-up-4 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-4 .column:nth-of-type(4n+1), .large-up-4 .columns:nth-of-type(4n+1) {
+ clear: both; }
+ .large-up-5 .column, .large-up-5 .columns {
+ width: 20%;
+ float: left; }
+ .large-up-5 .column:nth-of-type(1n), .large-up-5 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-5 .column:nth-of-type(5n+1), .large-up-5 .columns:nth-of-type(5n+1) {
+ clear: both; }
+ .large-up-6 .column, .large-up-6 .columns {
+ width: 16.66667%;
+ float: left; }
+ .large-up-6 .column:nth-of-type(1n), .large-up-6 .columns:nth-of-type(1n) {
+ clear: none; }
+ .large-up-6 .column:nth-of-type(6n+1), .large-up-6 .columns:nth-of-type(6n+1) {
+ clear: both; }
+ .column.large-centered, .large-centered.columns {
+ float: none;
+ margin-left: auto;
+ margin-right: auto; }
+ .large-uncenter,
+ .large-push-0,
+ .large-pull-0 {
+ position: static;
+ margin-left: 0;
+ margin-right: 0; } }
+
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+form,
+p,
+blockquote,
+th,
+td {
+ margin: 0;
+ padding: 0; }
+
+p {
+ font-size: inherit;
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ text-rendering: optimizeLegibility; }
+
+em,
+i {
+ font-style: italic;
+ line-height: inherit; }
+
+strong,
+b {
+ font-weight: bold;
+ line-height: inherit; }
+
+small {
+ font-size: 80%;
+ line-height: inherit; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+ font-weight: normal;
+ font-style: normal;
+ color: inherit;
+ text-rendering: optimizeLegibility;
+ margin-top: 0;
+ margin-bottom: 0.5rem;
+ line-height: 1.4; }
+ h1 small,
+ h2 small,
+ h3 small,
+ h4 small,
+ h5 small,
+ h6 small {
+ color: #cacaca;
+ line-height: 0; }
+
+h1 {
+ font-size: 1.5rem; }
+
+h2 {
+ font-size: 1.25rem; }
+
+h3 {
+ font-size: 1.1875rem; }
+
+h4 {
+ font-size: 1.125rem; }
+
+h5 {
+ font-size: 1.0625rem; }
+
+h6 {
+ font-size: 1rem; }
+
+@media screen and (min-width: 32em) {
+ h1 {
+ font-size: 3rem; }
+ h2 {
+ font-size: 2.5rem; }
+ h3 {
+ font-size: 1.9375rem; }
+ h4 {
+ font-size: 1.5625rem; }
+ h5 {
+ font-size: 1.25rem; }
+ h6 {
+ font-size: 1rem; } }
+
+a {
+ color: #2199e8;
+ text-decoration: none;
+ line-height: inherit;
+ cursor: pointer; }
+ a:hover, a:focus {
+ color: #1585cf; }
+ a img {
+ border: 0; }
+
+hr {
+ max-width: 75rem;
+ height: 0;
+ border-top: 0;
+ border-bottom: 1px solid #cacaca;
+ margin: 1.25rem auto;
+ clear: both; }
+
+ul,
+ol,
+dl {
+ line-height: 1.6;
+ margin-bottom: 1rem;
+ list-style-position: outside; }
+
+li {
+ font-size: inherit; }
+
+ul {
+ list-style-type: disc;
+ margin-left: 1.25rem; }
+
+ol {
+ margin-left: 1.25rem; }
+
+ul ul, ol ul, ul ol, ol ol {
+ margin-left: 1.25rem;
+ margin-bottom: 0;
+ list-style-type: inherit; }
+
+dl {
+ margin-bottom: 1rem; }
+ dl dt {
+ margin-bottom: 0.3rem;
+ font-weight: bold; }
+
+blockquote {
+ margin: 0 0 1rem;
+ padding: 0.5625rem 1.25rem 0 1.1875rem;
+ border-left: 1px solid #cacaca; }
+ blockquote, blockquote p {
+ line-height: 1.6;
+ color: #8a8a8a; }
+
+cite {
+ display: block;
+ font-size: 0.8125rem;
+ color: #8a8a8a; }
+ cite:before {
+ content: '\2014 \0020'; }
+
+abbr {
+ color: #0a0a0a;
+ cursor: help;
+ border-bottom: 1px dotted #0a0a0a; }
+
+code {
+ font-family: Consolas, "Liberation Mono", Courier, monospace;
+ font-weight: normal;
+ color: #0a0a0a;
+ background-color: #e6e6e6;
+ border: 1px solid #cacaca;
+ padding: 0.125rem 0.3125rem 0.0625rem; }
+
+kbd {
+ padding: 0.125rem 0.25rem 0;
+ margin: 0;
+ background-color: #e6e6e6;
+ color: #0a0a0a;
+ font-family: Consolas, "Liberation Mono", Courier, monospace; }
+
+.subheader {
+ margin-top: 0.2rem;
+ margin-bottom: 0.5rem;
+ font-weight: normal;
+ line-height: 1.4;
+ color: #8a8a8a; }
+
+.lead {
+ font-size: 125%;
+ line-height: 1.6; }
+
+.stat {
+ font-size: 2.5rem;
+ line-height: 1; }
+ p + .stat {
+ margin-top: -1rem; }
+
+.no-bullet {
+ margin-left: 0;
+ list-style: none; }
+
+.text-left {
+ text-align: left; }
+
+@media screen and (min-width: 32em) {
+ .medium-text-left {
+ text-align: left; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-left {
+ text-align: left; } }
+
+.text-right {
+ text-align: right; }
+
+@media screen and (min-width: 32em) {
+ .medium-text-right {
+ text-align: right; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-right {
+ text-align: right; } }
+
+.text-center {
+ text-align: center; }
+
+@media screen and (min-width: 32em) {
+ .medium-text-center {
+ text-align: center; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-center {
+ text-align: center; } }
+
+.text-justify {
+ text-align: justify; }
+
+@media screen and (min-width: 32em) {
+ .medium-text-justify {
+ text-align: justify; } }
+
+@media screen and (min-width: 64em) {
+ .large-text-justify {
+ text-align: justify; } }
+
+.show-for-print {
+ display: none !important; }
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ box-shadow: none !important;
+ text-shadow: none !important; }
+ .show-for-print {
+ display: block !important; }
+ .hide-for-print {
+ display: none !important; }
+ table.show-for-print {
+ display: table !important; }
+ thead.show-for-print {
+ display: table-header-group !important; }
+ tbody.show-for-print {
+ display: table-row-group !important; }
+ tr.show-for-print {
+ display: table-row !important; }
+ td.show-for-print {
+ display: table-cell !important; }
+ th.show-for-print {
+ display: table-cell !important; }
+ a,
+ a:visited {
+ text-decoration: underline; }
+ a[href]:after {
+ content: " (" attr(href) ")"; }
+ .ir a:after,
+ a[href^='javascript:']:after,
+ a[href^='#']:after {
+ content: ''; }
+ abbr[title]:after {
+ content: " (" attr(title) ")"; }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
+ thead {
+ display: table-header-group; }
+ tr,
+ img {
+ page-break-inside: avoid; }
+ img {
+ max-width: 100% !important; }
+ @page {
+ margin: 0.5cm; }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3; }
+ h2,
+ h3 {
+ page-break-after: avoid; } }
+
+.button {
+ display: inline-block;
+ text-align: center;
+ line-height: 1;
+ cursor: pointer;
+ -webkit-appearance: none;
+ transition: all 0.25s ease-out;
+ vertical-align: middle;
+ border: 1px solid transparent;
+ border-radius: 0;
+ padding: 0.85em 1em;
+ margin: 0 1rem 1rem 0;
+ font-size: 0.9rem;
+ background: #2199e8;
+ color: #fff; }
+ [data-whatinput="mouse"] .button {
+ outline: 0; }
+ .button:hover, .button:focus {
+ background: #1583cc;
+ color: #fff; }
+ .button.tiny {
+ font-size: 0.6rem; }
+ .button.small {
+ font-size: 0.75rem; }
+ .button.large {
+ font-size: 1.25rem; }
+ .button.expanded {
+ display: block;
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0; }
+ .button.primary {
+ background: #2199e8;
+ color: #fff; }
+ .button.primary:hover, .button.primary:focus {
+ background: #147cc0;
+ color: #fff; }
+ .button.secondary {
+ background: #777;
+ color: #fff; }
+ .button.secondary:hover, .button.secondary:focus {
+ background: #5f5f5f;
+ color: #fff; }
+ .button.success {
+ background: #3adb76;
+ color: #fff; }
+ .button.success:hover, .button.success:focus {
+ background: #22bb5b;
+ color: #fff; }
+ .button.alert {
+ background: #ec5840;
+ color: #fff; }
+ .button.alert:hover, .button.alert:focus {
+ background: #da3116;
+ color: #fff; }
+ .button.warning {
+ background: #ffae00;
+ color: #fff; }
+ .button.warning:hover, .button.warning:focus {
+ background: #cc8b00;
+ color: #fff; }
+ .button.hollow {
+ border: 1px solid #2199e8;
+ color: #2199e8; }
+ .button.hollow, .button.hollow:hover, .button.hollow:focus {
+ background: transparent; }
+ .button.hollow:hover, .button.hollow:focus {
+ border-color: #0c4d78;
+ color: #0c4d78; }
+ .button.hollow.primary {
+ border: 1px solid #2199e8;
+ color: #2199e8; }
+ .button.hollow.primary:hover, .button.hollow.primary:focus {
+ border-color: #0c4d78;
+ color: #0c4d78; }
+ .button.hollow.secondary {
+ border: 1px solid #777;
+ color: #777; }
+ .button.hollow.secondary:hover, .button.hollow.secondary:focus {
+ border-color: #3b3b3b;
+ color: #3b3b3b; }
+ .button.hollow.success {
+ border: 1px solid #3adb76;
+ color: #3adb76; }
+ .button.hollow.success:hover, .button.hollow.success:focus {
+ border-color: #157539;
+ color: #157539; }
+ .button.hollow.alert {
+ border: 1px solid #ec5840;
+ color: #ec5840; }
+ .button.hollow.alert:hover, .button.hollow.alert:focus {
+ border-color: #881f0e;
+ color: #881f0e; }
+ .button.hollow.warning {
+ border: 1px solid #ffae00;
+ color: #ffae00; }
+ .button.hollow.warning:hover, .button.hollow.warning:focus {
+ border-color: #805700;
+ color: #805700; }
+ .button.disabled {
+ opacity: 0.25;
+ cursor: not-allowed;
+ pointer-events: none; }
+ .button.dropdown::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.4em;
+ border-color: #fefefe transparent transparent;
+ border-top-style: solid;
+ position: relative;
+ top: 0.4em;
+ float: right;
+ margin-left: 1em;
+ display: inline-block; }
+ .button.arrow-only::after {
+ margin-left: 0;
+ float: none;
+ top: 0.2em; }
+
+[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"],
+textarea {
+ display: block;
+ box-sizing: border-box;
+ width: 100%;
+ height: 2.4375rem;
+ padding: 0.5rem;
+ border: 1px solid #cacaca;
+ margin: 0 0 1rem;
+ font-family: inherit;
+ font-size: 1rem;
+ color: #8a8a8a;
+ background-color: #fefefe;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ border-radius: 0;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none; }
+ [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus,
+ textarea:focus {
+ border: 1px solid #8a8a8a;
+ background: #fefefe;
+ outline: none;
+ box-shadow: 0 0 5px #cacaca;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
+
+textarea {
+ max-width: 100%; }
+ textarea[rows] {
+ height: auto; }
+
+input:disabled, input[readonly],
+textarea:disabled,
+textarea[readonly] {
+ background-color: #e6e6e6;
+ cursor: default; }
+
+[type="submit"],
+[type="button"] {
+ border-radius: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none; }
+
+input[type="search"] {
+ box-sizing: border-box; }
+
+[type="file"],
+[type="checkbox"],
+[type="radio"] {
+ margin: 0 0 1rem; }
+
+[type="checkbox"] + label,
+[type="radio"] + label {
+ display: inline-block;
+ margin-left: 0.5rem;
+ margin-right: 1rem;
+ margin-bottom: 0;
+ vertical-align: baseline; }
+
+label > [type="checkbox"],
+label > [type="label"] {
+ margin-right: 0.5rem; }
+
+[type="file"] {
+ width: 100%; }
+
+label {
+ display: block;
+ margin: 0;
+ font-size: 0.875rem;
+ font-weight: normal;
+ line-height: 1.8;
+ color: #0a0a0a; }
+ label.middle {
+ margin: 0 0 1rem;
+ padding: 0.5625rem 0; }
+
+.help-text {
+ margin-top: -0.5rem;
+ font-size: 0.8125rem;
+ font-style: italic;
+ color: #333; }
+
+.input-group {
+ display: table;
+ width: 100%;
+ margin-bottom: 1rem; }
+
+.input-group-label, .input-group-field, .input-group-button {
+ display: table-cell;
+ margin: 0;
+ vertical-align: middle; }
+
+.input-group-label {
+ text-align: center;
+ width: 1%;
+ height: 100%;
+ padding: 0 1rem;
+ background: #e6e6e6;
+ color: #0a0a0a;
+ border: 1px solid #cacaca; }
+ .input-group-label:first-child {
+ border-right: 0; }
+ .input-group-label:last-child {
+ border-left: 0; }
+
+.input-group-button {
+ height: 100%;
+ padding-top: 0;
+ padding-bottom: 0;
+ text-align: center;
+ width: 1%; }
+
+fieldset {
+ border: 0;
+ padding: 0;
+ margin: 0; }
+
+legend {
+ margin-bottom: 0.5rem; }
+
+.fieldset {
+ border: 1px solid #cacaca;
+ padding: 1.25rem;
+ margin: 1.125rem 0; }
+ .fieldset legend {
+ background: #fefefe;
+ padding: 0 0.1875rem;
+ margin: 0;
+ margin-left: -0.1875rem; }
+
+select {
+ height: 2.4375rem;
+ padding: 0.5rem;
+ border: 1px solid #cacaca;
+ border-radius: 0;
+ margin: 0 0 1rem;
+ font-size: 1rem;
+ font-family: inherit;
+ line-height: normal;
+ color: #8a8a8a;
+ background-color: #fafafa;
+ border-radius: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ background-image: url('data:image/svg+xml;utf8, ');
+ background-size: 9px 6px;
+ background-position: right 0.5rem center;
+ background-repeat: no-repeat; }
+ @media screen and (min-width: 0\0) {
+ select {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
+ select:disabled {
+ background-color: #e6e6e6;
+ cursor: default; }
+ select::-ms-expand {
+ display: none; }
+ select[multiple] {
+ height: auto; }
+
+.is-invalid-input:not(:focus) {
+ background-color: rgba(236, 88, 64, 0.1);
+ border-color: #ec5840; }
+
+.is-invalid-label {
+ color: #ec5840; }
+
+.form-error {
+ display: none;
+ margin-top: -0.5rem;
+ margin-bottom: 1rem;
+ font-size: 0.75rem;
+ font-weight: bold;
+ color: #ec5840; }
+ .form-error.is-visible {
+ display: block; }
+
+.hide {
+ display: none !important; }
+
+.invisible {
+ visibility: hidden; }
+
+@media screen and (min-width: 0em) and (max-width: 31.9375em) {
+ .hide-for-small-only {
+ display: none !important; } }
+
+@media screen and (max-width: -0.0625em), screen and (min-width: 32em) {
+ .show-for-small-only {
+ display: none !important; } }
+
+@media screen and (min-width: 32em) {
+ .hide-for-medium {
+ display: none !important; } }
+
+@media screen and (max-width: 31.9375em) {
+ .show-for-medium {
+ display: none !important; } }
+
+@media screen and (min-width: 32em) and (max-width: 63.9375em) {
+ .hide-for-medium-only {
+ display: none !important; } }
+
+@media screen and (max-width: 31.9375em), screen and (min-width: 64em) {
+ .show-for-medium-only {
+ display: none !important; } }
+
+@media screen and (min-width: 64em) {
+ .hide-for-large {
+ display: none !important; } }
+
+@media screen and (max-width: 63.9375em) {
+ .show-for-large {
+ display: none !important; } }
+
+@media screen and (min-width: 64em) and (max-width: 74.9375em) {
+ .hide-for-large-only {
+ display: none !important; } }
+
+@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
+ .show-for-large-only {
+ display: none !important; } }
+
+.show-for-sr,
+.show-on-focus {
+ position: absolute !important;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0); }
+
+.show-on-focus:active, .show-on-focus:focus {
+ position: static !important;
+ height: auto;
+ width: auto;
+ overflow: visible;
+ clip: auto; }
+
+.show-for-landscape,
+.hide-for-portrait {
+ display: block !important; }
+ @media screen and (orientation: landscape) {
+ .show-for-landscape,
+ .hide-for-portrait {
+ display: block !important; } }
+ @media screen and (orientation: portrait) {
+ .show-for-landscape,
+ .hide-for-portrait {
+ display: none !important; } }
+
+.hide-for-landscape,
+.show-for-portrait {
+ display: none !important; }
+ @media screen and (orientation: landscape) {
+ .hide-for-landscape,
+ .show-for-portrait {
+ display: none !important; } }
+ @media screen and (orientation: portrait) {
+ .hide-for-landscape,
+ .show-for-portrait {
+ display: block !important; } }
+
+.float-left {
+ float: left !important; }
+
+.float-right {
+ float: right !important; }
+
+.float-center {
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+
+.clearfix::before, .clearfix::after {
+ content: ' ';
+ display: table; }
+
+.clearfix::after {
+ clear: both; }
+
+.accordion {
+ list-style-type: none;
+ background: #fefefe;
+ border: 1px solid #e6e6e6;
+ border-radius: 0;
+ margin-left: 0; }
+
+.accordion-title {
+ display: block;
+ padding: 1.25rem 1rem;
+ line-height: 1;
+ font-size: 0.75rem;
+ color: #2199e8;
+ position: relative;
+ border-bottom: 1px solid #e6e6e6; }
+ .accordion-title:hover, .accordion-title:focus {
+ background-color: #e6e6e6; }
+ :last-child > .accordion-title {
+ border-bottom-width: 0; }
+ .accordion-title::before {
+ content: '+';
+ position: absolute;
+ right: 1rem;
+ top: 50%;
+ margin-top: -0.5rem; }
+ .is-active > .accordion-title::before {
+ content: '–'; }
+
+.accordion-content {
+ padding: 1.25rem 1rem;
+ display: none;
+ border-bottom: 1px solid #e6e6e6; }
+
+.is-accordion-submenu-parent > a {
+ position: relative; }
+ .is-accordion-submenu-parent > a::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 6px;
+ border-color: #2199e8 transparent transparent;
+ border-top-style: solid;
+ position: absolute;
+ top: 50%;
+ margin-top: -4px;
+ right: 1rem; }
+
+.is-accordion-submenu-parent[aria-expanded="true"] > a::after {
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -webkit-transform: scaleY(-1);
+ -ms-transform: scaleY(-1);
+ transform: scaleY(-1); }
+
+.badge {
+ display: inline-block;
+ padding: 0.3em;
+ min-width: 2.1em;
+ font-size: 0.6rem;
+ text-align: center;
+ border-radius: 50%;
+ background: #2199e8;
+ color: #fefefe; }
+ .badge.secondary {
+ background: #777;
+ color: #fefefe; }
+ .badge.success {
+ background: #3adb76;
+ color: #fefefe; }
+ .badge.alert {
+ background: #ec5840;
+ color: #fefefe; }
+ .badge.warning {
+ background: #ffae00;
+ color: #fefefe; }
+
+.breadcrumbs {
+ list-style: none;
+ margin: 0 0 1rem 0; }
+ .breadcrumbs::before, .breadcrumbs::after {
+ content: ' ';
+ display: table; }
+ .breadcrumbs::after {
+ clear: both; }
+ .breadcrumbs li {
+ float: left;
+ color: #0a0a0a;
+ font-size: 0.6875rem;
+ cursor: default;
+ text-transform: uppercase; }
+ .breadcrumbs li:not(:last-child)::after {
+ color: #cacaca;
+ content: "/";
+ margin: 0 0.75rem;
+ position: relative;
+ top: 1px;
+ opacity: 1; }
+ .breadcrumbs a {
+ color: #2199e8; }
+ .breadcrumbs a:hover {
+ text-decoration: underline; }
+ .breadcrumbs .disabled {
+ color: #cacaca; }
+
+.button-group {
+ margin-bottom: 1rem;
+ font-size: 0.9rem; }
+ .button-group::before, .button-group::after {
+ content: ' ';
+ display: table; }
+ .button-group::after {
+ clear: both; }
+ .button-group .button {
+ float: left;
+ margin: 0;
+ font-size: inherit; }
+ .button-group .button:not(:last-child) {
+ border-right: 1px solid #fefefe; }
+ .button-group.tiny {
+ font-size: 0.6rem; }
+ .button-group.small {
+ font-size: 0.75rem; }
+ .button-group.large {
+ font-size: 1.25rem; }
+ .button-group.expanded .button:nth-last-child(2):first-child,
+ .button-group.expanded .button:nth-last-child(2):first-child ~ .button {
+ width: 50%; }
+ .button-group.expanded .button:nth-last-child(3):first-child,
+ .button-group.expanded .button:nth-last-child(3):first-child ~ .button {
+ width: 33.33333%; }
+ .button-group.expanded .button:nth-last-child(4):first-child,
+ .button-group.expanded .button:nth-last-child(4):first-child ~ .button {
+ width: 25%; }
+ .button-group.expanded .button:nth-last-child(5):first-child,
+ .button-group.expanded .button:nth-last-child(5):first-child ~ .button {
+ width: 20%; }
+ .button-group.expanded .button:nth-last-child(6):first-child,
+ .button-group.expanded .button:nth-last-child(6):first-child ~ .button {
+ width: 16.66667%; }
+ .button-group.primary .button {
+ background: #2199e8;
+ color: #fff; }
+ .button-group.primary .button:hover, .button-group.primary .button:focus {
+ background: #147cc0;
+ color: #fff; }
+ .button-group.secondary .button {
+ background: #777;
+ color: #fff; }
+ .button-group.secondary .button:hover, .button-group.secondary .button:focus {
+ background: #5f5f5f;
+ color: #fff; }
+ .button-group.success .button {
+ background: #3adb76;
+ color: #fff; }
+ .button-group.success .button:hover, .button-group.success .button:focus {
+ background: #22bb5b;
+ color: #fff; }
+ .button-group.alert .button {
+ background: #ec5840;
+ color: #fff; }
+ .button-group.alert .button:hover, .button-group.alert .button:focus {
+ background: #da3116;
+ color: #fff; }
+ .button-group.warning .button {
+ background: #ffae00;
+ color: #fff; }
+ .button-group.warning .button:hover, .button-group.warning .button:focus {
+ background: #cc8b00;
+ color: #fff; }
+ .button-group.stacked .button, .button-group.stacked-for-small .button {
+ width: 100%;
+ border-right: 0; }
+ @media screen and (min-width: 32em) {
+ .button-group.stacked-for-small .button {
+ width: auto; }
+ .button-group.stacked-for-small .button:not(:last-child) {
+ border-right: 1px solid #fefefe; } }
+
+.callout {
+ margin: 0 0 1rem 0;
+ padding: 1rem;
+ border: 1px solid rgba(10, 10, 10, 0.25);
+ border-radius: 0;
+ position: relative;
+ background-color: white; }
+ .callout > :first-child {
+ margin-top: 0; }
+ .callout > :last-child {
+ margin-bottom: 0; }
+ .callout.primary {
+ background-color: #def0fc; }
+ .callout.primary a {
+ color: #116ca8; }
+ .callout.primary a:hover {
+ color: #0a4063; }
+ .callout.secondary {
+ background-color: #ebebeb; }
+ .callout.success {
+ background-color: #e1faea; }
+ .callout.success a {
+ color: #1ea450; }
+ .callout.success a:hover {
+ color: #126330; }
+ .callout.alert {
+ background-color: #fce6e2; }
+ .callout.alert a {
+ color: #bf2b13; }
+ .callout.alert a:hover {
+ color: #791b0c; }
+ .callout.warning {
+ background-color: #fff3d9; }
+ .callout.warning a {
+ color: #b37a00; }
+ .callout.warning a:hover {
+ color: #664600; }
+ .callout.small {
+ padding-top: 0.5rem;
+ padding-right: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 0.5rem; }
+ .callout.large {
+ padding-top: 3rem;
+ padding-right: 3rem;
+ padding-bottom: 3rem;
+ padding-left: 3rem; }
+
+.close-button {
+ position: absolute;
+ color: #8a8a8a;
+ right: 1rem;
+ top: 0.5rem;
+ font-size: 2em;
+ line-height: 1;
+ cursor: pointer; }
+ [data-whatinput="mouse"] .close-button {
+ outline: 0; }
+ .close-button:hover, .close-button:focus {
+ color: #0a0a0a; }
+
+.is-drilldown {
+ position: relative;
+ overflow: hidden; }
+
+.is-drilldown-sub {
+ position: absolute;
+ top: 0;
+ left: 100%;
+ z-index: -1;
+ height: 100%;
+ width: 100%;
+ background: #fefefe;
+ transition: -webkit-transform 0.15s linear;
+ transition: transform 0.15s linear; }
+ .is-drilldown-sub.is-active {
+ z-index: 1;
+ display: block;
+ -webkit-transform: translateX(-100%);
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%); }
+ .is-drilldown-sub.is-closing {
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%); }
+
+.is-drilldown-submenu-parent > a {
+ position: relative; }
+ .is-drilldown-submenu-parent > a::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 6px;
+ border-color: transparent transparent transparent #2199e8;
+ border-left-style: solid;
+ position: absolute;
+ top: 50%;
+ margin-top: -6px;
+ right: 1rem; }
+
+.js-drilldown-back::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 6px;
+ border-color: transparent #2199e8 transparent transparent;
+ border-right-style: solid;
+ float: left;
+ margin-right: 0.75rem;
+ margin-left: 0.6rem;
+ margin-top: 14px; }
+
+.dropdown-pane {
+ background-color: #fefefe;
+ border: 1px solid #cacaca;
+ display: block;
+ padding: 1rem;
+ position: absolute;
+ visibility: hidden;
+ width: 300px;
+ z-index: 10;
+ border-radius: 0; }
+ .dropdown-pane.is-open {
+ visibility: visible; }
+
+.dropdown-pane.tiny {
+ width: 100px; }
+
+.dropdown-pane.small {
+ width: 200px; }
+
+.dropdown-pane.large {
+ width: 400px; }
+
+.dropdown.menu .has-submenu {
+ position: relative; }
+ .dropdown.menu .has-submenu a::after {
+ float: right;
+ margin-top: 3px;
+ margin-left: 10px; }
+ .dropdown.menu .has-submenu.is-down-arrow > a::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 5px;
+ border-color: #2199e8 transparent transparent;
+ border-top-style: solid; }
+ .dropdown.menu .has-submenu.is-left-arrow > a::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 5px;
+ border-color: transparent #2199e8 transparent transparent;
+ border-right-style: solid;
+ float: left;
+ margin-left: 0;
+ margin-right: 10px; }
+ .dropdown.menu .has-submenu.is-right-arrow > a::after {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 5px;
+ border-color: transparent transparent transparent #2199e8;
+ border-left-style: solid; }
+ .dropdown.menu .has-submenu.is-left-arrow.opens-inner .submenu {
+ right: 0;
+ left: auto; }
+ .dropdown.menu .has-submenu.is-right-arrow.opens-inner .submenu {
+ left: 0;
+ right: auto; }
+ .dropdown.menu .has-submenu.opens-inner .submenu {
+ top: 100%; }
+
+.dropdown.menu .submenu {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 100%;
+ min-width: 200px;
+ z-index: 1;
+ background: #fefefe;
+ border: 1px solid #cacaca; }
+ .dropdown.menu .submenu > li {
+ width: 100%; }
+ .dropdown.menu .submenu.first-sub {
+ top: 100%;
+ left: 0;
+ right: auto; }
+ .dropdown.menu .submenu:not(.js-dropdown-nohover) > .has-submenu:hover > .dropdown.menu .submenu, .dropdown.menu .submenu.js-dropdown-active {
+ display: block; }
+
+.dropdown.menu .has-submenu.opens-left .submenu {
+ left: auto;
+ right: 100%; }
+
+.dropdown.menu.align-right .submenu.first-sub {
+ top: 100%;
+ left: auto;
+ right: 0; }
+
+.dropdown.menu.vertical {
+ width: 100px; }
+ .dropdown.menu.vertical.align-right {
+ float: right; }
+ .dropdown.menu.vertical > li .submenu {
+ top: 0;
+ left: 100%; }
+
+.flex-video {
+ position: relative;
+ height: 0;
+ padding-top: 1.5625rem;
+ padding-bottom: 75%;
+ margin-bottom: 1rem;
+ overflow: hidden; }
+ .flex-video iframe,
+ .flex-video object,
+ .flex-video embed,
+ .flex-video video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+ .flex-video.widescreen {
+ padding-bottom: 56.25%; }
+ .flex-video.vimeo {
+ padding-top: 0; }
+
+.label {
+ display: inline-block;
+ padding: 0.33333rem 0.5rem;
+ font-size: 0.8rem;
+ line-height: 1;
+ white-space: nowrap;
+ cursor: default;
+ border-radius: 0;
+ background: #2199e8;
+ color: #fefefe; }
+ .label.secondary {
+ background: #777;
+ color: #fefefe; }
+ .label.success {
+ background: #3adb76;
+ color: #fefefe; }
+ .label.alert {
+ background: #ec5840;
+ color: #fefefe; }
+ .label.warning {
+ background: #ffae00;
+ color: #fefefe; }
+
+.media-object {
+ margin-bottom: 1rem;
+ display: block; }
+ .media-object img {
+ max-width: none; }
+ @media screen and (min-width: 0em) and (max-width: 31.9375em) {
+ .media-object.stack-for-small .media-object-section {
+ display: block;
+ padding: 0;
+ padding-bottom: 1rem; }
+ .media-object.stack-for-small .media-object-section img {
+ width: 100%; } }
+
+.media-object-section {
+ display: table-cell;
+ vertical-align: top; }
+ .media-object-section:first-child {
+ padding-right: 1rem; }
+ .media-object-section:last-child:not( + &:first-child) {
+ padding-left: 1rem; }
+ .media-object-section.middle {
+ vertical-align: middle; }
+ .media-object-section.bottom {
+ vertical-align: bottom; }
+
+.menu {
+ margin: 0;
+ list-style-type: none; }
+ .menu > li {
+ display: table-cell;
+ vertical-align: middle; }
+ [data-whatinput="mouse"] .menu > li {
+ outline: 0; }
+ .menu > li > a {
+ display: block;
+ padding: 0.7rem 1rem;
+ line-height: 1; }
+ .menu input,
+ .menu a,
+ .menu button {
+ margin-bottom: 0; }
+ .menu > li > a > img,
+ .menu > li > a > i {
+ vertical-align: middle; }
+ .menu > li > a > span {
+ vertical-align: middle; }
+ .menu > li > a > img,
+ .menu > li > a > i {
+ display: inline-block;
+ margin-right: 0.25rem; }
+ .menu > li {
+ display: table-cell; }
+ .menu.vertical > li {
+ display: block; }
+ @media screen and (min-width: 32em) {
+ .menu.medium-horizontal > li {
+ display: table-cell; }
+ .menu.medium-vertical > li {
+ display: block; } }
+ @media screen and (min-width: 64em) {
+ .menu.large-horizontal > li {
+ display: table-cell; }
+ .menu.large-vertical > li {
+ display: block; } }
+ .menu.simple a {
+ padding: 0;
+ margin-right: 1rem; }
+ .menu.align-right > li {
+ float: right; }
+ .menu.expanded {
+ display: table;
+ width: 100%; }
+ .menu.expanded > li:nth-last-child(2):first-child,
+ .menu.expanded > li:nth-last-child(2):first-child ~ li {
+ width: 50%; }
+ .menu.expanded > li:nth-last-child(3):first-child,
+ .menu.expanded > li:nth-last-child(3):first-child ~ li {
+ width: 33.33333%; }
+ .menu.expanded > li:nth-last-child(4):first-child,
+ .menu.expanded > li:nth-last-child(4):first-child ~ li {
+ width: 25%; }
+ .menu.expanded > li:nth-last-child(5):first-child,
+ .menu.expanded > li:nth-last-child(5):first-child ~ li {
+ width: 20%; }
+ .menu.expanded > li:nth-last-child(6):first-child,
+ .menu.expanded > li:nth-last-child(6):first-child ~ li {
+ width: 16.66667%; }
+ .menu.expanded > li:first-child:last-child {
+ width: 100%; }
+ .menu.icon-top > li > a {
+ text-align: center; }
+ .menu.icon-top > li > a > img,
+ .menu.icon-top > li > a > i {
+ display: block;
+ margin: 0 auto 0.25rem; }
+ .menu.nested {
+ margin-left: 1rem; }
+
+.menu-text {
+ font-weight: bold;
+ color: inherit;
+ line-height: 1;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding: 0.7rem 1rem; }
+
+html,
+body {
+ height: 100%; }
+
+.off-canvas-wrapper {
+ width: 100%;
+ overflow-x: hidden;
+ position: relative;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch; }
+
+.off-canvas-wrapper-inner {
+ position: relative;
+ width: 100%;
+ transition: -webkit-transform 0.5s ease;
+ transition: transform 0.5s ease; }
+ .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
+ content: ' ';
+ display: table; }
+ .off-canvas-wrapper-inner::after {
+ clear: both; }
+
+.off-canvas-content {
+ min-height: 100%;
+ background: #fefefe;
+ transition: -webkit-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ z-index: 1;
+ box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }
+
+.js-off-canvas-exit {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(254, 254, 254, 0.25);
+ cursor: pointer;
+ transition: background 0.5s ease; }
+ .is-off-canvas-open .js-off-canvas-exit {
+ display: block; }
+
+.off-canvas {
+ position: absolute;
+ background: #e6e6e6;
+ z-index: -1;
+ min-height: 100%;
+ -webkit-transform: translateX(0px);
+ -ms-transform: translateX(0px);
+ transform: translateX(0px); }
+ [data-whatinput="mouse"] .off-canvas {
+ outline: 0; }
+ .off-canvas.position-left {
+ left: -250px;
+ top: 0;
+ width: 250px; }
+ .is-open-left {
+ -webkit-transform: translateX(250px);
+ -ms-transform: translateX(250px);
+ transform: translateX(250px); }
+ .off-canvas.position-right {
+ right: -250px;
+ top: 0;
+ width: 250px; }
+ .is-open-right {
+ -webkit-transform: translateX(-250px);
+ -ms-transform: translateX(-250px);
+ transform: translateX(-250px); }
+
+@media screen and (min-width: 32em) {
+ .position-left.reveal-for-medium {
+ left: 0; }
+ .position-left.reveal-for-medium ~ .off-canvas-content {
+ margin-left: 250px; }
+ .position-right.reveal-for-medium {
+ right: 0; }
+ .position-right.reveal-for-medium ~ .off-canvas-content {
+ margin-right: 250px; } }
+
+@media screen and (min-width: 64em) {
+ .position-left.reveal-for-large {
+ left: 0; }
+ .position-left.reveal-for-large ~ .off-canvas-content {
+ margin-left: 250px; }
+ .position-right.reveal-for-large {
+ right: 0; }
+ .position-right.reveal-for-large ~ .off-canvas-content {
+ margin-right: 250px; } }
+
+.orbit {
+ position: relative; }
+
+.orbit-container {
+ position: relative;
+ margin: 0;
+ overflow: hidden;
+ list-style: none; }
+
+.orbit-slide {
+ width: 100%;
+ max-height: 100%; }
+
+.orbit-figure {
+ margin: 0; }
+
+.orbit-image {
+ margin: 0;
+ width: 100%;
+ max-width: 100%; }
+
+.orbit-caption {
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ padding: 1rem;
+ margin-bottom: 0;
+ color: #fefefe;
+ background-color: rgba(10, 10, 10, 0.5); }
+
+.orbit-previous, .orbit-next {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ z-index: 10;
+ padding: 1rem;
+ color: #fefefe; }
+ [data-whatinput="mouse"] .orbit-previous, [data-whatinput="mouse"] .orbit-next {
+ outline: 0; }
+ .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
+ background-color: rgba(10, 10, 10, 0.5); }
+
+.orbit-previous {
+ left: 0; }
+
+.orbit-next {
+ left: auto;
+ right: 0; }
+
+.orbit-bullets {
+ position: relative;
+ margin-top: 0.8rem;
+ margin-bottom: 0.8rem;
+ text-align: center; }
+ [data-whatinput="mouse"] .orbit-bullets {
+ outline: 0; }
+ .orbit-bullets button {
+ width: 1.2rem;
+ height: 1.2rem;
+ margin: 0.1rem;
+ background-color: #cacaca;
+ border-radius: 50%; }
+ .orbit-bullets button:hover {
+ background-color: #8a8a8a; }
+ .orbit-bullets button.is-active {
+ background-color: #8a8a8a; }
+
+.pagination {
+ margin-left: 0;
+ margin-bottom: 1rem; }
+ .pagination::before, .pagination::after {
+ content: ' ';
+ display: table; }
+ .pagination::after {
+ clear: both; }
+ .pagination li {
+ font-size: 0.875rem;
+ margin-right: 0.0625rem;
+ display: none;
+ border-radius: 0; }
+ .pagination li:last-child, .pagination li:first-child {
+ display: inline-block; }
+ @media screen and (min-width: 32em) {
+ .pagination li {
+ display: inline-block; } }
+ .pagination a,
+ .pagination button {
+ color: #0a0a0a;
+ display: block;
+ padding: 0.1875rem 0.625rem;
+ border-radius: 0; }
+ .pagination a:hover,
+ .pagination button:hover {
+ background: #e6e6e6; }
+ .pagination [aria-label="previous"]::before {
+ content: '«';
+ display: inline-block;
+ margin-right: 0.75rem; }
+ .pagination [aria-label="next"]::after {
+ content: '»';
+ display: inline-block;
+ margin-left: 0.75rem; }
+ .pagination .current {
+ padding: 0.1875rem 0.625rem;
+ background: #2199e8;
+ color: #fefefe;
+ cursor: default; }
+ .pagination .disabled {
+ padding: 0.1875rem 0.625rem;
+ color: #cacaca;
+ cursor: default; }
+ .pagination .disabled:hover {
+ background: transparent; }
+ .pagination .ellipsis::after {
+ content: '…';
+ padding: 0.1875rem 0.625rem;
+ color: #0a0a0a; }
+
+.progress {
+ background-color: #cacaca;
+ height: 1rem;
+ margin-bottom: 1rem;
+ border-radius: 0; }
+ .progress.primary .progress-meter {
+ background-color: #2199e8; }
+ .progress.secondary .progress-meter {
+ background-color: #777; }
+ .progress.success .progress-meter {
+ background-color: #3adb76; }
+ .progress.alert .progress-meter {
+ background-color: #ec5840; }
+ .progress.warning .progress-meter {
+ background-color: #ffae00; }
+
+.progress-meter {
+ position: relative;
+ display: block;
+ width: 0%;
+ height: 100%;
+ background-color: #2199e8;
+ border-radius: 0; }
+ .progress-meter .progress-meter-text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ margin: 0;
+ font-size: 0.75rem;
+ font-weight: bold;
+ color: #fefefe;
+ white-space: nowrap; }
+
+.slider {
+ position: relative;
+ height: 0.5rem;
+ margin-top: 1.25rem;
+ margin-bottom: 2.25rem;
+ background-color: #e6e6e6;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+
+.slider-fill {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: inline-block;
+ max-width: 100%;
+ height: 0.5rem;
+ background-color: #cacaca;
+ transition: all 0.2s ease-in-out; }
+ .slider-fill.is-dragging {
+ transition: all 0s linear; }
+
+.slider-handle {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ position: absolute;
+ left: 0;
+ z-index: 1;
+ display: inline-block;
+ width: 1.4rem;
+ height: 1.4rem;
+ background-color: #2199e8;
+ transition: all 0.2s ease-in-out;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ border-radius: 0; }
+ [data-whatinput="mouse"] .slider-handle {
+ outline: 0; }
+ .slider-handle:hover {
+ background-color: #1583cc; }
+ .slider-handle.is-dragging {
+ transition: all 0s linear; }
+
+.slider.disabled,
+.slider[disabled] {
+ opacity: 0.25;
+ cursor: not-allowed; }
+
+.slider.vertical {
+ display: inline-block;
+ width: 0.5rem;
+ height: 12.5rem;
+ margin: 0 1.25rem;
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1); }
+ .slider.vertical .slider-fill {
+ top: 0;
+ width: 0.5rem;
+ max-height: 100%; }
+ .slider.vertical .slider-handle {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width: 1.4rem;
+ height: 1.4rem;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%); }
+
+.sticky-container {
+ position: relative; }
+
+.sticky {
+ position: absolute;
+ z-index: 0;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+
+.sticky.is-stuck {
+ position: fixed;
+ z-index: 5; }
+ .sticky.is-stuck.is-at-top {
+ top: 0; }
+ .sticky.is-stuck.is-at-bottom {
+ bottom: 0; }
+
+.sticky.is-anchored {
+ position: absolute;
+ left: auto;
+ right: auto; }
+ .sticky.is-anchored.is-at-bottom {
+ bottom: 0; }
+
+.reveal-overlay {
+ display: none;
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 1005;
+ background-color: rgba(10, 10, 10, 0.45);
+ overflow-y: scroll; }
+
+.reveal {
+ display: none;
+ z-index: 1006;
+ padding: 1rem;
+ border: 1px solid #cacaca;
+ margin: 100px auto 0 auto;
+ background-color: #fefefe;
+ border-radius: 0;
+ position: absolute;
+ overflow-y: auto; }
+ [data-whatinput="mouse"] .reveal {
+ outline: 0; }
+ @media screen and (min-width: 32em) {
+ .reveal {
+ min-height: 0; } }
+ .reveal .column, .reveal .columns,
+ .reveal .columns {
+ min-width: 0; }
+ .reveal > :last-child {
+ margin-bottom: 0; }
+ @media screen and (min-width: 32em) {
+ .reveal {
+ width: 600px;
+ max-width: 75rem; } }
+ .reveal.collapse {
+ padding: 0; }
+ @media screen and (min-width: 32em) {
+ .reveal .reveal {
+ left: auto;
+ right: auto;
+ margin: 0 auto; } }
+ @media screen and (min-width: 32em) {
+ .reveal.tiny {
+ width: 30%;
+ max-width: 75rem; } }
+ @media screen and (min-width: 32em) {
+ .reveal.small {
+ width: 50%;
+ max-width: 75rem; } }
+ @media screen and (min-width: 32em) {
+ .reveal.large {
+ width: 90%;
+ max-width: 75rem; } }
+ .reveal.full {
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ height: 100vh;
+ min-height: 100vh;
+ max-width: none;
+ margin-left: 0; }
+
+.switch {
+ margin-bottom: 1rem;
+ outline: 0;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ color: #fefefe;
+ font-weight: bold;
+ font-size: 0.875rem; }
+
+.switch-input {
+ opacity: 0;
+ position: absolute; }
+
+.switch-paddle {
+ background: #cacaca;
+ cursor: pointer;
+ display: block;
+ position: relative;
+ width: 4rem;
+ height: 2rem;
+ transition: all 0.25s ease-out;
+ border-radius: 0;
+ color: inherit;
+ font-weight: inherit; }
+ input + .switch-paddle {
+ margin: 0; }
+ .switch-paddle::after {
+ background: #fefefe;
+ content: '';
+ display: block;
+ position: absolute;
+ height: 1.5rem;
+ left: 0.25rem;
+ top: 0.25rem;
+ width: 1.5rem;
+ transition: all 0.25s ease-out;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+ input:checked ~ .switch-paddle {
+ background: #2199e8; }
+ input:checked ~ .switch-paddle::after {
+ left: 2.25rem; }
+ [data-whatinput="mouse"] input:focus ~ .switch-paddle {
+ outline: 0; }
+
+.switch-active, .switch-inactive {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%); }
+
+.switch-active {
+ left: 8%;
+ display: none; }
+ input:checked + label > .switch-active {
+ display: block; }
+
+.switch-inactive {
+ right: 15%; }
+ input:checked + label > .switch-inactive {
+ display: none; }
+
+.switch.tiny .switch-paddle {
+ width: 3rem;
+ height: 1.5rem;
+ font-size: 0.625rem; }
+
+.switch.tiny .switch-paddle::after {
+ width: 1rem;
+ height: 1rem; }
+
+.switch.tiny input:checked ~ .switch-paddle:after {
+ left: 1.75rem; }
+
+.switch.small .switch-paddle {
+ width: 3.5rem;
+ height: 1.75rem;
+ font-size: 0.75rem; }
+
+.switch.small .switch-paddle::after {
+ width: 1.25rem;
+ height: 1.25rem; }
+
+.switch.small input:checked ~ .switch-paddle:after {
+ left: 2rem; }
+
+.switch.large .switch-paddle {
+ width: 5rem;
+ height: 2.5rem;
+ font-size: 1rem; }
+
+.switch.large .switch-paddle::after {
+ width: 2rem;
+ height: 2rem; }
+
+.switch.large input:checked ~ .switch-paddle:after {
+ left: 2.75rem; }
+
+table {
+ margin-bottom: 1rem;
+ border-radius: 0; }
+ thead,
+ tbody,
+ tfoot {
+ border: 1px solid #f1f1f1;
+ background-color: #fefefe; }
+ caption {
+ font-weight: bold;
+ padding: 0.5rem 0.625rem 0.625rem; }
+ thead,
+ tfoot {
+ background: #f8f8f8;
+ color: #0a0a0a; }
+ thead tr,
+ tfoot tr {
+ background: transparent; }
+ thead th,
+ thead td,
+ tfoot th,
+ tfoot td {
+ padding: 0.5rem 0.625rem 0.625rem;
+ font-weight: bold;
+ text-align: left; }
+ tbody tr:nth-child(even) {
+ background-color: #f1f1f1; }
+ tbody th,
+ tbody td {
+ padding: 0.5rem 0.625rem 0.625rem; }
+
+@media screen and (max-width: 63.9375em) {
+ table.stack thead {
+ display: none; }
+ table.stack tfoot {
+ display: none; }
+ table.stack tr,
+ table.stack th,
+ table.stack td {
+ display: block; }
+ table.stack td {
+ border-top: 0; } }
+
+table.scroll {
+ display: block;
+ width: 100%;
+ overflow-y: scroll; }
+
+table.hover tr:hover {
+ background-color: #f9f9f9; }
+
+table.hover tr:nth-of-type(even):hover {
+ background-color: #ececec; }
+
+.tabs {
+ margin: 0;
+ list-style-type: none;
+ background: #fefefe;
+ border: 1px solid #e6e6e6; }
+ .tabs::before, .tabs::after {
+ content: ' ';
+ display: table; }
+ .tabs::after {
+ clear: both; }
+ .tabs.simple > li > a {
+ padding: 0; }
+ .tabs.simple > li > a:hover {
+ background: transparent; }
+ .tabs.vertical > li {
+ width: auto;
+ float: none;
+ display: block; }
+ .tabs.primary {
+ background: #2199e8; }
+ .tabs.primary > li > a {
+ color: #fefefe; }
+ .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
+ background: #1893e4; }
+
+.tabs-title {
+ float: left; }
+ .tabs-title > a {
+ display: block;
+ padding: 1.25rem 1.5rem;
+ line-height: 1;
+ font-size: 12px;
+ color: #2199e8; }
+ .tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
+ background: #e6e6e6; }
+
+.tabs-content {
+ background: #fefefe;
+ transition: all 0.5s ease;
+ border: 1px solid #e6e6e6;
+ border-top: 0; }
+ .tabs-content.vertical {
+ border: 1px solid #e6e6e6;
+ border-left: 0; }
+
+.tabs-panel {
+ display: none;
+ padding: 1rem; }
+ .tabs-panel.is-active {
+ display: block; }
+
+.thumbnail {
+ border: solid 4px #fefefe;
+ box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
+ display: inline-block;
+ line-height: 0;
+ max-width: 100%;
+ transition: box-shadow 200ms ease-out;
+ border-radius: 0;
+ margin-bottom: 1rem; }
+ .thumbnail:hover, .thumbnail:focus {
+ box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
+
+.title-bar {
+ background: #0a0a0a;
+ color: #fefefe;
+ padding: 0.5rem; }
+ .title-bar::before, .title-bar::after {
+ content: ' ';
+ display: table; }
+ .title-bar::after {
+ clear: both; }
+ .title-bar .menu-icon {
+ margin-left: 0.25rem;
+ margin-right: 0.5rem; }
+
+.title-bar-left {
+ float: left; }
+
+.title-bar-right {
+ float: right;
+ text-align: right; }
+
+.title-bar-title {
+ font-weight: bold;
+ vertical-align: middle;
+ display: inline-block; }
+
+.menu-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ width: 20px;
+ height: 16px; }
+ .menu-icon::after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 2px;
+ background: white;
+ top: 0;
+ left: 0;
+ box-shadow: 0 7px 0 white, 0 14px 0 white; }
+ .menu-icon:hover::after {
+ background: #cacaca;
+ box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
+
+.menu-icon.dark {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ width: 20px;
+ height: 16px; }
+ .menu-icon.dark::after {
+ content: '';
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 2px;
+ background: black;
+ top: 0;
+ left: 0;
+ box-shadow: 0 7px 0 black, 0 14px 0 black; }
+ .menu-icon.dark:hover::after {
+ background: #666;
+ box-shadow: 0 7px 0 #666, 0 14px 0 #666; }
+
+.has-tip {
+ border-bottom: dotted 1px #8a8a8a;
+ font-weight: bold;
+ position: relative;
+ display: inline-block; }
+ .has-tip:hover {
+ cursor: help; }
+
+.tooltip {
+ background-color: #0a0a0a;
+ color: #fefefe;
+ font-size: 80%;
+ padding: 0.75rem;
+ position: absolute;
+ z-index: 10;
+ top: calc(100% + 0.6495rem);
+ max-width: 10rem !important;
+ border-radius: 0; }
+ .tooltip::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: transparent transparent #0a0a0a;
+ border-bottom-style: solid;
+ bottom: 100%;
+ position: absolute;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ .tooltip.top::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: #0a0a0a transparent transparent;
+ border-top-style: solid;
+ top: 100%;
+ bottom: auto; }
+ .tooltip.left::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: transparent transparent transparent #0a0a0a;
+ border-left-style: solid;
+ bottom: auto;
+ left: 100%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ .tooltip.right::before {
+ content: '';
+ display: block;
+ width: 0;
+ height: 0;
+ border: inset 0.75rem;
+ border-color: transparent #0a0a0a transparent transparent;
+ border-right-style: solid;
+ bottom: auto;
+ left: auto;
+ right: 100%;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%); }
+
+.top-bar {
+ padding: 0.5rem; }
+ .top-bar::before, .top-bar::after {
+ content: ' ';
+ display: table; }
+ .top-bar::after {
+ clear: both; }
+ .top-bar, .top-bar ul {
+ background-color: #eee; }
+ .top-bar input {
+ width: 200px;
+ margin-right: 1rem; }
+
+@media screen and (min-width: 32em) {
+ .top-bar-left {
+ float: left; }
+ .top-bar-right {
+ float: right; } }
diff --git a/dist/foundation.js b/dist/foundation.js
new file mode 100644
index 0000000000000000000000000000000000000000..5969b70e715f889023dffca26897afc8dcb372a8
--- /dev/null
+++ b/dist/foundation.js
@@ -0,0 +1,7557 @@
+!function($) {
+
+"use strict";
+
+var FOUNDATION_VERSION = '6.0.0-alpha.1';
+
+// Global Foundation object
+// This is attached to the window, or used as a module for AMD/Browserify
+var Foundation = {
+ version: FOUNDATION_VERSION,
+
+ /**
+ * Stores initialized plugins.
+ */
+ _plugins: {},
+
+ /**
+ * Stores generated unique ids for plugin instances
+ */
+ _uuids: [],
+ /**
+ * Stores currently active plugins.
+ */
+ _activePlugins: {},
+
+ /**
+ * Returns a boolean for RTL support
+ */
+ rtl: function(){
+ return $('html').attr('dir') === 'rtl';
+ },
+ /**
+ * Defines a Foundation plugin, adding it to the `Foundation` namespace and the list of plugins to initialize when reflowing.
+ * @param {Object} plugin - The constructor of the plugin.
+ */
+ plugin: function(plugin) {
+ // Object key to use when adding to global Foundation object
+ // Examples: Foundation.Reveal, Foundation.OffCanvas
+ var className = functionName(plugin);
+ // Object key to use when storing the plugin, also used to create the identifying data attribute for the plugin
+ // Examples: data-reveal, data-off-canvas
+ var attrName = hyphenate(className);
+
+ // Add to the Foundation object and the plugins list (for reflowing)
+ this._plugins[attrName] = this[className] = plugin;
+ },
+ /**
+ * @function
+ * Creates a pointer to an instance of a Plugin within the Foundation._activePlugins object.
+ * Sets the `[data-pluginName="uniqueIdHere"]`, allowing easy access to any plugin's internal methods.
+ * Also fires the initialization event for each plugin, consolidating repeditive code.
+ * @param {Object} plugin - an instance of a plugin, usually `this` in context.
+ * @fires Plugin#init
+ */
+ registerPlugin: function(plugin){
+ var pluginName = functionName(plugin.constructor).toLowerCase();
+
+ plugin.uuid = this.GetYoDigits(6, pluginName);
+ plugin.$element.attr('data-' + pluginName, plugin.uuid)
+ /**
+ * Fires when the plugin has initialized.
+ * @event Plugin#init
+ */
+ .trigger('init.zf.' + pluginName);
+
+ this._activePlugins[plugin.uuid] = plugin;
+
+ return;
+ },
+ /**
+ * @function
+ * Removes the pointer for an instance of a Plugin from the Foundation._activePlugins obj.
+ * Also fires the destroyed event for the plugin, consolidating repeditive code.
+ * @param {Object} plugin - an instance of a plugin, usually `this` in context.
+ * @fires Plugin#destroyed
+ */
+ unregisterPlugin: function(plugin){
+ var pluginName = functionName(plugin.constructor).toLowerCase();
+
+ delete this._activePlugins[plugin.uuid];
+ plugin.$element.removeAttr('data-' + pluginName)
+ /**
+ * Fires when the plugin has been destroyed.
+ * @event Plugin#destroyed
+ */
+ .trigger('destroyed.zf.' + pluginName);
+
+ return;
+ },
+
+ /**
+ * @function
+ * Causes one or more active plugins to re-initialize, resetting event listeners, recalculating positions, etc.
+ * @param {String} plugins - optional string of an individual plugin key, attained by calling `$(element).data('pluginName')`, or string of a plugin class i.e. `'dropdown'`
+ * @default If no argument is passed, reflow all currently active plugins.
+ */
+ _reflow: function(plugins){
+ var actvPlugins = Object.keys(this._activePlugins);
+ var _this = this;
+
+ if(!plugins){
+ actvPlugins.forEach(function(p){
+ _this._activePlugins[p]._init();
+ });
+
+ }else if(typeof plugins === 'string'){
+ var namespace = plugins.split('-')[1];
+
+ if(namespace){
+
+ this._activePlugins[plugins]._init();
+
+ }else{
+ namespace = new RegExp(plugins, 'i');
+
+ actvPlugins.filter(function(p){
+ return namespace.test(p);
+ }).forEach(function(p){
+ _this._activePlugins[p]._init();
+ });
+ }
+ }
+
+ },
+
+ /**
+ * returns a random base-36 uid with namespacing
+ * @function
+ * @param {Number} length - number of random base-36 digits desired. Increase for more random strings.
+ * @param {String} namespace - name of plugin to be incorporated in uid, optional.
+ * @default {String} '' - if no plugin name is provided, nothing is appended to the uid.
+ * @returns {String} - unique id
+ */
+ GetYoDigits: function(length, namespace){
+ length = length || 6;
+ return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1) + (namespace ? '-' + namespace : '');
+ },
+ /**
+ * Initialize plugins on any elements within `elem` (and `elem` itself) that aren't already initialized.
+ * @param {Object} elem - jQuery object containing the element to check inside. Also checks the element itself, unless it's the `document` object.
+ * @param {String|Array} plugins - A list of plugins to initialize. Leave this out to initialize everything.
+ */
+ reflow: function(elem, plugins) {
+ // If plugins is undefined, just grab everything
+ if (typeof plugins === 'undefined') {
+ plugins = Object.keys(this._plugins);
+ }
+ // If plugins is a string, convert it to an array with one item
+ else if (typeof plugins === 'string') {
+ plugins = [plugins];
+ }
+
+ var _this = this;
+
+ // Iterate through each plugin
+ $.each(plugins, function(i, name) {
+ // Get the current plugin
+ var plugin = _this._plugins[name];
+
+ // Localize the search to all elements inside elem, as well as elem itself, unless elem === document
+ var $elem = $(elem).find('[data-'+name+']').addBack('*');
+
+ // For each plugin found, initialize it
+ $elem.each(function() {
+ // Don't double-dip on plugins
+ if ($(this).attr('zf-plugin')) {
+ console.warn("Tried to initialize "+name+" on an element that already has a Foundation plugin.");
+ return;
+ }
+ $(this).data('zf-plugin', new plugin($(this)));
+ });
+ });
+ },
+ getFnName: functionName,
+ transitionend: function($elem){
+ var transitions = {
+ 'transition': 'transitionend',
+ 'WebkitTransition': 'webkitTransitionEnd',
+ 'MozTransition': 'transitionend',
+ 'OTransition': 'otransitionend'
+ };
+ var elem = document.createElement('div'),
+ end;
+
+ for (var t in transitions){
+ if (typeof elem.style[t] !== 'undefined'){
+ end = transitions[t];
+ }
+ }
+ if(end){
+ return end;
+ }else{
+ end = setTimeout(function(){
+ $elem.triggerHandler('transitionend', [$elem]);
+ }, 1);
+ return 'transitionend';
+ }
+ }
+};
+
+
+Foundation.util = {
+ /**
+ * Function for applying a debounce effect to a function call.
+ * @function
+ * @param {Function} func - Function to be called at end of timeout.
+ * @param {Number} delay - Time in ms to delay the call of `func`.
+ * @returns function
+ */
+ throttle: function (func, delay) {
+ var timer = null;
+
+ return function () {
+ var context = this, args = arguments;
+
+ if (timer === null) {
+ timer = setTimeout(function () {
+ func.apply(context, args);
+ timer = null;
+ }, delay);
+ }
+ };
+ }
+};
+
+// TODO: consider not making this a jQuery function
+// TODO: need way to reflow vs. re-initialize
+/**
+ * The Foundation jQuery method.
+ * @param {String|Array} method - An action to perform on the current jQuery object.
+ */
+var foundation = function(method) {
+ var type = typeof method,
+ $meta = $('meta.foundation-mq'),
+ $noJS = $('.no-js');
+
+ if(!$meta.length){
+ $(' ').appendTo(document.head);
+ }
+ if($noJS.length){
+ $noJS.removeClass('no-js');
+ }
+
+ if(type === 'undefined'){//needs to initialize the Foundation object, or an individual plugin.
+ Foundation.MediaQuery._init();
+ Foundation.reflow(this);
+ }else if(type === 'string'){//an individual method to invoke on a plugin or group of plugins
+ var args = Array.prototype.slice.call(arguments, 1);//collect all the arguments, if necessary
+ var plugClass = this.data('zfPlugin');//determine the class of plugin
+
+ if(plugClass !== undefined && plugClass[method] !== undefined){//make sure both the class and method exist
+ if(this.length === 1){//if there's only one, call it directly.
+ plugClass[method].apply(plugClass, args);
+ }else{
+ this.each(function(i, el){//otherwise loop through the jQuery collection and invoke the method on each
+ plugClass[method].apply($(el).data('zfPlugin'), args);
+ });
+ }
+ }else{//error for no class or no method
+ throw new ReferenceError("We're sorry, '" + method + "' is not an available method for " + (plugClass ? functionName(plugClass) : 'this element') + '.');
+ }
+ }else{//error for invalid argument type
+ throw new TypeError("We're sorry, '" + type + "' is not a valid parameter. You must use a string representing the method you wish to invoke.");
+ }
+ return this;
+};
+
+window.Foundation = Foundation;
+$.fn.foundation = foundation;
+
+// Polyfill for requestAnimationFrame
+(function() {
+ if (!Date.now || !window.Date.now)
+ window.Date.now = Date.now = function() { return new Date().getTime(); };
+
+ var vendors = ['webkit', 'moz'];
+ for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
+ var vp = vendors[i];
+ window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
+ window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
+ || window[vp+'CancelRequestAnimationFrame']);
+ }
+ if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)
+ || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
+ var lastTime = 0;
+ window.requestAnimationFrame = function(callback) {
+ var now = Date.now();
+ var nextTime = Math.max(lastTime + 16, now);
+ return setTimeout(function() { callback(lastTime = nextTime); },
+ nextTime - now);
+ };
+ window.cancelAnimationFrame = clearTimeout;
+ }
+ /**
+ * Polyfill for performance.now, required by rAF
+ */
+ if(!window.performance || !window.performance.now){
+ window.performance = {
+ start: Date.now(),
+ now: function(){ return Date.now() - this.start; }
+ };
+ }
+ // window.performance = (window.performance || {
+ // start: Date.now(),
+ // now: function(){
+ // return Date.now() - this.start;
+ // }
+ // });
+})();
+
+// Polyfill to get the name of a function in IE9
+function functionName(fn) {
+ if (Function.prototype.name === undefined) {
+ var funcNameRegex = /function\s([^(]{1,})\(/;
+ var results = (funcNameRegex).exec((fn).toString());
+ return (results && results.length > 1) ? results[1].trim() : "";
+ }
+ else if (fn.prototype === undefined) {
+ return fn.constructor.name;
+ }
+ else {
+ return fn.prototype.constructor.name;
+ }
+}
+
+// Convert PascalCase to kebab-case
+// Thank you: http://stackoverflow.com/a/8955580
+function hyphenate(str) {
+ return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+}(jQuery);
+
+!function(Foundation, window){
+ /**
+ * Compares the dimensions of an element to a container and determines collision events with container.
+ * @function
+ * @param {jQuery} element - jQuery object to test for collisions.
+ * @param {jQuery} parent - jQuery object to use as bounding container.
+ * @param {Boolean} lrOnly - set to true to check left and right values only.
+ * @param {Boolean} tbOnly - set to true to check top and bottom values only.
+ * @default if no parent object passed, detects collisions with `window`.
+ * @returns {Boolean} - true if collision free, false if a collision in any direction.
+ */
+ var ImNotTouchingYou = function(element, parent, lrOnly, tbOnly){
+ var eleDims = GetDimensions(element),
+ top, bottom, left, right;
+
+ if(parent){
+ var parDims = GetDimensions(parent);
+
+ bottom = (eleDims.offset.top + eleDims.height <= parDims.height + parDims.offset.top);
+ top = (eleDims.offset.top >= parDims.offset.top);
+ left = (eleDims.offset.left >= parDims.offset.left);
+ right = (eleDims.offset.left + eleDims.width <= parDims.width);
+ }else{
+ bottom = (eleDims.offset.top + eleDims.height <= eleDims.windowDims.height + eleDims.windowDims.offset.top);
+ top = (eleDims.offset.top >= eleDims.windowDims.offset.top);
+ left = (eleDims.offset.left >= eleDims.windowDims.offset.left);
+ right = (eleDims.offset.left + eleDims.width <= eleDims.windowDims.width);
+ }
+ var allDirs = [bottom, top, left, right];
+
+ if(lrOnly){ return left === right === true; }
+ if(tbOnly){ return top === bottom === true; }
+
+ return allDirs.indexOf(false) === -1;
+ };
+
+ /**
+ * Uses native methods to return an object of dimension values.
+ * @function
+ * @param {jQuery || HTML} element - jQuery object or DOM element for which to get the dimensions. Can be any element other that document or window.
+ * @returns {Object} - nested object of integer pixel values
+ * TODO - if element is window, return only those values.
+ */
+ var GetDimensions = function(elem, test){
+ elem = elem.length ? elem[0] : elem;
+
+ if(elem === window || elem === document){ throw new Error("I'm sorry, Dave. I'm afraid I can't do that."); }
+
+ var rect = elem.getBoundingClientRect(),
+ parRect = elem.parentNode.getBoundingClientRect(),
+ winRect = document.body.getBoundingClientRect(),
+ winY = window.pageYOffset,
+ winX = window.pageXOffset;
+
+ return {
+ width: rect.width,
+ height: rect.height,
+ offset: {
+ top: rect.top + winY,
+ left: rect.left + winX
+ },
+ parentDims: {
+ width: parRect.width,
+ height: parRect.height,
+ offset: {
+ top: parRect.top + winY,
+ left: parRect.left + winX
+ }
+ },
+ windowDims: {
+ width: winRect.width,
+ height: winRect.height,
+ offset: {
+ top: winY,
+ left: winX
+ }
+ }
+ };
+ };
+ /**
+ * Returns an object of top and left integer pixel values for dynamically rendered elements,
+ * such as: Tooltip, Reveal, and Dropdown
+ * @function
+ * @param {jQuery} element - jQuery object for the element being positioned.
+ * @param {jQuery} anchor - jQuery object for the element's anchor point.
+ * @param {String} position - a string relating to the desired position of the element, relative to it's anchor
+ * @param {Number} vOffset - integer pixel value of desired vertical separation between anchor and element.
+ * @param {Number} hOffset - integer pixel value of desired horizontal separation between anchor and element.
+ * @param {Boolean} isOverflow - if a collision event is detected, sets to true to default the element to full width - any desired offset.
+ * TODO alter/rewrite to work with `em` values as well/instead of pixels
+ */
+ var GetOffsets = function(element, anchor, position, vOffset, hOffset, isOverflow){
+ var $eleDims = GetDimensions(element),
+ // var $eleDims = GetDimensions(element),
+ $anchorDims = anchor ? GetDimensions(anchor) : null;
+ // $anchorDims = anchor ? GetDimensions(anchor) : null;
+ switch(position){
+ case 'top':
+ return {
+ left: $anchorDims.offset.left,
+ top: $anchorDims.offset.top - ($eleDims.height + vOffset)
+ };
+ break;
+ case 'left':
+ return {
+ left: $anchorDims.offset.left - ($eleDims.width + hOffset),
+ top: $anchorDims.offset.top
+ };
+ break;
+ case 'right':
+ return {
+ left: $anchorDims.offset.left + $anchorDims.width + hOffset,
+ top: $anchorDims.offset.top
+ };
+ break;
+ case 'center top':
+ return {
+ left: ($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2),
+ top: $anchorDims.offset.top - ($eleDims.height + vOffset)
+ };
+ break;
+ case 'center bottom':
+ return {
+ left: isOverflow ? hOffset : (($anchorDims.offset.left + ($anchorDims.width / 2)) - ($eleDims.width / 2)),
+ top: $anchorDims.offset.top + $anchorDims.height + vOffset
+ };
+ break;
+ case 'center left':
+ return {
+ left: $anchorDims.offset.left - ($eleDims.width + hOffset),
+ top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2)
+ };
+ break;
+ case 'center right':
+ return {
+ left: $anchorDims.offset.left + $anchorDims.width + hOffset + 1,
+ top: ($anchorDims.offset.top + ($anchorDims.height / 2)) - ($eleDims.height / 2)
+ };
+ break;
+ case 'center':
+ return {
+ left: ($eleDims.windowDims.offset.left + ($eleDims.windowDims.width / 2)) - ($eleDims.width / 2),
+ top: ($eleDims.windowDims.offset.top + ($eleDims.windowDims.height / 2)) - ($eleDims.height / 2)
+ };
+ break;
+ case 'reveal':
+ return {
+ left: ($eleDims.windowDims.width - $eleDims.width) / 2,
+ top: $eleDims.windowDims.offset.top + vOffset
+ };
+ case 'reveal full':
+ return {
+ left: $eleDims.windowDims.offset.left,
+ top: $eleDims.windowDims.offset.top,
+ };
+ break;
+ default:
+ return {
+ left: $anchorDims.offset.left,
+ top: $anchorDims.offset.top + $anchorDims.height + vOffset
+ };
+ }
+ };
+ Foundation.Box = {
+ ImNotTouchingYou: ImNotTouchingYou,
+ GetDimensions: GetDimensions,
+ GetOffsets: GetOffsets
+ };
+}(window.Foundation, window);
+
+/*******************************************
+ * *
+ * This util was created by Marius Olbertz *
+ * Please thank Marius on GitHub /owlbertz *
+ * or the web http://www.mariusolbertz.de/ *
+ * *
+ ******************************************/
+!function($, Foundation){
+ 'use strict';
+ Foundation.Keyboard = {};
+
+ var keyCodes = {
+ 9: 'TAB',
+ 13: 'ENTER',
+ 27: 'ESCAPE',
+ 32: 'SPACE',
+ 37: 'ARROW_LEFT',
+ 38: 'ARROW_UP',
+ 39: 'ARROW_RIGHT',
+ 40: 'ARROW_DOWN'
+ };
+
+ // constants for easier comparing Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE
+ var keys = (function(kcs) {
+ var k = {};
+ for (var kc in kcs) k[kcs[kc]] = kcs[kc];
+ return k;
+ })(keyCodes);
+
+ Foundation.Keyboard.keys = keys;
+
+ /**
+ * Parses the (keyboard) event and returns a String that represents its key
+ * Can be used like Foundation.parseKey(event) === Foundation.keys.SPACE
+ * @param {Event} event - the event generated by the event handler
+ * @return String key - String that represents the key pressed
+ */
+ var parseKey = function(event) {
+ var key = keyCodes[event.which || event.keyCode] || String.fromCharCode(event.which).toUpperCase();
+ if (event.shiftKey) key = 'SHIFT_' + key;
+ if (event.ctrlKey) key = 'CTRL_' + key;
+ if (event.altKey) key = 'ALT_' + key;
+ return key;
+ };
+ Foundation.Keyboard.parseKey = parseKey;
+
+
+ // plain commands per component go here, ltr and rtl are merged based on orientation
+ var commands = {};
+
+ /**
+ * Handles the given (keyboard) event
+ * @param {Event} event - the event generated by the event handler
+ * @param {Object} component - Foundation component, e.g. Slider or Reveal
+ * @param {Objects} functions - collection of functions that are to be executed
+ */
+ var handleKey = function(event, component, functions) {
+ var commandList = commands[Foundation.getFnName(component)],
+ keyCode = parseKey(event),
+ cmds,
+ command,
+ fn;
+ if (!commandList) return console.warn('Component not defined!');
+
+ if (typeof commandList.ltr === 'undefined') { // this component does not differentiate between ltr and rtl
+ cmds = commandList; // use plain list
+ } else { // merge ltr and rtl: if document is rtl, rtl overwrites ltr and vice versa
+ if (Foundation.rtl()) cmds = $.extend({}, commandList.ltr, commandList.rtl);
+
+ else cmds = $.extend({}, commandList.rtl, commandList.ltr);
+ }
+ command = cmds[keyCode];
+
+
+ fn = functions[command];
+ if (fn && typeof fn === 'function') { // execute function with context of the component if exists
+ fn.apply(component);
+ if (functions.handled || typeof functions.handled === 'function') { // execute function when event was handled
+ functions.handled.apply(component);
+ }
+ } else {
+ if (functions.unhandled || typeof functions.unhandled === 'function') { // execute function when event was not handled
+ functions.unhandled.apply(component);
+ }
+ }
+ };
+ Foundation.Keyboard.handleKey = handleKey;
+
+ /**
+ * Finds all focusable elements within the given `$element`
+ * @param {jQuery} $element - jQuery object to search within
+ * @return {jQuery} $focusable - all focusable elements within `$element`
+ */
+ var findFocusable = function($element) {
+ return $element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() {
+ if (!$(this).is(':visible') || $(this).attr('tabindex') < 0) { return false; } //only have visible elements and those that have a tabindex greater or equal 0
+ return true;
+ });
+ };
+ Foundation.Keyboard.findFocusable = findFocusable;
+
+ /**
+ * Returns the component name name
+ * @param {Object} component - Foundation component, e.g. Slider or Reveal
+ * @return String componentName
+ */
+
+ var register = function(componentName, cmds) {
+ commands[componentName] = cmds;
+ };
+ Foundation.Keyboard.register = register;
+}(jQuery, window.Foundation);
+
+!function($, Foundation) {
+
+// Default set of media queries
+var defaultQueries = {
+ 'default' : 'only screen',
+ landscape : 'only screen and (orientation: landscape)',
+ portrait : 'only screen and (orientation: portrait)',
+ retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' +
+ 'only screen and (min--moz-device-pixel-ratio: 2),' +
+ 'only screen and (-o-min-device-pixel-ratio: 2/1),' +
+ 'only screen and (min-device-pixel-ratio: 2),' +
+ 'only screen and (min-resolution: 192dpi),' +
+ 'only screen and (min-resolution: 2dppx)'
+};
+
+var MediaQuery = {
+ queries: [],
+ current: '',
+
+ /**
+ * Checks if the screen is at least as wide as a breakpoint.
+ * @function
+ * @param {String} size - Name of the breakpoint to check.
+ * @returns {Boolean} `true` if the breakpoint matches, `false` if it's smaller.
+ */
+ atLeast: function(size) {
+ var query = this.get(size);
+
+ if (query) {
+ return window.matchMedia(query).matches;
+ }
+
+ return false;
+ },
+
+ /**
+ * Gets the media query of a breakpoint.
+ * @function
+ * @param {String} size - Name of the breakpoint to get.
+ * @returns {String|null} - The media query of the breakpoint, or `null` if the breakpoint doesn't exist.
+ */
+ get: function(size) {
+ for (var i in this.queries) {
+ var query = this.queries[i];
+ if (size === query.name) return query.value;
+ }
+
+ return null;
+ },
+
+ /**
+ * Initializes the media query helper, by extracting the breakpoint list from the CSS and activating the breakpoint watcher.
+ * @function
+ * @private
+ */
+ _init: function() {
+ var self = this;
+ var extractedStyles = $('.foundation-mq').css('font-family');
+ var namedQueries;
+
+ namedQueries = parseStyleToObject(extractedStyles);
+
+ for (var key in namedQueries) {
+ self.queries.push({
+ name: key,
+ value: 'only screen and (min-width: ' + namedQueries[key] + ')'
+ });
+ }
+
+ this.current = this._getCurrentSize();
+
+ this._watcher();
+
+ // Extend default queries
+ // namedQueries = $.extend(defaultQueries, namedQueries);
+ },
+
+ /**
+ * Gets the current breakpoint name by testing every breakpoint and returning the last one to match (the biggest one).
+ * @function
+ * @private
+ * @returns {String} Name of the current breakpoint.
+ */
+ _getCurrentSize: function() {
+ var matched;
+
+ for (var i in this.queries) {
+ var query = this.queries[i];
+
+ if (window.matchMedia(query.value).matches) {
+ matched = query;
+ }
+ }
+
+ if(typeof matched === 'object') {
+ return matched.name;
+ } else {
+ return matched;
+ }
+ },
+
+ /**
+ * Activates the breakpoint watcher, which fires an event on the window whenever the breakpoint changes.
+ * @function
+ * @private
+ */
+ _watcher: function() {
+ var _this = this;
+
+ $(window).on('resize.zf.mediaquery', function() {
+ var newSize = _this._getCurrentSize();
+
+ if (newSize !== _this.current) {
+ // Broadcast the media query change on the window
+ $(window).trigger('changed.zf.mediaquery', [newSize, _this.current]);
+
+ // Change the current media query
+ _this.current = newSize;
+ }
+ });
+ }
+};
+
+Foundation.MediaQuery = MediaQuery;
+
+// matchMedia() polyfill - Test a CSS media type/query in JS.
+// Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license
+window.matchMedia || (window.matchMedia = function() {
+ 'use strict';
+
+ // For browsers that support matchMedium api such as IE 9 and webkit
+ var styleMedia = (window.styleMedia || window.media);
+
+ // For those that don't support matchMedium
+ if (!styleMedia) {
+ var style = document.createElement('style'),
+ script = document.getElementsByTagName('script')[0],
+ info = null;
+
+ style.type = 'text/css';
+ style.id = 'matchmediajs-test';
+
+ script.parentNode.insertBefore(style, script);
+
+ // 'style.currentStyle' is used by IE <= 8 and 'window.getComputedStyle' for all other browsers
+ info = ('getComputedStyle' in window) && window.getComputedStyle(style, null) || style.currentStyle;
+
+ styleMedia = {
+ matchMedium: function(media) {
+ var text = '@media ' + media + '{ #matchmediajs-test { width: 1px; } }';
+
+ // 'style.styleSheet' is used by IE <= 8 and 'style.textContent' for all other browsers
+ if (style.styleSheet) {
+ style.styleSheet.cssText = text;
+ } else {
+ style.textContent = text;
+ }
+
+ // Test if media query is true or false
+ return info.width === '1px';
+ }
+ };
+ }
+
+ return function(media) {
+ return {
+ matches: styleMedia.matchMedium(media || 'all'),
+ media: media || 'all'
+ };
+ };
+}());
+
+// Thank you: https://github.com/sindresorhus/query-string
+function parseStyleToObject(str) {
+ var styleObject = {};
+
+ if (typeof str !== 'string') {
+ return styleObject;
+ }
+
+ str = str.trim().slice(1, -1); // browsers re-quote string style values
+
+ if (!str) {
+ return styleObject;
+ }
+
+ styleObject = str.split('&').reduce(function(ret, param) {
+ var parts = param.replace(/\+/g, ' ').split('=');
+ var key = parts[0];
+ var val = parts[1];
+ key = decodeURIComponent(key);
+
+ // missing `=` should be `null`:
+ // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
+ val = val === undefined ? null : decodeURIComponent(val);
+
+ if (!ret.hasOwnProperty(key)) {
+ ret[key] = val;
+ } else if (Array.isArray(ret[key])) {
+ ret[key].push(val);
+ } else {
+ ret[key] = [ret[key], val];
+ }
+ return ret;
+ }, {});
+
+ return styleObject;
+}
+
+}(jQuery, Foundation)
+
+/**
+ * Motion module.
+ * @module foundation.motion
+ */
+!function($, Foundation) {
+
+var initClasses = ['mui-enter', 'mui-leave'];
+var activeClasses = ['mui-enter-active', 'mui-leave-active'];
+
+function animate(isIn, element, animation, cb) {
+ element = $(element).eq(0);
+
+ if (!element.length) return;
+
+ var initClass = isIn ? initClasses[0] : initClasses[1];
+ var activeClass = isIn ? activeClasses[0] : activeClasses[1];
+
+ // Set up the animation
+ reset();
+ element.addClass(animation)
+ .css('transition', 'none');
+ // .addClass(initClass);
+ // if(isIn) element.show();
+ requestAnimationFrame(function() {
+ element.addClass(initClass);
+ if (isIn) element.show();
+ });
+ // Start the animation
+ requestAnimationFrame(function() {
+ element[0].offsetWidth;
+ element.css('transition', '');
+ element.addClass(activeClass);
+ });
+ // Move(500, element, function(){
+ // // element[0].offsetWidth;
+ // element.css('transition', '');
+ // element.addClass(activeClass);
+ // });
+
+ // Clean up the animation when it finishes
+ element.one(Foundation.transitionend(element), finish);//.one('finished.zf.animate', finish);
+
+ // Hides the element (for out animations), resets the element, and runs a callback
+ function finish() {
+ if (!isIn) element.hide();
+ reset();
+ if (cb) cb.apply(element);
+ }
+
+ // Resets transitions and removes motion-specific classes
+ function reset() {
+ element[0].style.transitionDuration = 0;
+ element.removeClass(initClass + ' ' + activeClass + ' ' + animation);
+ }
+}
+
+var Motion = {
+ animateIn: function(element, animation, /*duration,*/ cb) {
+ animate(true, element, animation, cb);
+ },
+
+ animateOut: function(element, animation, /*duration,*/ cb) {
+ animate(false, element, animation, cb);
+ }
+};
+
+var Move = function(duration, elem, fn){
+ var anim, prog, start = null;
+ // console.log('called');
+
+ function move(ts){
+ if(!start) start = window.performance.now();
+ // console.log(start, ts);
+ prog = ts - start;
+ fn.apply(elem);
+
+ if(prog < duration){ anim = window.requestAnimationFrame(move, elem); }
+ else{
+ window.cancelAnimationFrame(anim);
+ elem.trigger('finished.zf.animate', [elem]).triggerHandler('finished.zf.animate', [elem]);
+ }
+ }
+ anim = window.requestAnimationFrame(move);
+};
+
+Foundation.Move = Move;
+Foundation.Motion = Motion;
+
+}(jQuery, Foundation);
+
+!function($, Foundation){
+ 'use strict';
+ Foundation.Nest = {
+ Feather: function(menu, type){
+ menu.attr('role', 'menubar');
+ type = type || 'zf';
+ var items = menu.find('li').attr({'role': 'menuitem'}),
+ subMenuClass = 'is-' + type + '-submenu',
+ subItemClass = subMenuClass + '-item',
+ hasSubClass = 'is-' + type + '-submenu-parent';
+
+ items.each(function(){
+ var $item = $(this),
+ $sub = $item.children('ul');
+ if($sub.length){
+ $item.addClass('has-submenu ' + hasSubClass);
+ $sub.addClass('submenu ' + subMenuClass).attr('data-submenu', '');
+ }
+ if($item.parent('[data-submenu]').length){
+ $item.addClass('is-submenu-item ' + subItemClass);
+ }
+ });
+ return;
+ },
+ Burn: function(menu, type){
+ var items = menu.find('li').removeAttr('tabindex'),
+ subMenuClass = 'is-' + type + '-submenu',
+ subItemClass = subMenuClass + '-item',
+ hasSubClass = 'is-' + type + '-submenu-parent';
+
+ // menu.find('.is-active').removeClass('is-active');
+ menu.find('*')
+ // menu.find('.' + subMenuClass + ', .' + subItemClass + ', .is-active, .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
+ .removeClass(subMenuClass + ' ' + subItemClass + ' ' + hasSubClass + ' has-submenu is-submenu-item submenu is-active')
+ .removeAttr('data-submenu').css('display', '');
+
+ // console.log( menu.find('.' + subMenuClass + ', .' + subItemClass + ', .has-submenu, .is-submenu-item, .submenu, [data-submenu]')
+ // .removeClass(subMenuClass + ' ' + subItemClass + ' has-submenu is-submenu-item submenu')
+ // .removeAttr('data-submenu'));
+ // items.each(function(){
+ // var $item = $(this),
+ // $sub = $item.children('ul');
+ // if($item.parent('[data-submenu]').length){
+ // $item.removeClass('is-submenu-item ' + subItemClass);
+ // }
+ // if($sub.length){
+ // $item.removeClass('has-submenu');
+ // $sub.removeClass('submenu ' + subMenuClass).removeAttr('data-submenu');
+ // }
+ // });
+ }
+ };
+}(jQuery, window.Foundation);
+
+!function($, Foundation){
+ 'use strict';
+ var Timer = function(elem, options, cb){
+ var _this = this,
+ duration = options.duration,//options is an object for easily adding features later.
+ nameSpace = Object.keys(elem.data())[0] || 'timer',
+ remain = -1,
+ start,
+ timer;
+
+ this.restart = function(){
+ remain = -1;
+ clearTimeout(timer);
+ this.start();
+ };
+
+ this.start = function(){
+ // if(!elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
+ clearTimeout(timer);
+ remain = remain <= 0 ? duration : remain;
+ elem.data('paused', false);
+ start = Date.now();
+ timer = setTimeout(function(){
+ if(options.infinite){
+ _this.restart();//rerun the timer.
+ }
+ cb();
+ }, remain);
+ elem.trigger('timerstart.zf.' + nameSpace);
+ };
+
+ this.pause = function(){
+ //if(elem.data('paused')){ return false; }//maybe implement this sanity check if used for other things.
+ clearTimeout(timer);
+ elem.data('paused', true);
+ var end = Date.now();
+ remain = remain - (end - start);
+ elem.trigger('timerpaused.zf.' + nameSpace);
+ };
+ };
+ /**
+ * Runs a callback function when images are fully loaded.
+ * @param {Object} images - Image(s) to check if loaded.
+ * @param {Func} callback - Function to execute when image is fully loaded.
+ */
+ var onImagesLoaded = function(images, callback){
+ var self = this,
+ unloaded = images.length;
+
+ if (unloaded === 0) {
+ callback();
+ }
+
+ var singleImageLoaded = function() {
+ unloaded--;
+ if (unloaded === 0) {
+ callback();
+ }
+ };
+
+ images.each(function() {
+ if (this.complete) {
+ singleImageLoaded();
+ }
+ else if (typeof this.naturalWidth !== 'undefined' && this.naturalWidth > 0) {
+ singleImageLoaded();
+ }
+ else {
+ $(this).one('load', function() {
+ singleImageLoaded();
+ });
+ }
+ });
+ };
+
+ Foundation.Timer = Timer;
+ Foundation.onImagesLoaded = onImagesLoaded;
+}(jQuery, window.Foundation);
+
+//**************************************************
+//**Work inspired by multiple jquery swipe plugins**
+//**Done by Yohai Ararat ***************************
+//**************************************************
+(function($) {
+
+ $.spotSwipe = {
+ version: '1.0.0',
+ enabled: 'ontouchstart' in document.documentElement,
+ preventDefault: true,
+ moveThreshold: 75,
+ timeThreshold: 200
+ };
+
+ var startPosX,
+ startPosY,
+ startTime,
+ elapsedTime,
+ isMoving = false;
+
+ function onTouchEnd() {
+ // alert(this);
+ this.removeEventListener('touchmove', onTouchMove);
+ this.removeEventListener('touchend', onTouchEnd);
+ isMoving = false;
+ }
+
+ function onTouchMove(e) {
+ if ($.spotSwipe.preventDefault) { e.preventDefault(); }
+ if(isMoving) {
+ var x = e.touches[0].pageX;
+ var y = e.touches[0].pageY;
+ var dx = startPosX - x;
+ var dy = startPosY - y;
+ var dir;
+ elapsedTime = new Date().getTime() - startTime;
+ if(Math.abs(dx) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) {
+ dir = dx > 0 ? 'left' : 'right';
+ }
+ else if(Math.abs(dy) >= $.spotSwipe.moveThreshold && elapsedTime <= $.spotSwipe.timeThreshold) {
+ dir = dy > 0 ? 'down' : 'up';
+ }
+ if(dir) {
+ onTouchEnd.call(this);
+ $(this).trigger('swipe', dir).trigger('swipe' + dir);
+ }
+ }
+ }
+
+ function onTouchStart(e) {
+ if (e.touches.length == 1) {
+ startPosX = e.touches[0].pageX;
+ startPosY = e.touches[0].pageY;
+ isMoving = true;
+ startTime = new Date().getTime();
+ this.addEventListener('touchmove', onTouchMove, false);
+ this.addEventListener('touchend', onTouchEnd, false);
+ }
+ }
+
+ function init() {
+ this.addEventListener && this.addEventListener('touchstart', onTouchStart, false);
+ }
+
+ function teardown() {
+ this.removeEventListener('touchstart', onTouchStart);
+ }
+
+ $.event.special.swipe = { setup: init };
+
+ $.each(['left', 'up', 'down', 'right'], function () {
+ $.event.special['swipe' + this] = { setup: function(){
+ $(this).on('swipe', $.noop);
+ } };
+ });
+})(jQuery);
+/****************************************************
+ * Method for adding psuedo drag events to elements *
+ ***************************************************/
+!function($){
+ $.fn.addTouch = function(){
+ this.each(function(i,el){
+ $(el).bind('touchstart touchmove touchend touchcancel',function(){
+ //we pass the original event object because the jQuery event
+ //object is normalized to w3c specs and does not provide the TouchList
+ handleTouch(event);
+ });
+ });
+
+ var handleTouch = function(event){
+ var touches = event.changedTouches,
+ first = touches[0],
+ eventTypes = {
+ touchstart: 'mousedown',
+ touchmove: 'mousemove',
+ touchend: 'mouseup'
+ },
+ type = eventTypes[event.type];
+
+ var simulatedEvent = document.createEvent('MouseEvent');
+ simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null);
+ first.target.dispatchEvent(simulatedEvent);
+ };
+ };
+}(jQuery);
+
+
+//**********************************
+//**From the jQuery Mobile Library**
+//**need to recreate functionality**
+//**and try to improve if possible**
+//**********************************
+
+/* Removing the jQuery function ****
+************************************
+
+(function( $, window, undefined ) {
+
+ var $document = $( document ),
+ // supportTouch = $.mobile.support.touch,
+ touchStartEvent = 'touchstart'//supportTouch ? "touchstart" : "mousedown",
+ touchStopEvent = 'touchend'//supportTouch ? "touchend" : "mouseup",
+ touchMoveEvent = 'touchmove'//supportTouch ? "touchmove" : "mousemove";
+
+ // setup new event shortcuts
+ $.each( ( "touchstart touchmove touchend " +
+ "swipe swipeleft swiperight" ).split( " " ), function( i, name ) {
+
+ $.fn[ name ] = function( fn ) {
+ return fn ? this.bind( name, fn ) : this.trigger( name );
+ };
+
+ // jQuery < 1.8
+ if ( $.attrFn ) {
+ $.attrFn[ name ] = true;
+ }
+ });
+
+ function triggerCustomEvent( obj, eventType, event, bubble ) {
+ var originalType = event.type;
+ event.type = eventType;
+ if ( bubble ) {
+ $.event.trigger( event, undefined, obj );
+ } else {
+ $.event.dispatch.call( obj, event );
+ }
+ event.type = originalType;
+ }
+
+ // also handles taphold
+
+ // Also handles swipeleft, swiperight
+ $.event.special.swipe = {
+
+ // More than this horizontal displacement, and we will suppress scrolling.
+ scrollSupressionThreshold: 30,
+
+ // More time than this, and it isn't a swipe.
+ durationThreshold: 1000,
+
+ // Swipe horizontal displacement must be more than this.
+ horizontalDistanceThreshold: window.devicePixelRatio >= 2 ? 15 : 30,
+
+ // Swipe vertical displacement must be less than this.
+ verticalDistanceThreshold: window.devicePixelRatio >= 2 ? 15 : 30,
+
+ getLocation: function ( event ) {
+ var winPageX = window.pageXOffset,
+ winPageY = window.pageYOffset,
+ x = event.clientX,
+ y = event.clientY;
+
+ if ( event.pageY === 0 && Math.floor( y ) > Math.floor( event.pageY ) ||
+ event.pageX === 0 && Math.floor( x ) > Math.floor( event.pageX ) ) {
+
+ // iOS4 clientX/clientY have the value that should have been
+ // in pageX/pageY. While pageX/page/ have the value 0
+ x = x - winPageX;
+ y = y - winPageY;
+ } else if ( y < ( event.pageY - winPageY) || x < ( event.pageX - winPageX ) ) {
+
+ // Some Android browsers have totally bogus values for clientX/Y
+ // when scrolling/zooming a page. Detectable since clientX/clientY
+ // should never be smaller than pageX/pageY minus page scroll
+ x = event.pageX - winPageX;
+ y = event.pageY - winPageY;
+ }
+
+ return {
+ x: x,
+ y: y
+ };
+ },
+
+ start: function( event ) {
+ var data = event.originalEvent.touches ?
+ event.originalEvent.touches[ 0 ] : event,
+ location = $.event.special.swipe.getLocation( data );
+ return {
+ time: ( new Date() ).getTime(),
+ coords: [ location.x, location.y ],
+ origin: $( event.target )
+ };
+ },
+
+ stop: function( event ) {
+ var data = event.originalEvent.touches ?
+ event.originalEvent.touches[ 0 ] : event,
+ location = $.event.special.swipe.getLocation( data );
+ return {
+ time: ( new Date() ).getTime(),
+ coords: [ location.x, location.y ]
+ };
+ },
+
+ handleSwipe: function( start, stop, thisObject, origTarget ) {
+ if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
+ Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
+ Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
+ var direction = start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight";
+
+ triggerCustomEvent( thisObject, "swipe", $.Event( "swipe", { target: origTarget, swipestart: start, swipestop: stop }), true );
+ triggerCustomEvent( thisObject, direction,$.Event( direction, { target: origTarget, swipestart: start, swipestop: stop } ), true );
+ return true;
+ }
+ return false;
+
+ },
+
+ // This serves as a flag to ensure that at most one swipe event event is
+ // in work at any given time
+ eventInProgress: false,
+
+ setup: function() {
+ var events,
+ thisObject = this,
+ $this = $( thisObject ),
+ context = {};
+
+ // Retrieve the events data for this element and add the swipe context
+ events = $.data( this, "mobile-events" );
+ if ( !events ) {
+ events = { length: 0 };
+ $.data( this, "mobile-events", events );
+ }
+ events.length++;
+ events.swipe = context;
+
+ context.start = function( event ) {
+
+ // Bail if we're already working on a swipe event
+ if ( $.event.special.swipe.eventInProgress ) {
+ return;
+ }
+ $.event.special.swipe.eventInProgress = true;
+
+ var stop,
+ start = $.event.special.swipe.start( event ),
+ origTarget = event.target,
+ emitted = false;
+
+ context.move = function( event ) {
+ if ( !start || event.isDefaultPrevented() ) {
+ return;
+ }
+
+ stop = $.event.special.swipe.stop( event );
+ if ( !emitted ) {
+ emitted = $.event.special.swipe.handleSwipe( start, stop, thisObject, origTarget );
+ if ( emitted ) {
+
+ // Reset the context to make way for the next swipe event
+ $.event.special.swipe.eventInProgress = false;
+ }
+ }
+ // prevent scrolling
+ if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
+ event.preventDefault();
+ }
+ };
+
+ context.stop = function() {
+ emitted = true;
+
+ // Reset the context to make way for the next swipe event
+ $.event.special.swipe.eventInProgress = false;
+ $document.off( touchMoveEvent, context.move );
+ context.move = null;
+ };
+
+ $document.on( touchMoveEvent, context.move )
+ .one( touchStopEvent, context.stop );
+ };
+ $this.on( touchStartEvent, context.start );
+ },
+
+ teardown: function() {
+ var events, context;
+
+ events = $.data( this, "mobile-events" );
+ if ( events ) {
+ context = events.swipe;
+ delete events.swipe;
+ events.length--;
+ if ( events.length === 0 ) {
+ $.removeData( this, "mobile-events" );
+ }
+ }
+
+ if ( context ) {
+ if ( context.start ) {
+ $( this ).off( touchStartEvent, context.start );
+ }
+ if ( context.move ) {
+ $document.off( touchMoveEvent, context.move );
+ }
+ if ( context.stop ) {
+ $document.off( touchStopEvent, context.stop );
+ }
+ }
+ }
+ };
+ $.each({
+ swipeleft: "swipe.left",
+ swiperight: "swipe.right"
+ }, function( event, sourceEvent ) {
+
+ $.event.special[ event ] = {
+ setup: function() {
+ $( this ).bind( sourceEvent, $.noop );
+ },
+ teardown: function() {
+ $( this ).unbind( sourceEvent );
+ }
+ };
+ });
+})( jQuery, this );
+*/
+
+!function(Foundation, $) {
+ 'use strict';
+ // Elements with [data-open] will reveal a plugin that supports it when clicked.
+ $(document).on('click.zf.trigger', '[data-open]', function() {
+ var id = $(this).data('open');
+ $('#' + id).triggerHandler('open.zf.trigger', [$(this)]);
+ });
+
+ // Elements with [data-close] will close a plugin that supports it when clicked.
+ // If used without a value on [data-close], the event will bubble, allowing it to close a parent component.
+ $(document).on('click.zf.trigger', '[data-close]', function() {
+ var id = $(this).data('close');
+ if (id) {
+ $('#' + id).triggerHandler('close.zf.trigger', [$(this)]);
+ }
+ else {
+ $(this).trigger('close.zf.trigger');
+ }
+ });
+
+ // Elements with [data-toggle] will toggle a plugin that supports it when clicked.
+ $(document).on('click.zf.trigger', '[data-toggle]', function() {
+ var id = $(this).data('toggle');
+ $('#' + id).triggerHandler('toggle.zf.trigger', [$(this)]);
+ });
+
+ // Elements with [data-closable] will respond to close.zf.trigger events.
+ $(document).on('close.zf.trigger', '[data-closable]', function() {
+ var animation = $(this).data('closable') || 'fade-out';
+ if(Foundation.Motion){
+ Foundation.Motion.animateOut($(this), animation, function() {
+ $(this).trigger('closed.zf');
+ });
+ }else{
+ $(this).fadeOut().trigger('closed.zf');
+ }
+ });
+
+ var MutationObserver = (function () {
+ var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
+ for (var i=0; i < prefixes.length; i++) {
+ if (prefixes[i] + 'MutationObserver' in window) {
+ return window[prefixes[i] + 'MutationObserver'];
+ }
+ }
+ return false;
+ }());
+
+
+ var checkListeners = function(){
+ eventsListener();
+ resizeListener();
+ scrollListener();
+ closemeListener();
+ };
+ /**
+ * Fires once after all other scripts have loaded
+ * @function
+ * @private
+ */
+ $(window).load(function(){
+ checkListeners();
+ });
+
+ //******** only fires this function once on load, if there's something to watch ********
+ var closemeListener = function(pluginName){
+ var yetiBoxes = $('[data-yeti-box]'),
+ plugNames = ['dropdown', 'tooltip', 'reveal'];
+
+ if(pluginName){
+ if(typeof pluginName === 'string'){
+ plugNames.push(pluginName);
+ }else if(typeof pluginName === 'object' && typeof pluginName[0] === 'string'){
+ plugNames.concat(pluginName);
+ }else{
+ console.error('Plugin names must be strings');
+ }
+ }
+ if(yetiBoxes.length){
+ var listeners = plugNames.map(function(name){
+ return 'closeme.zf.' + name;
+ }).join(' ');
+
+ $(window).off(listeners).on(listeners, function(e, pluginId){
+ var plugin = e.namespace.split('.')[0];
+ var plugins = $('[data-' + plugin + ']').not('[data-yeti-box="' + pluginId + '"]');
+
+ plugins.each(function(){
+ var _this = $(this);
+
+ _this.triggerHandler('close.zf.trigger', [_this]);
+ });
+ });
+ }
+ };
+ var resizeListener = function(debounce){
+ var timer,
+ $nodes = $('[data-resize]');
+ if($nodes.length){
+ $(window).off('resize.zf.trigger')
+ .on('resize.zf.trigger', function(e) {
+ if (timer) { clearTimeout(timer); }
+
+ timer = setTimeout(function(){
+
+ if(!MutationObserver){//fallback for IE 9
+ $nodes.each(function(){
+ $(this).triggerHandler('resizeme.zf.trigger');
+ });
+ }
+ //trigger all listening elements and signal a resize event
+ $nodes.attr('data-events', "resize");
+ }, debounce || 10);//default time to emit resize event
+ });
+ }
+ };
+ var scrollListener = function(debounce){
+ var timer,
+ $nodes = $('[data-scroll]');
+ if($nodes.length){
+ $(window).off('scroll.zf.trigger')
+ .on('scroll.zf.trigger', function(e){
+ if(timer){ clearTimeout(timer); }
+
+ timer = setTimeout(function(){
+
+ if(!MutationObserver){//fallback for IE 9
+ $nodes.each(function(){
+ $(this).triggerHandler('scrollme.zf.trigger');
+ });
+ }
+ //trigger all listening elements and signal a scroll event
+ $nodes.attr('data-events', "scroll");
+ }, debounce || 10);//default time to emit scroll event
+ });
+ }
+ };
+ // function domMutationObserver(debounce) {
+ // // !!! This is coming soon and needs more work; not active !!! //
+ // var timer,
+ // nodes = document.querySelectorAll('[data-mutate]');
+ // //
+ // if (nodes.length) {
+ // // var MutationObserver = (function () {
+ // // var prefixes = ['WebKit', 'Moz', 'O', 'Ms', ''];
+ // // for (var i=0; i < prefixes.length; i++) {
+ // // if (prefixes[i] + 'MutationObserver' in window) {
+ // // return window[prefixes[i] + 'MutationObserver'];
+ // // }
+ // // }
+ // // return false;
+ // // }());
+ //
+ //
+ // //for the body, we need to listen for all changes effecting the style and class attributes
+ // var bodyObserver = new MutationObserver(bodyMutation);
+ // bodyObserver.observe(document.body, { attributes: true, childList: true, characterData: false, subtree:true, attributeFilter:["style", "class"]});
+ //
+ //
+ // //body callback
+ // function bodyMutation(mutate) {
+ // //trigger all listening elements and signal a mutation event
+ // if (timer) { clearTimeout(timer); }
+ //
+ // timer = setTimeout(function() {
+ // bodyObserver.disconnect();
+ // $('[data-mutate]').attr('data-events',"mutate");
+ // }, debounce || 150);
+ // }
+ // }
+ // }
+ var eventsListener = function() {
+ if(!MutationObserver){ return false; }
+ var nodes = document.querySelectorAll('[data-resize], [data-scroll], [data-mutate]');
+
+ if(nodes.length){
+ //for each element that needs to listen for resizing, scrolling, (or coming soon mutation) add a single observer
+ for (var i = 0; i <= nodes.length-1; i++) {
+ var elementObserver = new MutationObserver(listeningElementsMutation);
+ elementObserver.observe(nodes[i], { attributes: true, childList: false, characterData: false, subtree:false, attributeFilter:["data-events"]});
+ }
+
+ //element callback
+ function listeningElementsMutation(mutationRecordsList) {
+ var $target = $(mutationRecordsList[0].target);
+ //trigger the event handler for the element depending on type
+ switch ($target.attr("data-events")) {
+
+ case "resize" :
+ $target.triggerHandler('resizeme.zf.trigger', [$target]);
+ break;
+
+ case "scroll" :
+ $target.triggerHandler('scrollme.zf.trigger', [$target, window.pageYOffset]);
+ break;
+
+ // case "mutate" :
+ // console.log('mutate', $target);
+ // $target.triggerHandler('mutate.zf.trigger');
+ //
+ // //make sure we don't get stuck in an infinite loop from sloppy codeing
+ // if ($target.index('[data-mutate]') == $("[data-mutate]").length-1) {
+ // domMutationObserver();
+ // }
+ // break;
+
+ default :
+ return false;
+ //nothing
+ }
+ }
+ }
+ };
+ // ------------------------------------
+
+ // [PH]
+ // Foundation.CheckWatchers = checkWatchers;
+ Foundation.IHearYou = checkListeners;
+ // Foundation.ISeeYou = scrollListener;
+ // Foundation.IFeelYou = closemeListener;
+
+}(window.Foundation, window.jQuery);
+
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of Abide.
+ * @class
+ * @fires Abide#init
+ * @param {Object} element - jQuery object to add the trigger to.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Abide(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, Abide.defaults, this.$element.data(), options);
+ this.$window = $(window);
+ this.name = 'Abide';
+ this.attr = 'data-abide';
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+ }
+
+ /**
+ * Default settings for plugin
+ */
+ Abide.defaults = {
+ validateOn: 'fieldChange', // options: fieldChange, manual, submit
+ labelErrorClass: 'is-invalid-label',
+ inputErrorClass: 'is-invalid-input',
+ formErrorSelector: '.form-error',
+ formErrorClass: 'is-visible',
+ patterns: {
+ alpha : /^[a-zA-Z]+$/,
+ alpha_numeric : /^[a-zA-Z0-9]+$/,
+ integer : /^[-+]?\d+$/,
+ number : /^[-+]?\d*(?:[\.\,]\d+)?$/,
+
+ // amex, visa, diners
+ card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
+ cvv : /^([0-9]){3,4}$/,
+
+ // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
+ email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+$/,
+
+ url : /^(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/,
+ // abc.de
+ domain : /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,8}$/,
+
+ datetime : /^([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))$/,
+ // YYYY-MM-DD
+ date : /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))$/,
+ // HH:MM:SS
+ time : /^(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}$/,
+ dateISO : /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/,
+ // MM/DD/YYYY
+ month_day_year : /^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.]\d{4}$/,
+ // DD/MM/YYYY
+ day_month_year : /^(0[1-9]|[12][0-9]|3[01])[- \/.](0[1-9]|1[012])[- \/.]\d{4}$/,
+
+ // #FFF or #FFFFFF
+ color : /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
+ },
+ validators: {
+ equalTo: function (el, required, parent) {
+ var from = document.getElementById(el.getAttribute(this.add_namespace('data-equalto'))).value,
+ to = el.value,
+ valid = (from === to);
+
+ return valid;
+ }
+ }
+ };
+
+
+ /**
+ * Initializes the Abide plugin and calls functions to get Abide functioning on load.
+ * @private
+ */
+ Abide.prototype._init = function() {
+ };
+
+ /**
+ * Initializes events for Abide.
+ * @private
+ */
+ Abide.prototype._events = function() {
+ var self = this;
+ this.$element
+ .off('.abide')
+ .on('reset.fndtn.abide', function(e) {
+ self.resetForm($(this));
+ })
+ .on('submit.fndtn.abide', function(e) {
+ e.preventDefault();
+ self.validateForm(self.$element);
+ })
+ .find('input, textarea, select')
+ .off('.abide')
+ .on('blur.fndtn.abide change.fndtn.abide', function (e) {
+ if (self.options.validateOn === 'fieldChange') {
+ self.validateInput($(e.target), self.$element);
+ }
+ // self.validateForm(self.$element);
+ })
+ .on('keydown.fndtn.abide', function (e) {
+ // if (settings.live_validate === true && e.which != 9) {
+ // clearTimeout(self.timer);
+ // self.timer = setTimeout(function () {
+ // self.validate([this], e);
+ // }.bind(this), settings.timeout);
+ // }
+ // self.validateForm(self.$element);
+ });
+
+ },
+ /**
+ * Calls necessary functions to update Abide upon DOM change
+ * @private
+ */
+ Abide.prototype._reflow = function() {
+ var self = this;
+ };
+ /**
+ * Checks whether or not a form element has the required attribute and if it's checked or not
+ * @param {Object} element - jQuery object to check for required attribute
+ * @returns {Boolean} Boolean value depends on whether or not attribute is checked or empty
+ */
+ Abide.prototype.requiredCheck = function($el) {
+ switch ($el[0].type) {
+ case 'text':
+ if ($el.attr('required') && !$el.val()) {
+ // requirement check does not pass
+ return false;
+ } else {
+ return true;
+ }
+ break;
+ case 'checkbox':
+ if ($el.attr('required') && !$el.is(':checked')) {
+ return false;
+ } else {
+ return true;
+ }
+ break;
+ case 'radio':
+ if ($el.attr('required') && !$el.is(':checked')) {
+ return false;
+ } else {
+ return true;
+ }
+ break;
+ default:
+ if ($el.attr('required') && (!$el.val() || !$el.val().length || $el.is(':empty'))) {
+ return false;
+ } else {
+ return true;
+ }
+ }
+ };
+ /**
+ * Checks whether or not a form element has the required attribute and if it's checked or not
+ * @param {Object} element - jQuery object to check for required attribute
+ * @returns {Boolean} Boolean value depends on whether or not attribute is checked or empty
+ */
+ Abide.prototype.findLabel = function($el) {
+ if ($el.next('label').length) {
+ return $el.next('label');
+ }
+ else {
+ return $el.closest('label');
+ }
+ };
+ /**
+ * Adds the CSS error class as specified by the Abide settings to the label, input, and the form
+ * @param {Object} element - jQuery object to add the class to
+ */
+ Abide.prototype.addErrorClasses = function($el) {
+ var self = this,
+ $label = self.findLabel($el),
+ $formError = $el.next(self.options.formErrorSelector) || $el.find(self.options.formErrorSelector);
+
+ // label
+ if ($label) {
+ $label.addClass(self.options.labelErrorClass);
+ }
+ // form error
+ if ($formError) {
+ $formError.addClass(self.options.formErrorClass);
+ }
+ // input
+ $el.addClass(self.options.inputErrorClass);
+ };
+ /**
+ * Removes CSS error class as specified by the Abide settings from the label, input, and the form
+ * @param {Object} element - jQuery object to remove the class from
+ */
+ Abide.prototype.removeErrorClasses = function($el) {
+ var self = this,
+ $label = self.findLabel($el),
+ $formError = $el.next(self.options.formErrorSelector) || $el.find(self.options.formErrorSelector);
+ // label
+ if ($label && $label.hasClass(self.options.labelErrorClass)) {
+ $label.removeClass(self.options.labelErrorClass);
+ }
+ // form error
+ if ($formError && $formError.hasClass(self.options.formErrorClass)) {
+ $formError.removeClass(self.options.formErrorClass);
+ }
+ // input
+ if ($el.hasClass(self.options.inputErrorClass)) {
+ $el.removeClass(self.options.inputErrorClass);
+ }
+ };
+ /**
+ * Goes through a form to find inputs and proceeds to validate them in ways specific to their type
+ * @fires Abide#invalid
+ * @fires Abide#valid
+ * @param {Object} element - jQuery object to validate, should be an HTML input
+ * @param {Object} form - jQuery object of the entire form to find the various input elements
+ */
+ Abide.prototype.validateInput = function($el, $form) {
+ var self = this,
+ textInput = $form.find('input[type="text"]'),
+ checkInput = $form.find('input[type="checkbox"]'),
+ label,
+ radioGroupName;
+
+ if ($el[0].type === 'text') {
+ if (!self.requiredCheck($el) || !self.validateText($el)) {
+ self.addErrorClasses($el);
+ $el.trigger('invalid.fndtn.abide', $el[0]);
+ }
+ else {
+ self.removeErrorClasses($el);
+ $el.trigger('valid.fndtn.abide', $el[0]);
+ }
+ }
+ else if ($el[0].type === 'radio') {
+ radioGroupName = $el.attr('name');
+ label = $el.siblings('label');
+
+ if (self.validateRadio(radioGroupName)) {
+ $(label).each(function() {
+ if ($(this).hasClass(self.options.labelErrorClass)) {
+ $(this).removeClass(self.options.labelErrorClass);
+ }
+ });
+ $el.trigger('valid.fndtn.abide', $el[0]);
+ }
+ else {
+ $(label).each(function() {
+ $(this).addClass(self.options.labelErrorClass);
+ });
+ $el.trigger('invalid.fndtn.abide', $el[0]);
+ };
+ }
+ else if ($el[0].type === 'checkbox') {
+ if (!self.requiredCheck($el)) {
+ self.addErrorClasses($el);
+ $el.trigger('invalid.fndtn.abide', $el[0]);
+ }
+ else {
+ self.removeErrorClasses($el);
+ $el.trigger('valid.fndtn.abide', $el[0]);
+ }
+ }
+ else {
+ if (!self.requiredCheck($el) || !self.validateText($el)) {
+ self.addErrorClasses($el);
+ $el.trigger('invalid.fndtn.abide', $el[0]);
+ }
+ else {
+ self.removeErrorClasses($el);
+ $el.trigger('valid.fndtn.abide', $el[0]);
+ }
+ }
+ };
+ /**
+ * Goes through a form and if there are any invalid inputs, it will display the form error element
+ * @param {Object} element - jQuery object to validate, should be a form HTML element
+ */
+ Abide.prototype.validateForm = function($form) {
+ var self = this,
+ inputs = $form.find('input'),
+ inputCount = $form.find('input').length,
+ counter = 0;
+
+ while (counter < inputCount) {
+ self.validateInput($(inputs[counter]), $form);
+ counter++;
+ }
+
+ // what are all the things that can go wrong with a form?
+ if ($form.find('.form-error.is-visible').length || $form.find('.is-invalid-label').length) {
+ $form.find('[data-abide-error]').css('display', 'block');
+ }
+ else {
+ $form.find('[data-abide-error]').css('display', 'none');
+ }
+ };
+ /**
+ * Determines whether or a not a text input is valid based on the patterns specified in the attribute
+ * @param {Object} element - jQuery object to validate, should be a text input HTML element
+ * @returns {Boolean} Boolean value depends on whether or not the input value matches the pattern specified
+ */
+ Abide.prototype.validateText = function($el) {
+ var self = this,
+ valid = false,
+ patternLib = this.options.patterns,
+ inputText = $($el).val(),
+ // maybe have a different way of parsing this bc people might use type
+ pattern = $($el).attr('pattern');
+
+ // if there's no value, then return true
+ // since required check has already been done
+ if (inputText.length === 0) {
+ return true;
+ }
+ else {
+ if (inputText.match(patternLib[pattern])) {
+ return true;
+ }
+ else {
+ return false;
+ }
+ }
+ };
+ /**
+ * Determines whether or a not a radio input is valid based on whether or not it is required and selected
+ * @param {String} group - A string that specifies the name of a radio button group
+ * @returns {Boolean} Boolean value depends on whether or not at least one radio input has been selected (if it's required)
+ */
+ Abide.prototype.validateRadio = function(group) {
+ var self = this,
+ labels = $(':radio[name="' + group + '"]').siblings('label'),
+ counter = 0;
+ // go through each radio button
+ $(':radio[name="' + group + '"]').each(function() {
+ // put them through the required checkpoint
+ if (!self.requiredCheck($(this))) {
+ // if at least one doesn't pass, add a tally to the counter
+ counter++;
+ }
+ // if at least one is checked
+ // reset the counter
+ if ($(this).is(':checked')) {
+ counter = 0;
+ }
+ });
+
+ if (counter > 0) {
+ return false;
+ }
+ else {
+ return true;
+ }
+ };
+ Abide.prototype.matchValidation = function(val, validation) {
+
+ };
+ /**
+ * Resets form inputs and styles
+ * @param {Object} $form - A jQuery object that should be an HTML form element
+ */
+ Abide.prototype.resetForm = function($form) {
+ var self = this;
+ var invalidAttr = 'data-invalid';
+ // remove data attributes
+ $('[' + self.invalidAttr + ']', $form).removeAttr(invalidAttr);
+ // remove styles
+ $('.' + self.options.labelErrorClass, $form).not('small').removeClass(self.options.labelErrorClass);
+ $('.' + self.options.inputErrorClass, $form).not('small').removeClass(self.options.inputErrorClass);
+ $('.form-error.is-visible').removeClass('is-visible');
+ $form.find('[data-abide-error]').css('display', 'none');
+ $(':input', $form).not(':button, :submit, :reset, :hidden, [data-abide-ignore]').val('').removeAttr(invalidAttr);
+ };
+ Abide.prototype.destroy = function(){
+ //TODO this...
+ };
+
+ Foundation.plugin(Abide);
+
+ // Exports for AMD/Browserify
+ if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
+ module.exports = Abide;
+ if (typeof define === 'function')
+ define(['foundation'], function() {
+ return Abide;
+ });
+
+}(Foundation, jQuery);
+
+/**
+ * Accordion module.
+ * @module foundation.accordion
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.motion
+ */
+!function($, Foundation) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of an accordion.
+ * @class
+ * @fires Accordion#init
+ * @param {jQuery} element - jQuery object to make into an accordion.
+ */
+ function Accordion(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Accordion.defaults, this.$element.data(), options);
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Accordion', {
+ 'ENTER': 'toggle',
+ 'SPACE': 'toggle',
+ 'ARROW_DOWN': 'next',
+ 'ARROW_UP': 'previous'
+ });
+ }
+
+ Accordion.defaults = {
+ /**
+ * Amount of time to animate the opening of an accordion pane.
+ * @option
+ * @example 250
+ */
+ slideSpeed: 250,
+ /**
+ * Allow the accordion to have multiple open panes.
+ * @option
+ * @example false
+ */
+ multiExpand: false,
+ /**
+ * Allow the accordion to close all panes.
+ * @option
+ * @example false
+ */
+ allowAllClosed: false
+ };
+
+ /**
+ * Initializes the accordion by animating the preset active pane(s).
+ * @private
+ */
+ Accordion.prototype._init = function() {
+ this.$element.attr('role', 'tablist');
+ this.$tabs = this.$element.children('li');
+ this.$tabs.each(function(idx, el){
+
+ var $el = $(el),
+ $content = $el.find('[data-tab-content]'),
+ id = $content[0].id || Foundation.GetYoDigits(6, 'accordion'),
+ linkId = el.id || id + '-label';
+
+ $el.find('a:first').attr({
+ 'aria-controls': id,
+ 'role': 'tab',
+ 'id': linkId,
+ 'aria-expanded': false,
+ 'aria-selected': false
+ });
+ $content.attr({'role': 'tabpanel', 'aria-labelledby': linkId, 'aria-hidden': true, 'id': id});
+ });
+ var $initActive = this.$element.find('.is-active').children('[data-tab-content]');
+ if($initActive.length){
+ this.down($initActive, true);
+ }
+ this._events();
+ };
+
+ /**
+ * Adds event handlers for items within the accordion.
+ * @private
+ */
+ Accordion.prototype._events = function() {
+ var _this = this;
+
+ this.$tabs.each(function(){
+ var $elem = $(this);
+ var $tabContent = $elem.children('[data-tab-content]');
+ if ($tabContent.length) {
+ $elem.children('a').off('click.zf.accordion keydown.zf.accordion')
+ .on('click.zf.accordion', function(e){
+ // $(this).children('a').on('click.zf.accordion', function(e) {
+ e.preventDefault();
+ if ($elem.hasClass('is-active')) {
+ if(_this.options.allowAllClosed || $elem.siblings().hasClass('is-active')){
+ _this.up($tabContent);
+ }
+ }
+ else {
+ _this.down($tabContent);
+ }
+ }).on('keydown.zf.accordion', function(e){
+ Foundation.Keyboard.handleKey(e, _this, {
+ toggle: function() {
+ _this.toggle($tabContent);
+ },
+ next: function() {
+ $elem.next().find('a').focus().trigger('click.zf.accordion');
+ },
+ previous: function() {
+ $elem.prev().find('a').focus().trigger('click.zf.accordion');
+ },
+ handled: function() {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ });
+ });
+ }
+ });
+ };
+ /**
+ * Toggles the selected content pane's open/close state.
+ * @param {jQuery} $target - jQuery object of the pane to toggle.
+ * @function
+ */
+ Accordion.prototype.toggle = function($target){
+ if($target.parent().hasClass('is-active')){
+ if(this.options.allowAllClosed || $target.parent().siblings().hasClass('is-active')){
+ this.up($target);
+ }else{ return; }
+ }else{
+ this.down($target);
+ }
+ };
+ /**
+ * Opens the accordion tab defined by `$target`.
+ * @param {jQuery} $target - Accordion pane to open.
+ * @param {Boolean} firstTime - flag to determine if reflow should happen.
+ * @fires Accordion#down
+ * @function
+ */
+ Accordion.prototype.down = function($target, firstTime) {
+ var _this = this;
+ if(!this.options.multiExpand && !firstTime){
+ var $currentActive = this.$element.find('.is-active').children('[data-tab-content]');
+ if($currentActive.length){
+ this.up($currentActive);
+ }
+ }
+
+ $target
+ .attr('aria-hidden', false)
+ .parent('[data-tab-content]')
+ .addBack()
+ .parent().addClass('is-active');
+
+ Foundation.Move(_this.options.slideSpeed, $target, function(){
+ $target.slideDown(_this.options.slideSpeed);
+ });
+
+ if(!firstTime){
+ Foundation._reflow(this.$element.attr('data-accordion'));
+ }
+ $('#' + $target.attr('aria-labelledby')).attr({
+ 'aria-expanded': true,
+ 'aria-selected': true
+ });
+ /**
+ * Fires when the tab is done opening.
+ * @event Accordion#down
+ */
+ this.$element.trigger('down.zf.accordion', [$target]);
+ };
+
+ /**
+ * Closes the tab defined by `$target`.
+ * @param {jQuery} $target - Accordion tab to close.
+ * @fires Accordion#up
+ * @function
+ */
+ Accordion.prototype.up = function($target) {
+ var $aunts = $target.parent().siblings(),
+ _this = this;
+ var canClose = this.options.multiExpand ? $aunts.hasClass('is-active') : $target.parent().hasClass('is-active');
+
+ if(!this.options.allowAllClosed && !canClose){
+ return;
+ }
+
+ Foundation.Move(this.options.slideSpeed, $target, function(){
+ $target.slideUp(_this.options.slideSpeed);
+ });
+
+ $target.attr('aria-hidden', true)
+ .parent().removeClass('is-active');
+
+ $('#' + $target.attr('aria-labelledby')).attr({
+ 'aria-expanded': false,
+ 'aria-selected': false
+ });
+
+ /**
+ * Fires when the tab is done collapsing up.
+ * @event Accordion#up
+ */
+ this.$element.trigger('up.zf.accordion', [$target]);
+ };
+
+ /**
+ * Destroys an instance of an accordion.
+ * @fires Accordion#destroyed
+ * @function
+ */
+ Accordion.prototype.destroy = function() {
+ this.$element.find('[data-tab-content]').slideUp(0).css('display', '');
+ this.$element.find('a').off('.zf.accordion');
+
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Accordion);
+}(jQuery, window.Foundation);
+
+/**
+ * AccordionMenu module.
+ * @module foundation.accordionMenu
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.motion
+ * @requires foundation.util.nest
+ */
+!function($) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of an accordion menu.
+ * @class
+ * @fires AccordionMenu#init
+ * @param {jQuery} element - jQuery object to make into an accordion menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function AccordionMenu(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, AccordionMenu.defaults, this.$element.data(), options);
+
+ Foundation.Nest.Feather(this.$element, 'accordion');
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('AccordionMenu', {
+ 'ENTER': 'toggle',
+ 'SPACE': 'toggle',
+ 'ARROW_RIGHT': 'open',
+ 'ARROW_UP': 'up',
+ 'ARROW_DOWN': 'down',
+ 'ARROW_LEFT': 'close',
+ 'ESCAPE': 'closeAll',
+ 'TAB': 'down',
+ 'SHIFT_TAB': 'up'
+ });
+ }
+
+ AccordionMenu.defaults = {
+ /**
+ * Amount of time to animate the opening of a submenu in ms.
+ * @option
+ * @example 250
+ */
+ slideSpeed: 250,
+ /**
+ * Allow the menu to have multiple open panes.
+ * @option
+ * @example true
+ */
+ multiOpen: true
+ };
+
+ /**
+ * Initializes the accordion menu by hiding all nested menus.
+ * @private
+ */
+ AccordionMenu.prototype._init = function() {
+ this.$element.find('[data-submenu]').not('.is-active').slideUp(0);//.find('a').css('padding-left', '1rem');
+ this.$element.attr({
+ 'role': 'tablist',
+ 'aria-multiselectable': this.options.multiOpen
+ });
+
+ this.$menuLinks = this.$element.find('.has-submenu');
+ this.$menuLinks.each(function(){
+ var linkId = this.id || Foundation.GetYoDigits(6, 'acc-menu-link'),
+ $elem = $(this),
+ $sub = $elem.children('[data-submenu]'),
+ subId = $sub[0].id || Foundation.GetYoDigits(6, 'acc-menu'),
+ isActive = $sub.hasClass('is-active');
+ $elem.attr({
+ 'aria-controls': subId,
+ 'aria-expanded': isActive,
+ 'aria-selected': false,
+ 'role': 'tab',
+ 'id': linkId
+ });
+ $sub.attr({
+ 'aria-labelledby': linkId,
+ 'aria-hidden': !isActive,
+ 'role': 'tabpanel',
+ 'id': subId
+ });
+ });
+ var initPanes = this.$element.find('.is-active');
+ if(initPanes.length){
+ var _this = this;
+ initPanes.each(function(){
+ _this.down($(this));
+ });
+ }
+ this._events();
+ };
+
+ /**
+ * Adds event handlers for items within the menu.
+ * @private
+ */
+ AccordionMenu.prototype._events = function() {
+ var _this = this;
+
+ this.$element.find('li').each(function() {
+ var $submenu = $(this).children('[data-submenu]');
+
+ if ($submenu.length) {
+ $(this).children('a').off('click.zf.accordionmenu').on('click.zf.accordionmenu', function(e) {
+ e.preventDefault();
+
+ _this.toggle($submenu);
+ });
+ }
+ }).on('keydown.zf.accordionmenu', function(e){
+ var $element = $(this),
+ $elements = $element.parent('ul').children('li'),
+ $prevElement,
+ $nextElement,
+ $target = $element.children('[data-submenu]');
+
+ $elements.each(function(i) {
+ if ($(this).is($element)) {
+ $prevElement = $elements.eq(Math.max(0, i-1));
+ $nextElement = $elements.eq(Math.min(i+1, $elements.length-1));
+
+ if ($(this).children('[data-submenu]:visible').length) { // has open sub menu
+ $nextElement = $element.find('li:first-child');
+ }
+ if ($(this).is(':first-child')) { // is first element of sub menu
+ $prevElement = $element.parents('li').first();
+ } else if ($prevElement.children('[data-submenu]:visible').length) { // if previous element has open sub menu
+ $prevElement = $prevElement.find('li:last-child');
+ }
+ if ($(this).is(':last-child')) { // is last element of sub menu
+ $nextElement = $element.parents('li').first().next('li');
+ }
+
+ return;
+ }
+ });
+ Foundation.Keyboard.handleKey(e, _this, {
+ open: function() {
+ if ($target.is(':hidden')) {
+ _this.down($target);
+ $target.find('li').first().focus();
+ }
+ },
+ close: function() {
+ if ($target.length && !$target.is(':hidden')) { // close active sub of this item
+ _this.up($target);
+ } else if ($element.parent('[data-submenu]').length) { // close currently open sub
+ _this.up($element.parent('[data-submenu]'));
+ $element.parents('li').first().focus();
+ }
+ },
+ up: function() {
+ $prevElement.focus();
+ },
+ down: function() {
+ $nextElement.focus();
+ },
+ toggle: function() {
+ if ($element.children('[data-submenu]').length) {
+ _this.toggle($element.children('[data-submenu]'));
+ }
+ },
+ closeAll: function() {
+ _this.hideAll();
+ },
+ handled: function() {
+ e.preventDefault();
+ e.stopImmediatePropagation();
+ }
+ });
+ });//.attr('tabindex', 0);
+ };
+ /**
+ * Closes all panes of the menu.
+ * @function
+ */
+ AccordionMenu.prototype.hideAll = function(){
+ this.$element.find('[data-submenu]').slideUp(this.options.slideSpeed);
+ };
+ /**
+ * Toggles the open/close state of a submenu.
+ * @function
+ * @param {jQuery} $target - the submenu to toggle
+ */
+ AccordionMenu.prototype.toggle = function($target){
+ if (!$target.is(':hidden')) {
+ this.up($target);
+ }
+ else {
+ this.down($target);
+ }
+ };
+ /**
+ * Opens the sub-menu defined by `$target`.
+ * @param {jQuery} $target - Sub-menu to open.
+ * @fires AccordionMenu#down
+ */
+ AccordionMenu.prototype.down = function($target) {
+ var _this = this;
+ console.log($target);
+ if(!this.options.multiOpen){
+ this.up(this.$element.find('.is-active').not($target.parentsUntil(this.$element)));
+ }
+
+ $target.addClass('is-active').attr({'aria-hidden': false})
+ .parent('.has-submenu').attr({'aria-expanded': true, 'aria-selected': true});
+
+ Foundation.Move(this.options.slideSpeed, $target, function(){
+ $target.slideDown(_this.options.slideSpeed);
+ });
+ /**
+ * Fires when the menu is done collapsing up.
+ * @event AccordionMenu#down
+ */
+ this.$element.trigger('down.zf.accordionMenu', [$target]);
+ };
+
+ /**
+ * Closes the sub-menu defined by `$target`. All sub-menus inside the target will be closed as well.
+ * @param {jQuery} $target - Sub-menu to close.
+ * @fires AccordionMenu#up
+ */
+ AccordionMenu.prototype.up = function($target) {
+ var _this = this;
+ Foundation.Move(this.options.slideSpeed, $target, function(){
+ $target.slideUp(_this.options.slideSpeed);
+ });
+ $target.attr('aria-hidden', true)
+ .find('[data-submenu]').slideUp(0).attr('aria-hidden', true).end()
+ .parent('.has-submenu')
+ .attr({'aria-expanded': false, 'aria-selected': false});
+ // $target.slideUp(this.options.slideSpeed, function() {
+ // $target.find('[data-submenu]').slideUp(0).attr('aria-hidden', true);
+ // }).attr('aria-hidden', true).parent('.has-submenu').attr({'aria-expanded': false, 'aria-selected': false});
+
+ /**
+ * Fires when the menu is done collapsing up.
+ * @event AccordionMenu#up
+ */
+ this.$element.trigger('up.zf.accordionMenu', [$target]);
+ };
+
+ /**
+ * Destroys an instance of accordion menu.
+ * @fires AccordionMenu#destroyed
+ */
+ AccordionMenu.prototype.destroy = function(){
+ this.$element.find('[data-submenu]').slideDown(0).css('display', '');
+ this.$element.find('a').off('click.zf.accordionMenu');
+
+ Foundation.Nest.Burn(this.$element, 'accordion');
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(AccordionMenu);
+}(jQuery, window.Foundation);
+
+/**
+ * Drilldown module.
+ * @module foundation.drilldown
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.motion
+ * @requires foundation.util.nest
+ */
+!function($, Foundation){
+ 'use strict';
+
+ /**
+ * Creates a new instance of a drilldown menu.
+ * @class
+ * @param {jQuery} element - jQuery object to make into an accordion menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Drilldown(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Drilldown.defaults, this.$element.data(), options);
+
+ Foundation.Nest.Feather(this.$element, 'drilldown');
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Drilldown', {
+ 'ENTER': 'open',
+ 'SPACE': 'open',
+ 'ARROW_RIGHT': 'next',
+ 'ARROW_UP': 'up',
+ 'ARROW_DOWN': 'down',
+ 'ARROW_LEFT': 'previous',
+ 'ESCAPE': 'close',
+ 'TAB': 'down',
+ 'SHIFT_TAB': 'up'
+ });
+ }
+ Drilldown.defaults = {
+ /**
+ * Markup used for JS generated back button. Prepended to submenu lists and deleted on `destroy` method.
+ * @option
+ * @example 'Back '
+ */
+ backButton: 'Back ',
+ /**
+ * Markup used to wrap drilldown menu. Use a class name for independent styling, or the JS applied class: `is-drilldown`.
+ * @option
+ * @example '
'
+ */
+ wrapper: '
',
+ /**
+ * Allow the menu to return to root list on body click.
+ * @option
+ * @example false
+ */
+ closeOnClick: false,
+ // holdOpen: false
+ };
+ /**
+ * Initializes the drilldown by creating jQuery collections of elements
+ * @private
+ */
+ Drilldown.prototype._init = function(){
+ this.$submenuAnchors = this.$element.find('li.has-submenu');
+ this.$submenus = this.$submenuAnchors.children('[data-submenu]').addClass('is-drilldown-sub')/*.wrap($(this.options.wrapper).addClass('is-drilldown-sub'))*/;
+ // this.$rootElems = this.$element.children('[data-submenu]')/*.addClass('first-sub')*/;
+ this.$menuItems = this.$element.find('li').not('.js-drilldown-back').attr('role', 'menuitem');
+ // this.$submenus;
+
+ // console.log(this.$wrapper.outerHeight(), this.$wrapper.css());
+ this._prepareMenu();
+ // this._getMaxDims();
+ this._keyboardEvents();
+ };
+ /**
+ * prepares drilldown menu by setting attributes to links and elements
+ * sets a min height to prevent content jumping
+ * wraps the element if not already wrapped
+ * @private
+ * @function
+ */
+ Drilldown.prototype._prepareMenu = function(){
+ var _this = this;
+ // if(!this.options.holdOpen){
+ // this._menuLinkEvents();
+ // }
+ this.$submenuAnchors.each(function(){
+ var $sub = $(this);
+ $sub.find('a')[0].removeAttribute('href');
+ $sub.children('[data-submenu]')
+ .attr({
+ 'aria-hidden': true,
+ 'tabindex': 0,
+ 'role': 'menu'
+ });
+ _this._events($sub);
+ });
+ this.$submenus.each(function(){
+ var $menu = $(this),
+ $back = $menu.find('.js-drilldown-back');
+ if(!$back.length){
+ $menu.prepend(_this.options.backButton);
+ _this._back($menu);
+ }
+ });
+ if(!this.$element.parent().hasClass('is-drilldown')){
+ this.$wrapper = $(this.options.wrapper).addClass('is-drilldown').css(this._getMaxDims());
+ this.$element.wrap(this.$wrapper);
+ }
+
+ };
+ /**
+ * Adds event handlers to elements in the menu.
+ * @function
+ * @private
+ * @param {jQuery} $elem - the current menu item to add handlers to.
+ */
+ Drilldown.prototype._events = function($elem){
+ var _this = this;
+
+ $elem/*.off('mouseup.zf.drilldown tap.zf.drilldown touchend.zf.drilldown')*/
+ .on('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown', function(e){
+ // console.log('mouse event', $elem);
+ e.preventDefault();
+ e.stopPropagation();
+
+ if(e.target !== e.currentTarget.firstElementChild){
+ return false;
+ }
+ _this._show($elem);
+
+ if(_this.options.closeOnClick){
+ var $body = $('body').not(_this.$wrapper);
+ $body.off('.zf.drilldown').on('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown', function(e){
+ // console.log('body mouseup');
+ e.preventDefault();
+ _this._hideAll();
+ $body.off('.zf.drilldown');
+ });
+ }
+ });
+ $elem.find('.js-drilldown-back').eq(0).on('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown', function(e){
+ //do stuff
+ // console.log('back button');
+ });
+ };
+ /**
+ * Adds keydown event listener to `li`'s in the menu.
+ * @private
+ */
+ Drilldown.prototype._keyboardEvents = function() {
+ var _this = this;
+ this.$menuItems.add(this.$element.find('.js-drilldown-back')).on('keydown.zf.drilldown', function(e){
+ var $element = $(this),
+ $elements = $element.parent('ul').children('li'),
+ $prevElement,
+ $nextElement;
+
+ $elements.each(function(i) {
+ if ($(this).is($element)) {
+ $prevElement = $elements.eq(Math.max(0, i-1));
+ $nextElement = $elements.eq(Math.min(i+1, $elements.length-1));
+ return;
+ }
+ });
+ Foundation.Keyboard.handleKey(e, _this, {
+ next: function() {
+ if ($element.is(_this.$submenuAnchors)) {
+ _this._show($element);
+ $element.on(Foundation.transitionend($element), function(){
+ $element.find('ul li').filter(_this.$menuItems).first().focus();
+ });
+ }
+ },
+ previous: function() {
+ _this._hide($element.parent('ul'));
+ $element.parent('ul').on(Foundation.transitionend($element), function(){
+ setTimeout(function() {
+ $element.parent('ul').parent('li').focus();
+ }, 1);
+ });
+ },
+ up: function() {
+ $prevElement.focus();
+ },
+ down: function() {
+ $nextElement.focus();
+ },
+ close: function() {
+ _this._back();
+ //_this.$menuItems.first().focus(); // focus to first element
+ },
+ open: function() {
+ if (!$element.is(_this.$menuItems)) { // not menu item means back button
+ _this._hide($element.parent('ul'));
+ setTimeout(function(){$element.parent('ul').parent('li').focus();}, 1);
+ } else if ($element.is(_this.$submenuAnchors)) {
+ _this._show($element);
+ setTimeout(function(){$element.find('ul li').filter(_this.$menuItems).first().focus();}, 1);
+ }
+ },
+ handled: function() {
+ e.preventDefault();
+ e.stopImmediatePropagation();
+ }
+ });
+ }); // end keyboardAccess
+ };
+
+ /**
+ * Closes all open elements, and returns to root menu.
+ * @function
+ * @fires Drilldown#closed
+ */
+ Drilldown.prototype._hideAll = function(){
+ var $elem = this.$element.find('.is-drilldown-sub.is-active').addClass('is-closing');
+ $elem.one(Foundation.transitionend($elem), function(e){
+ $elem.removeClass('is-active is-closing');
+ });
+ /**
+ * Fires when the menu is fully closed.
+ * @event Drilldown#closed
+ */
+ this.$element.trigger('closed.zf.drilldown');
+ };
+ /**
+ * Adds event listener for each `back` button, and closes open menus.
+ * @function
+ * @fires Drilldown#back
+ * @param {jQuery} $elem - the current sub-menu to add `back` event.
+ */
+ Drilldown.prototype._back = function($elem){
+ var _this = this;
+ $elem.off('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown');
+ $elem.children('.js-drilldown-back')
+ .on('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown', function(e){
+ // console.log('mouseup on back');
+ _this._hide($elem);
+ });
+ };
+ /**
+ * Adds event listener to menu items w/o submenus to close open menus on click.
+ * @function
+ * @private
+ */
+ Drilldown.prototype._menuLinkEvents = function(){
+ var _this = this;
+ this.$menuItems.not('.has-submenu')
+ .off('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown')
+ .on('mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown', function(e){
+ // e.stopImmediatePropagation();
+ setTimeout(function(){
+ _this._hideAll();
+ }, 0);
+ });
+ };
+ /**
+ * Opens a submenu.
+ * @function
+ * @fires Drilldown#open
+ * @param {jQuery} $elem - the current element with a submenu to open.
+ */
+ Drilldown.prototype._show = function($elem){
+ $elem.children('[data-submenu]').addClass('is-active');
+
+ this.$element.trigger('open.zf.drilldown', [$elem]);
+ };
+ /**
+ * Hides a submenu
+ * @function
+ * @fires Drilldown#hide
+ * @param {jQuery} $elem - the current sub-menu to hide.
+ */
+ Drilldown.prototype._hide = function($elem){
+ var _this = this;
+ $elem.addClass('is-closing')
+ .one(Foundation.transitionend($elem), function(){
+ $elem.removeClass('is-active is-closing');
+ });
+ /**
+ * Fires when the submenu is has closed.
+ * @event Drilldown#hide
+ */
+ $elem.trigger('hide.zf.drilldown', [$elem]);
+
+ };
+ /**
+ * Iterates through the nested menus to calculate the min-height, and max-width for the menu.
+ * Prevents content jumping.
+ * @function
+ * @private
+ */
+ Drilldown.prototype._getMaxDims = function(){
+ var max = 0, result = {};
+ this.$submenus.add(this.$element).each(function(){
+ var numOfElems = $(this).children('li').length;
+ max = numOfElems > max ? numOfElems : max;
+ });
+
+ result.height = max * this.$menuItems[0].getBoundingClientRect().height + 'px';
+ result.width = this.$element[0].getBoundingClientRect().width + 'px';
+
+ return result;
+ };
+ /**
+ * Destroys the Drilldown Menu
+ * @function
+ */
+ Drilldown.prototype.destroy = function(){
+ this._hideAll();
+ Foundation.Nest.Burn(this.$element, 'drilldown');
+ this.$element.unwrap()
+ .find('.js-drilldown-back').remove()
+ .end().find('.is-active, .is-closing, .is-drilldown-sub').removeClass('is-active is-closing is-drilldown-sub')
+ .end().find('[data-submenu]').removeAttr('aria-hidden tabindex role')
+ .off('.zf.drilldown').end().off('zf.drilldown');
+
+ Foundation.unregisterPlugin(this);
+ };
+ Foundation.plugin(Drilldown);
+}(jQuery, window.Foundation);
+
+/**
+ * Dropdown module.
+ * @module foundation.dropdown
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.box
+ */
+!function($, Foundation){
+ 'use strict';
+ /**
+ * Creates a new instance of a dropdown.
+ * @class
+ * @param {jQuery} element - jQuery object to make into an accordion menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Dropdown(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Dropdown.defaults, this.$element.data(), options);
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Dropdown', {
+ 'ENTER': 'open',
+ 'SPACE': 'open',
+ 'ESCAPE': 'close',
+ 'TAB': 'tab_forward',
+ 'SHIFT_TAB': 'tab_backward'
+ });
+ }
+
+ Dropdown.defaults = {
+ /**
+ * Amount of time to delay opening a submenu on hover event.
+ * @option
+ * @example 250
+ */
+ hoverDelay: 250,
+ /**
+ * Allow submenus to open on hover events
+ * @option
+ * @example false
+ */
+ hover: false,
+ /**
+ * Number of pixels between the dropdown pane and the triggering element on open.
+ * @option
+ * @example 1
+ */
+ vOffset: 1,
+ /**
+ * Number of pixels between the dropdown pane and the triggering element on open.
+ * @option
+ * @example 1
+ */
+ hOffset: 1,
+ /**
+ * Class applied to adjust open position. JS will test and fill this in.
+ * @option
+ * @example 'top'
+ */
+ positionClass: '',
+ /**
+ * Allow the plugin to trap focus to the dropdown pane on open.
+ * @option
+ * @example false
+ */
+ trapFocus: false
+ };
+ /**
+ * Initializes the plugin by setting/checking options and attributes, adding helper variables, and saving the anchor.
+ * @function
+ * @private
+ */
+ Dropdown.prototype._init = function(){
+ var $id = this.$element.attr('id');
+
+ this.$anchor = $('[data-toggle="' + $id + '"]') || $('[data-open="' + $id + '"]');
+ this.$anchor.attr({
+ 'aria-controls': $id,
+ 'data-is-focus': false,
+ 'data-yeti-box': $id,
+ 'aria-haspopup': true,
+ 'aria-expanded': false
+ // 'data-resize': $id
+ });
+
+ this.options.positionClass = this.getPositionClass();
+ this.counter = 4;
+ this.usedPositions = [];
+ this.$element.attr({
+ 'aria-hidden': 'true',
+ 'data-yeti-box': $id,
+ 'data-resize': $id,
+ 'aria-labelledby': this.$anchor[0].id || Foundation.GetYoDigits(6, 'dd-anchor')
+ });
+ this._events();
+ };
+ /**
+ * Helper function to determine current orientation of dropdown pane.
+ * @function
+ * @returns {String} position - string value of a position class.
+ */
+ Dropdown.prototype.getPositionClass = function(){
+ var position = this.$element[0].className.match(/(top|left|right)/g);
+ position = position ? position[0] : '';
+ return position;
+ };
+ /**
+ * Adjusts the dropdown panes orientation by adding/removing positioning classes.
+ * @function
+ * @private
+ * @param {String} position - position class to remove.
+ */
+ Dropdown.prototype._reposition = function(position){
+ this.usedPositions.push(position ? position : 'bottom');
+ //default, try switching to opposite side
+ if(!position && (this.usedPositions.indexOf('top') < 0)){
+ this.$element.addClass('top');
+ }else if(position === 'top' && (this.usedPositions.indexOf('bottom') < 0)){
+ this.$element.removeClass(position);
+ }else if(position === 'left' && (this.usedPositions.indexOf('right') < 0)){
+ this.$element.removeClass(position)
+ .addClass('right');
+ }else if(position === 'right' && (this.usedPositions.indexOf('left') < 0)){
+ this.$element.removeClass(position)
+ .addClass('left');
+ }
+
+ //if default change didn't work, try bottom or left first
+ else if(!position && (this.usedPositions.indexOf('top') > -1) && (this.usedPositions.indexOf('left') < 0)){
+ this.$element.addClass('left');
+ }else if(position === 'top' && (this.usedPositions.indexOf('bottom') > -1) && (this.usedPositions.indexOf('left') < 0)){
+ this.$element.removeClass(position)
+ .addClass('left');
+ }else if(position === 'left' && (this.usedPositions.indexOf('right') > -1) && (this.usedPositions.indexOf('bottom') < 0)){
+ this.$element.removeClass(position);
+ }else if(position === 'right' && (this.usedPositions.indexOf('left') > -1) && (this.usedPositions.indexOf('bottom') < 0)){
+ this.$element.removeClass(position);
+ }
+ //if nothing cleared, set to bottom
+ else{
+ this.$element.removeClass(position);
+ }
+ this.classChanged = true;
+ this.counter--;
+ };
+ /**
+ * Sets the position and orientation of the dropdown pane, checks for collisions.
+ * Recursively calls itself if a collision is detected, with a new position class.
+ * @function
+ * @private
+ */
+ Dropdown.prototype._setPosition = function(){
+ if(this.$anchor.attr('aria-expanded') === 'false'){ return false; }
+ var position = this.getPositionClass(),
+ $eleDims = Foundation.Box.GetDimensions(this.$element),
+ $anchorDims = Foundation.Box.GetDimensions(this.$anchor),
+ _this = this,
+ direction = (position === 'left' ? 'left' : ((position === 'right') ? 'left' : 'top')),
+ param = (direction === 'top') ? 'height' : 'width',
+ offset = (param === 'height') ? this.options.vOffset : this.options.hOffset;
+
+ if(($eleDims.width >= $eleDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.$element))){
+ this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({
+ 'width': $eleDims.windowDims.width - (this.options.hOffset * 2),
+ 'height': 'auto',
+ });
+ this.classChanged = true;
+ return false;
+ }
+
+ this.$element.offset(Foundation.Box.GetOffsets(this.$element, this.$anchor, position, this.options.vOffset, this.options.hOffset));
+
+ while(!Foundation.Box.ImNotTouchingYou(this.$element) && this.counter){
+ this._reposition(position);
+ this._setPosition();
+ }
+ };
+ /**
+ * Adds event listeners to the element utilizing the triggers utility library.
+ * @function
+ * @private
+ */
+ Dropdown.prototype._events = function(){
+ var _this = this;
+ this.$element.on({
+ 'open.zf.trigger': this.open.bind(this),
+ 'close.zf.trigger': this.close.bind(this),
+ 'toggle.zf.trigger': this.toggle.bind(this),
+ 'resizeme.zf.trigger': this._setPosition.bind(this)
+ });
+
+ if(this.options.hover){
+ clearTimeout(_this.timeout);
+ this.$anchor.on('mouseenter.zf.dropdown mouseleave.zf.dropdown', function(){
+ _this.timeOut = setTimeout(function(){
+ _this.toggle();
+ }, _this.options.hoverDelay);
+ });
+ }
+ this.$anchor.add(this.$element).on('keydown.zf.dropdown', function(e) {
+
+ var visibleFocusableElements = Foundation.Keyboard.findFocusable(_this.$element);
+
+ Foundation.Keyboard.handleKey(e, _this, {
+ tab_forward: function() {
+ if (this.$element.find(':focus').is(visibleFocusableElements.eq(-1))) { // left modal downwards, setting focus to first element
+ if (this.options.trapFocus) { // if focus shall be trapped
+ visibleFocusableElements.eq(0).focus();
+ e.preventDefault();
+ } else { // if focus is not trapped, close dropdown on focus out
+ this.close();
+ }
+ }
+ },
+ tab_backward: function() {
+ if (this.$element.find(':focus').is(visibleFocusableElements.eq(0)) || this.$element.is(':focus')) { // left modal upwards, setting focus to last element
+ if (this.options.trapFocus) { // if focus shall be trapped
+ visibleFocusableElements.eq(-1).focus();
+ e.preventDefault();
+ } else { // if focus is not trapped, close dropdown on focus out
+ this.close();
+ }
+ }
+ },
+ open: function() {
+ _this.open();
+ _this.$element.attr('tabindex', -1).focus();
+ },
+ close: function() {
+ _this.close();
+ _this.$anchor.focus();
+ }
+ });
+ });
+ };
+ /**
+ * Opens the dropdown pane, and fires a bubbling event to close other dropdowns.
+ * @function
+ * @fires Dropdown#closeme
+ * @fires Dropdown#show
+ */
+ Dropdown.prototype.open = function(){
+ // var _this = this;
+ /**
+ * Fires to close other open dropdowns
+ * @event Dropdown#closeme
+ */
+ this.$element.trigger('closeme.zf.dropdown', this.$element.attr('id'));
+ this.$anchor.addClass('hover')
+ .attr({'aria-expanded': true});
+ // this.$element/*.show()*/;
+ this._setPosition();
+ this.$element.addClass('is-open')
+ .attr({'aria-hidden': false});
+
+
+
+ /**
+ * Fires once the dropdown is visible.
+ * @event Dropdown#show
+ */
+ this.$element.trigger('show.zf.dropdown', [this.$element]);
+ //why does this not work correctly for this plugin?
+ // Foundation.reflow(this.$element, 'dropdown');
+ // Foundation._reflow(this.$element.attr('data-dropdown'));
+ };
+
+ /**
+ * Closes the open dropdown pane.
+ * @function
+ * @fires Dropdown#hide
+ */
+ Dropdown.prototype.close = function(){
+ if(!this.$element.hasClass('is-open')){
+ return false;
+ }
+ this.$element.removeClass('is-open')
+ .attr({'aria-hidden': true});
+
+ this.$anchor.removeClass('hover')
+ .attr('aria-expanded', false);
+
+ if(this.classChanged){
+ var curPositionClass = this.getPositionClass();
+ if(curPositionClass){
+ this.$element.removeClass(curPositionClass);
+ }
+ this.$element.addClass(this.options.positionClass)
+ /*.hide()*/.css({height: '', width: ''});
+ this.classChanged = false;
+ this.counter = 4;
+ this.usedPositions.length = 0;
+ }
+ this.$element.trigger('hide.zf.dropdown', [this.$element]);
+ // Foundation.reflow(this.$element, 'dropdown');
+ };
+ /**
+ * Toggles the dropdown pane's visibility.
+ * @function
+ */
+ Dropdown.prototype.toggle = function(){
+ if(this.$element.hasClass('is-open')){
+ this.close();
+ }else{
+ this.open();
+ }
+ };
+ /**
+ * Destroys the dropdown.
+ * @function
+ */
+ Dropdown.prototype.destroy = function(){
+ this.$element.off('.zf.trigger').hide();
+ this.$anchor.off('.zf.dropdown');
+
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Dropdown);
+}(jQuery, window.Foundation);
+
+/**
+ * DropdownMenu module.
+ * @module foundation.dropdown-menu
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.box
+ * @requires foundation.util.nest
+ */
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of DropdownMenu.
+ * @class
+ * @fires DropdownMenu#init
+ * @param {jQuery} element - jQuery object to make into a dropdown menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function DropdownMenu(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, DropdownMenu.defaults, this.$element.data(), options);
+
+ Foundation.Nest.Feather(this.$element, 'dropdown');
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('DropdownMenu', {
+ 'ENTER': 'open',
+ 'SPACE': 'open',
+ 'ARROW_RIGHT': 'next',
+ 'ARROW_UP': 'up',
+ 'ARROW_DOWN': 'down',
+ 'ARROW_LEFT': 'previous',
+ 'ESCAPE': 'close'
+ });
+
+ // /**
+ // * Fires when the plugin has been successfuly initialized.
+ // * @event DropdownMenu#init
+ // */
+ // this.$element.trigger('init.zf.dropdown');
+ }
+
+ /**
+ * Default settings for plugin
+ */
+ DropdownMenu.defaults = {
+ // toggleOn: 'both',
+ /**
+ * Allow a submenu to open/remain open on parent click event. Allows cursor to move away from menu.
+ * @option
+ * @example true
+ */
+ clickOpen: true,
+ /**
+ * Allow clicks on the body to close any open submenus.
+ * @option
+ * @example false
+ */
+ closeOnClick: false,
+ /**
+ * Disallows hover events from opening submenus
+ * @option
+ * @example false
+ */
+ disableHover: false,
+ /**
+ * Allow a submenu to automatically close on a mouseleave event.
+ * @option
+ * @example true
+ */
+ autoclose: true,
+ /**
+ * Amount of time to delay opening a submenu on hover event.
+ * @option
+ * @example 150
+ */
+ hoverDelay: 150,
+ /**
+ * Amount of time to delay closing a submenu on a mouseleave event.
+ * @option
+ * @example 500
+ */
+ closingTime: 500,
+ // wrapOnKeys: true,
+ /**
+ * Position of the menu relative to what direction the submenus should open. Handled by JS.
+ * @option
+ * @example 'left'
+ */
+ alignment: 'left',
+ /**
+ * Class applied to vertical oriented menus, Foundation default is `vertical`. Update this if using your own class.
+ * @option
+ * @example 'vertical'
+ */
+ verticalClass: 'vertical',
+ /**
+ * Class applied to right-side oriented menus, Foundation default is `align-right`. Update this if using your own class.
+ * @option
+ * @example 'align-right'
+ */
+ rightClass: 'align-right'
+ };
+ /**
+ * Initializes the plugin, and calls _prepareMenu
+ * @private
+ * @function
+ */
+ DropdownMenu.prototype._init = function(){
+ if(this.$element.hasClass(this.options.verticalClass)){
+ this.vertical = true;
+ }
+ // this.vertical = this.$element.hasClass(this.options.verticalClass);
+ this._prepareMenu();
+ // this._addTopLevelKeyHandler();
+ };
+ /**
+ * Prepares the menu by checking alignment and orientation, setting attributes for elements, and creating jQuery collections of elements.
+ * @private
+ * @function
+ */
+ DropdownMenu.prototype._prepareMenu = function(){
+ var _this = this;
+ this.$tabs = this.$element.children('li.has-submenu');
+ this.$tabs.children('[data-submenu]').addClass('first-sub');
+ this.$submenus = this.$element.find('li.has-submenu');
+ this.$menuItems = this.$element.find('li').attr({'role': 'menuitem', 'tabindex': 0});
+ this.$menuItems.children('a').attr('tabindex', -1);
+ if(this.$element.hasClass(this.options.rightClass)){
+ this.options.alignment = 'right';
+ this.$submenus.addClass('is-left-arrow opens-left');
+ }else{
+ this.$submenus.addClass('is-right-arrow opens-right');
+ }
+ if(!this.vertical){
+ this.$tabs.removeClass('is-right-arrow is-left-arrow opens-left opens-right').addClass('is-down-arrow');
+ }
+
+ this.$tabs.each(function(){
+ var $tab = $(this);
+ $tab.attr({
+ 'role': 'menuitem',
+ 'tabindex': 0,
+ 'title': $tab.children('a:first-child').text()/*.match(/\w/ig).join('')*/
+ }).children('a').attr('tabindex', -1);//maybe add a more specific regex to match alphanumeric characters and join them appropriately
+ if($tab.children('[data-submenu]')){
+ $tab.attr('aria-haspopup', true);
+ }
+ });
+
+
+ this.$submenus.each(function(){
+ var $sub = $(this);
+
+ // if(_this.options.alignment === 'right'){
+ // $sub.children('[data-submenu]').addClass('is-right-arrow');
+ // }
+
+ $sub.children('[data-submenu]')
+ .attr({
+ 'aria-hidden': true,
+ 'tabindex': -1,
+ 'role': 'menu'
+ }).addClass('vertical');
+ _this._events($sub);
+ });
+ };
+
+ /**
+ * Adds event listeners to elements within the menu
+ * @param {jQuery} $elem - the element to attach listeners too.
+ * @private
+ * @function
+ */
+ DropdownMenu.prototype._events = function($elem){
+ var _this = this;
+
+ if(this.options.clickOpen){
+ $elem.children('a').on('click.zf.dropdownmenu touchend.zf.dropdownmenu', function(e){
+ if($(e.target).parent('li').hasClass('has-submenu')){
+ e.preventDefault();
+ e.stopPropagation();
+ }else{
+ return;
+ }
+
+ if($elem.data('isClick')){
+ _this._hide($elem);
+ }else{
+ _this._hideOthers($elem);
+ _this._show($elem);
+ $elem.data('isClick', true).parentsUntil('[data-dropdown-menu]', '.has-submenu').data('isClick', true);
+ if(_this.options.closeOnClick){
+ _this._addBodyHandler();
+ }
+ }
+ });
+ }
+
+ if(!this.options.disableHover){
+ //add ability for all menu items to close an open menu on the same level//
+ this.$menuItems.on('mouseenter.zf.dropdownmenu', function(e){
+ var $el = $(this);
+ if(!$el.hasClass('is-active')){
+ _this._hideOthers($el);
+ }
+ });
+ //elements with submenus
+ $elem.on('mouseenter.zf.dropdownmenu', function(e){
+ clearTimeout($elem.closeTimer);
+ if(!$elem.hasClass('is-active')){
+ $elem.openTimer = setTimeout(function(){
+ // _this._hideOthers($elem);
+ _this._show($elem);
+ }, _this.options.hoverDelay);
+ }
+ }).on('mouseleave.zf.dropdownmenu', function(e){
+ if(!$elem.data('isClick') && _this.options.autoclose){
+ clearTimeout($elem.openTimer);
+ $elem.closeTimer = setTimeout(function(){
+ _this._hide($elem);
+ }, _this.options.closingTime);
+ }
+ });
+ }
+
+ this.$menuItems.on('keydown.zf.dropdownmenu', function(e){
+ var $element = $(this),
+ $tabs = _this.$element.children('li'),
+ isTab = $element.is($tabs),
+ $elements = isTab ? $tabs : $element.parents('li').first().add($element.parent('ul').children('li')),
+ $prevElement,
+ $nextElement;
+
+ $elements.each(function(i) {
+ if ($(this).is($element)) {
+ $prevElement = $elements.eq(i-1);
+ $nextElement = $elements.eq(i+1);
+ return;
+ }
+ });
+ var nextSibling = function() {
+ if (!$element.is(':last-child')) $nextElement.focus();
+ }, prevSibling = function() {
+ $prevElement.focus();
+ }, openSub = function() {
+ if ($element.has('ul').length) {
+ _this._show($element);
+ $element.find('li').first().focus();
+ }
+ }, closeSub = function() {
+ //if ($element.is(':first-child')) {
+ $element.parents('li').first().focus();
+ _this._hide($element.parents('li').first());
+ //}
+ };
+ var functions = {
+ open: openSub,
+ close: function() {
+ _this._hideAll();
+ _this.$menuItems.first().focus(); // focus to first element
+ },
+ handled: function() {
+ e.preventDefault();
+ e.stopImmediatePropagation();
+ }
+ };
+
+ if (isTab) {
+ if (_this.vertical) { // vertical menu
+ if (_this.options.alignment === 'left') { // left aligned
+ $.extend(functions, {
+ down: nextSibling,
+ up: prevSibling,
+ next: openSub,
+ previous: closeSub,
+ });
+ } else { // right aligned
+ $.extend(functions, {
+ down: nextSibling,
+ up: prevSibling,
+ next: closeSub,
+ previous: openSub,
+ });
+ }
+ } else { // horizontal menu
+ $.extend(functions, {
+ next: nextSibling,
+ previous: prevSibling,
+ down: openSub,
+ up: closeSub,
+ });
+ }
+ } else { // not tabs -> one sub
+ if (_this.options.alignment === 'left') { // left aligned
+ $.extend(functions, {
+ next: openSub,
+ previous: closeSub,
+ down: nextSibling,
+ up: prevSibling
+ });
+ } else { // right aligned
+ $.extend(functions, {
+ next: closeSub,
+ previous: openSub,
+ down: nextSibling,
+ up: prevSibling
+ });
+ }
+ }
+ Foundation.Keyboard.handleKey(e, _this, functions);
+ });
+ // end keyboardAccess
+ };
+ /**
+ * Toggles the current dropdown pane.
+ * @param {jQuery} $elem - the current element with a submenu to toggle.
+ * @function
+ * @private
+ */
+ DropdownMenu.prototype._toggle = function($elem){
+ if($elem.hasClass('is-active')){
+ this._hide($elem);
+ }else{
+ this._show($elem);
+ }
+ };
+ /**
+ * Adds an event handler to the body to close any dropdowns on a click.
+ * @function
+ * @private
+ */
+ DropdownMenu.prototype._addBodyHandler = function(){
+ var $body = $('body'),
+ _this = this;
+ $body.not(_this.$element).on('click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu', function(e){
+ _this._hideAll();
+ $body.off('click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu');
+ });
+ };
+//show & hide stuff @private
+ /**
+ * Opens a dropdown pane, and checks for collisions first.
+ * @param {jQuery} $elem - current element with a submenu to show
+ * @function
+ * @private
+ * @fires DropdownMenu#show
+ */
+ DropdownMenu.prototype._show = function($elem){
+ this._hideOthers($elem);
+ $elem.focus();
+ // console.log('showing some stuff', $elem.find('li:first-child'));
+ var $sub = $elem.children('[data-submenu]:first-of-type');
+ $elem.addClass('is-active');
+ $sub.css('visibility', 'hidden').addClass('js-dropdown-active')
+ .attr('aria-hidden', false);
+
+
+ //break this into own function
+ var clear = Foundation.Box.ImNotTouchingYou($sub, null, true);
+ if(!clear){
+ if(this.options.alignment === 'left'){
+ $elem.removeClass('opens-left').addClass('opens-right');
+ }else{
+ $elem.removeClass('opens-right').addClass('opens-left');
+ }
+ this.changed = true;
+
+ // still not clear, small screen, add inner class
+ clear = Foundation.Box.ImNotTouchingYou($sub, null, true);
+ if (!clear) {
+ $elem.removeClass('opens-left opens-right').addClass('opens-inner');
+ this.changed = true;
+ }
+ }
+ $sub.css('visibility', '');
+ /**
+ * Fires when the new dropdown pane is visible.
+ * @event DropdownMenu#show
+ */
+ this.$element.trigger('show.zf.dropdownmenu', [$elem]);
+ };
+ /**
+ * Hides a single, currently open dropdown pane.
+ * @function
+ * @param {jQuery} $elem - element with a submenu to hide
+ * @private
+ */
+ DropdownMenu.prototype._hide = function($elem){
+ this._hideSome($elem);
+ };
+ /**
+ * Hides currently open dropdown panes from a jQuery collection passed by other functions.
+ * Resets the position classes if the element was mutated due to a collision.
+ * @function
+ * @param {jQuery} $elems - element(s) with a submenu to hide
+ * @private
+ * @fires DropdownMenu#hide
+ */
+ DropdownMenu.prototype._hideSome = function($elems){
+ if($elems.length){
+ // if($elems.hasClass('first-sub')){
+ // console.log('true');
+ // $elems.blur();
+ // }
+ $elems.removeClass('is-active opens-inner').data('isClick', false)
+
+ .find('.is-active').removeClass('is-active').data('isClick', false).end()
+
+ .find('.js-dropdown-active').removeClass('js-dropdown-active')
+ .attr('aria-hidden', true);
+ $elems.parent('.has-submenu').removeClass('is-active');
+ if(this.changed){
+ //remove position class
+ if(this.options.alignment === 'left'){
+ $elems.find('.opens-left').removeClass('opens-left').addClass('opens-right');
+ }else{
+ $elems.find('.opens-right').removeClass('opens-right').addClass('opens-left');
+ }
+ }
+ /**
+ * Fires when the open menus are closed.
+ * @event DropdownMenu#hide
+ */
+ this.$element.trigger('hide.zf.dropdownmenu');
+ }
+ };
+ /**
+ * Hides a submenu's siblings.
+ * @param {jQuery} $elem - the element that should remain open.
+ * @function
+ * @private
+ */
+ DropdownMenu.prototype._hideOthers = function($elem){
+ this._hideSome($elem.siblings('.has-submenu.is-active'));
+ };
+ /**
+ * Hides everything.
+ * @function
+ */
+ DropdownMenu.prototype._hideAll = function(){
+ this._hideSome(this.$element);
+ };
+ /**
+ * Destroys the plugin.
+ * @function
+ */
+ DropdownMenu.prototype.destroy = function() {
+ this._hideAll();
+ this.$element
+ .removeData('zf-plugin')
+ .find('li')
+ .removeClass('js-dropdown-nohover is-right-arrow is-left-arrow opens-left opens-inner opens-right')
+ .add('a').off('.zf.dropdownmenu')
+ .end().find('ul').removeClass('first-sub');
+ Foundation.Nest.Burn(this.$element, 'dropdown');
+ Foundation.unregisterPlugin(this);
+ };
+ Foundation.plugin(DropdownMenu);
+
+ var checkClass = function($elem){
+ return $elem.hasClass('is-active');
+ };
+
+}(Foundation, jQuery);
+
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of Equalizer.
+ * @class
+ * @fires Equalizer#init
+ * @param {Object} element - jQuery object to add the trigger to.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Equalizer(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, Equalizer.defaults, this.$element.data(), options);
+ this.$window = $(window);
+ this.name = 'equalizer';
+ this.attr = 'data-equalizer';
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+ }
+
+ /**
+ * Default settings for plugin
+ */
+ Equalizer.defaults = {
+ /**
+ * Enable height equalization when stacked on smaller screens.
+ * @option
+ * @example true
+ */
+ equalizeOnStack: true,
+ /**
+ * Amount of time, in ms, to debounce the size checking/equalization. Lower times mean smoother transitions/less performance on mobile.
+ * @option
+ * @example 50
+ */
+ throttleInterval: 50
+ };
+
+ /**
+ * Initializes the Equalizer plugin and calls functions to get equalizer functioning on load.
+ * @private
+ */
+ Equalizer.prototype._init = function() {
+ this._reflow();
+ };
+
+ /**
+ * Initializes events for Equalizer.
+ * @private
+ */
+ Equalizer.prototype._events = function() {
+ var self = this;
+
+ this.$window
+ .off('.equalizer')
+ .on('resize.fndtn.equalizer', Foundation.util.throttle(function () {
+ self._reflow();
+ }, self.options.throttleInterval));
+ };
+
+ /**
+ * A noop version for the plugin
+ * @private
+ */
+ Equalizer.prototype._killswitch = function() {
+ return;
+ };
+ /**
+ * Calls necessary functions to update Equalizer upon DOM change
+ * @private
+ */
+ Equalizer.prototype._reflow = function() {
+ var self = this;
+
+ $('[' + this.attr + ']').each(function() {
+ var $eqParent = $(this),
+ adjustedHeights = [],
+ $images = $eqParent.find('img');
+
+ if ($images.length) {
+ Foundation.onImagesLoaded($images, function() {
+ adjustedHeights = self.getHeights($eqParent);
+ self.applyHeight($eqParent, adjustedHeights);
+ });
+ }
+ else {
+ adjustedHeights = self.getHeights($eqParent);
+ self.applyHeight($eqParent, adjustedHeights);
+ }
+ });
+ };
+ /**
+ * Finds the outer heights of children contained within an Equalizer parent and returns them in an array
+ * @param {Object} $eqParent A jQuery instance of an Equalizer container
+ * @returns {Array} heights An array of heights of children within Equalizer container
+ */
+ Equalizer.prototype.getHeights = function($eqParent) {
+ var eqGroupName = $eqParent.data('equalizer'),
+ eqGroup = eqGroupName ? $eqParent.find('[' + this.attr + '-watch="' + eqGroupName + '"]:visible') : $eqParent.find('[' + this.attr + '-watch]:visible'),
+ heights;
+
+ eqGroup.height('inherit');
+ heights = eqGroup.map(function () { return $(this).outerHeight(false);}).get();
+ console.log(heights);
+ return heights;
+ };
+ /**
+ * Changes the CSS height property of each child in an Equalizer parent to match the tallest
+ * @param {Object} $eqParent - A jQuery instance of an Equalizer container
+ * @param {array} heights - An array of heights of children within Equalizer container
+ * @fires Equalizer#preEqualized
+ * @fires Equalizer#postEqualized
+ */
+ Equalizer.prototype.applyHeight = function($eqParent, heights) {
+ var eqGroupName = $eqParent.data('equalizer'),
+ eqGroup = eqGroupName ? $eqParent.find('['+this.attr+'-watch="'+eqGroupName+'"]:visible') : $eqParent.find('['+this.attr+'-watch]:visible'),
+ max = Math.max.apply(null, heights);
+
+ /**
+ * Fires before the heights are applied
+ * @event Equalizer#preEqualized
+ */
+ $eqParent.trigger('preEqualized.zf.Equalizer');
+
+ // for now, apply the max height found in the array
+ for (var i = 0; i < eqGroup.length; i++) {
+ $(eqGroup[i]).css('height', max);
+ }
+ // console.log(max);
+ /**
+ * Fires when the heights have been applied
+ * @event Equalizer#postEqualized
+ */
+ $eqParent.trigger('postEqualized.zf.Equalizer');
+ };
+ /**
+ * Destroys an instance of Equalizer.
+ * @function
+ */
+ Equalizer.prototype.destroy = function(){
+ //TODO this.
+ };
+
+ Foundation.plugin(Equalizer);
+
+ // Exports for AMD/Browserify
+ if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
+ module.exports = Equalizer;
+ if (typeof define === 'function')
+ define(['foundation'], function() {
+ return Equalizer;
+ });
+
+}(Foundation, jQuery);
+
+/**
+ * Interchange module.
+ * @module foundation.interchange
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.timerAndImageLoader
+ */
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of Interchange.
+ * @class
+ * @fires Interchange#init
+ * @param {Object} element - jQuery object to add the trigger to.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Interchange(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, Interchange.defaults, options);
+ this.rules = [];
+ this.currentPath = '';
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+ }
+
+ /**
+ * Default settings for plugin
+ */
+ Interchange.defaults = {
+ /**
+ * Rules to be applied to Interchange elements. Set with the `data-interchange` array notation.
+ * @option
+ */
+ rules: null
+ };
+
+ Interchange.SPECIAL_QUERIES = {
+ 'landscape': 'screen and (orientation: landscape)',
+ 'portrait': 'screen and (orientation: portrait)',
+ 'retina': 'only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)'
+ };
+
+ /**
+ * Initializes the Interchange plugin and calls functions to get interchange functioning on load.
+ * @function
+ * @private
+ */
+ Interchange.prototype._init = function() {
+ this._addBreakpoints();
+ this._generateRules();
+ this._reflow();
+ };
+
+ /**
+ * Initializes events for Interchange.
+ * @function
+ * @private
+ */
+ Interchange.prototype._events = function() {
+ $(window).on('resize.fndtn.interchange', Foundation.util.throttle(this._reflow.bind(this), 50));
+ };
+
+ /**
+ * Calls necessary functions to update Interchange upon DOM change
+ * @function
+ * @private
+ */
+ Interchange.prototype._reflow = function() {
+ var match;
+
+ // Iterate through each rule, but only save the last match
+ for (var i in this.rules) {
+ var rule = this.rules[i];
+
+ if (window.matchMedia(rule.query).matches) {
+ match = rule;
+ }
+ }
+
+ if (match) {
+ this.replace(match.path);
+ }
+ };
+
+ /**
+ * Gets the Foundation breakpoints and adds them to the Interchange.SPECIAL_QUERIES object.
+ * @function
+ * @private
+ */
+ Interchange.prototype._addBreakpoints = function() {
+ for (var i in Foundation.MediaQuery.queries) {
+ var query = Foundation.MediaQuery.queries[i];
+ Interchange.SPECIAL_QUERIES[query.name] = query.value;
+ }
+ };
+
+ /**
+ * Checks the Interchange element for the provided media query + content pairings
+ * @function
+ * @private
+ * @param {Object} element - jQuery object that is an Interchange instance
+ * @returns {Array} scenarios - Array of objects that have 'mq' and 'path' keys with corresponding keys
+ */
+ Interchange.prototype._generateRules = function() {
+ var rulesList = [];
+ var rules;
+
+ if (this.options.rules) {
+ rules = this.options.rules;
+ }
+ else {
+ rules = this.$element.data('interchange').match(/\[.*?\]/g);
+ }
+
+ for (var i in rules) {
+ var rule = rules[i].slice(1, -1).split(', ');
+ var path = rule.slice(0, -1).join('');
+ var query = rule[rule.length - 1];
+
+ if (Interchange.SPECIAL_QUERIES[query]) {
+ query = Interchange.SPECIAL_QUERIES[query];
+ }
+
+ rulesList.push({
+ path: path,
+ query: query
+ });
+ }
+
+ this.rules = rulesList;
+ };
+
+ /**
+ * Update the `src` property of an image, or change the HTML of a container, to the specified path.
+ * @function
+ * @param {String} path - Path to the image or HTML partial.
+ * @fires Interchange#replaced
+ */
+ Interchange.prototype.replace = function(path) {
+ if (this.currentPath === path) return;
+
+ var _this = this;
+
+ // Replacing images
+ if (this.$element[0].nodeName === 'IMG') {
+ this.$element.attr('src', path).load(function() {
+ _this.$element.trigger('replaced.zf.interchange');
+ _this.currentPath = path;
+ });
+ }
+ // Replacing background images
+ else if (path.match(/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i)) {
+ this.$element.css({ 'background-image': 'url('+path+')' });
+ }
+ // Replacing HTML
+ else {
+ $.get(path, function(response) {
+ _this.$element.html(response);
+ _this.$element.trigger('replaced.zf.interchange');
+ _this.currentPath = path;
+ });
+ }
+ };
+ /**
+ * Destroys an instance of interchange.
+ * @function
+ */
+ Interchange.prototype.destroy = function(){
+ //TODO this.
+ };
+ Foundation.plugin(Interchange);
+
+ // Exports for AMD/Browserify
+ if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
+ module.exports = Interchange;
+ if (typeof define === 'function')
+ define(['foundation'], function() {
+ return Interchange;
+ });
+
+}(Foundation, jQuery);
+
+/**
+ * Magellan module.
+ * @module foundation.magellan
+ */
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of Magellan.
+ * @class
+ * @fires Magellan#init
+ * @param {Object} element - jQuery object to add the trigger to.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Magellan(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, Magellan.defaults, options);
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ }
+
+ /**
+ * Default settings for plugin
+ */
+ Magellan.defaults = {
+ /**
+ * Amount of time, in ms, the animated scrolling should take between locations.
+ * @option
+ * @example 500
+ */
+ animationDuration: 500,
+ /**
+ * Animation style to use when scrolling between locations.
+ * @option
+ * @example 'ease-in-out'
+ */
+ animationEasing: 'linear',
+ /**
+ * Number of pixels to use as a marker for location changes.
+ * @option
+ * @example 50
+ */
+ threshold: 50,
+ /**
+ * Class applied to the active locations link on the magellan container.
+ * @option
+ * @example 'active'
+ */
+ activeClass: 'active',
+ /**
+ * Allows the script to manipulate the url of the current page, and if supported, alter the history.
+ * @option
+ * @example true
+ */
+ deepLinking: false
+ };
+
+ /**
+ * Initializes the Magellan plugin and calls functions to get equalizer functioning on load.
+ * @private
+ */
+ Magellan.prototype._init = function() {
+ var id = this.$element[0].id || Foundation.GetYoDigits(6, 'magellan'),
+ _this = this;
+ this.$targets = $('[data-magellan-target]');
+ this.$links = this.$element.find('a');
+ this.$element.attr({
+ 'data-resize': id,
+ 'data-scroll': id,
+ 'id': id
+ });
+ this.$active = $();
+ this.scrollPos = parseInt(window.pageYOffset, 10);
+
+ this._events();
+ };
+ /**
+ * Calculates an array of pixel values that are the demarcation lines between locations on the page.
+ * Can be invoked if new elements are added or the size of a location changes.
+ * @function
+ */
+ Magellan.prototype.calcPoints = function(){
+ var _this = this,
+ body = document.body,
+ html = document.documentElement;
+
+ this.points = [];
+ this.winHeight = Math.round(Math.max(window.innerHeight, document.body.clientHeight));
+ this.docHeight = Math.round(Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight));
+
+ this.$targets.each(function(){
+ var $tar = $(this),
+ pt = Math.round($tar.offset().top - _this.options.threshold);
+ $tar.targetPoint = pt;
+ _this.points.push(pt);
+ });
+ };
+ /**
+ * Initializes events for Magellan.
+ * @private
+ */
+ Magellan.prototype._events = function() {
+ var _this = this,
+ $body = $('html, body'),
+ opts = {
+ duration: _this.options.animationDuration,
+ easing: _this.options.animationEasing
+ };
+
+ $(window).one('load', function(){
+ _this.calcPoints();
+ _this._updateActive();
+ });
+
+ this.$element.on({
+ 'resizeme.zf.trigger': this.reflow.bind(this),
+ 'scrollme.zf.trigger': this._updateActive.bind(this)
+ }).on('click.zf.magellan', 'a[href^="#"]', function(e) {
+ e.preventDefault();
+ var arrival = this.getAttribute('href'),
+ scrollPos = $(arrival).offset().top - _this.options.threshold / 2;
+
+ // requestAnimationFrame is disabled for this plugin currently
+ // Foundation.Move(_this.options.animationDuration, $body, function(){
+ $body.stop(true).animate({
+ scrollTop: scrollPos
+ }, opts);
+ });
+ // });
+ };
+ /**
+ * Calls necessary functions to update Magellan upon DOM change
+ * @function
+ */
+ Magellan.prototype.reflow = function(){
+ this.calcPoints();
+ this._updateActive();
+ };
+ /**
+ * Updates the visibility of an active location link, and updates the url hash for the page, if deepLinking enabled.
+ * @private
+ * @function
+ * @fires Magellan#update
+ */
+ Magellan.prototype._updateActive = function(/*evt, elem, scrollPos*/){
+ var winPos = /*scrollPos ||*/ parseInt(window.pageYOffset, 10),
+ curIdx;
+
+ if(winPos + this.winHeight === this.docHeight){ curIdx = this.points.length - 1; }
+ else if(winPos < this.points[0]){ curIdx = 0; }
+ else{
+ var isDown = this.scrollPos < winPos,
+ _this = this,
+ curVisible = this.points.filter(function(p, i){
+ return isDown ? p <= winPos : p - _this.options.threshold <= winPos;//&& winPos >= _this.points[i -1] - _this.options.threshold;
+ });
+ curIdx = curVisible.length ? curVisible.length - 1 : 0;
+ }
+
+ this.$active.removeClass(this.options.activeClass);
+ this.$active = this.$links.eq(curIdx).addClass(this.options.activeClass);
+
+ if(this.options.deepLinking){
+ var hash = this.$active[0].getAttribute('href');
+ if(window.history.pushState){
+ window.history.pushState(null, null, hash);
+ }else{
+ window.location.hash = hash;
+ }
+ }
+
+ this.scrollPos = winPos;
+ /**
+ * Fires when magellan is finished updating to the new active element.
+ * @event Magellan#update
+ */
+ this.$element.trigger('update.zf.magellan', [this.$active]);
+ };
+ /**
+ * Destroys an instance of Magellan and resets the url of the window.
+ * @function
+ */
+ Magellan.prototype.destroy = function(){
+ this.$element.off('.zf.trigger .zf.magellan')
+ .find('.' + this.options.activeClass).removeClass(this.options.activeClass);
+
+ var hash = this.$active[0].getAttribute('href');
+
+ window.location.hash.replace(hash, '');
+
+ Foundation.unregisterPlugin(this);
+ };
+ Foundation.plugin(Magellan);
+
+ // Exports for AMD/Browserify
+ if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
+ module.exports = Magellan;
+ if (typeof define === 'function')
+ define(['foundation'], function() {
+ return Magellan;
+ });
+
+}(Foundation, jQuery);
+
+/**
+ * OffCanvas module.
+ * @module foundation.offcanvas
+ * @requires foundation.util.triggers
+ * @requires foundation.util.motion
+ */
+!function($, Foundation) {
+
+'use strict';
+
+/**
+ * Creates a new instance of an off-canvas wrapper.
+ * @class
+ * @fires OffCanvas#init
+ * @param {Object} element - jQuery object to initialize.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+function OffCanvas(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, OffCanvas.defaults, this.$element.data(), options);
+ this.$lastTrigger = $();
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+}
+
+OffCanvas.defaults = {
+ /**
+ * Allow the user to click outside of the menu to close it.
+ * @option
+ * @example true
+ */
+ closeOnClick: true,
+ /**
+ * Amount of time in ms the open and close transition requires. If none selected, pulls from body style.
+ * @option
+ * @example 500
+ */
+ transitionTime: 0,
+ /**
+ * Direction the offcanvas opens from. Determines class applied to body.
+ * @option
+ * @example left
+ */
+ position: 'left',
+ /**
+ * Force the page to scroll to top on open.
+ */
+ forceTop: true,
+ /**
+ * Allow the offcanvas to be sticky while open. Does nothing if Sass option `$maincontent-prevent-scroll === true`.
+ * Performance in Safari OSX/iOS is not great.
+ */
+ // isSticky: false,
+ /**
+ * Allow the offcanvas to remain open for certain breakpoints. Can be used with `isSticky`.
+ * @option
+ * @example false
+ */
+ isRevealed: false,
+ /**
+ * Breakpoint at which to reveal. JS will use a RegExp to target standard classes, if changing classnames, pass your class @`revealClass`.
+ * @option
+ * @example reveal-for-large
+ */
+ revealOn: null,
+ /**
+ * Force focus to the offcanvas on open. If true, will focus the opening trigger on close.
+ * @option
+ * @example true
+ */
+ autoFocus: true,
+ /**
+ * Class used to force an offcanvas to remain open. Foundation defaults for this are `reveal-for-large` & `reveal-for-medium`.
+ * @option
+ * TODO improve the regex testing for this.
+ * @example reveal-for-large
+ */
+ revealClass: 'reveal-for-'
+};
+
+/**
+ * Initializes the off-canvas wrapper by adding the exit overlay (if needed).
+ * @function
+ * @private
+ */
+OffCanvas.prototype._init = function() {
+ var id = this.$element.attr('id');
+
+ this.$element.attr('aria-hidden', 'true');
+
+ // Find triggers that affect this element and add aria-expanded to them
+ $(document)
+ .find('[data-open="'+id+'"], [data-close="'+id+'"], [data-toggle="'+id+'"]')
+ .attr('aria-expanded', 'false')
+ .attr('aria-controls', id);
+
+ // Add a close trigger over the body if necessary
+ if (this.options.closeOnClick){
+ if($('.js-off-canvas-exit').length){
+ this.$exiter = $('.js-off-canvas-exit');
+ }else{
+ var exiter = document.createElement('div');
+ exiter.setAttribute('class', 'js-off-canvas-exit');
+ $('[data-off-canvas-content]').append(exiter);
+
+ this.$exiter = $(exiter);
+ }
+ }
+
+ this.options.isRevealed = this.options.isRevealed || new RegExp(this.options.revealClass, 'g').test(this.$element[0].className);
+
+ if(this.options.isRevealed){
+ this.options.revealOn = this.options.revealOn || this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split('-')[2];
+ this._setMQChecker();
+ }
+ if(!this.options.transitionTime){
+ this.options.transitionTime = parseFloat(window.getComputedStyle($('[data-off-canvas-wrapper]')[0]).transitionDuration) * 1000;
+ }
+};
+
+/**
+ * Adds event handlers to the off-canvas wrapper and the exit overlay.
+ * @function
+ * @private
+ */
+OffCanvas.prototype._events = function() {
+ this.$element.on({
+ 'open.zf.trigger': this.open.bind(this),
+ 'close.zf.trigger': this.close.bind(this),
+ 'toggle.zf.trigger': this.toggle.bind(this),
+ 'keydown.zf.offcanvas': this._handleKeyboard.bind(this)
+ });
+
+ if (this.$exiter.length) {
+ var _this = this;
+ this.$exiter.on({'click.zf.offcanvas': this.close.bind(this)});
+ }
+};
+/**
+ * Applies event listener for elements that will reveal at certain breakpoints.
+ * @private
+ */
+OffCanvas.prototype._setMQChecker = function(){
+ var _this = this;
+
+ $(window).on('changed.zf.mediaquery', function(){
+ if(Foundation.MediaQuery.atLeast(_this.options.revealOn)){
+ _this.reveal(true);
+ }else{
+ _this.reveal(false);
+ }
+ }).one('load.zf.offcanvas', function(){
+ if(Foundation.MediaQuery.atLeast(_this.options.revealOn)){
+ _this.reveal(true);
+ }
+ });
+};
+/**
+ * Handles the revealing/hiding the off-canvas at breakpoints, not the same as open.
+ * @param {Boolean} isRevealed - true if element should be revealed.
+ * @function
+ */
+OffCanvas.prototype.reveal = function(isRevealed){
+ var $closer = this.$element.find('[data-close]');
+ if(isRevealed){
+ // if(!this.options.forceTop){
+ // var scrollPos = parseInt(window.pageYOffset);
+ // this.$element[0].style.transform = 'translate(0,' + scrollPos + 'px)';
+ // }
+ // if(this.options.isSticky){ this._stick(); }
+ if($closer.length){ $closer.hide(); }
+ }else{
+ // if(this.options.isSticky || !this.options.forceTop){
+ // this.$element[0].style.transform = '';
+ // $(window).off('scroll.zf.offcanvas');
+ // }
+ if($closer.length){
+ $closer.show();
+ }
+ }
+};
+
+/**
+ * Opens the off-canvas menu.
+ * @function
+ * @param {Object} event - Event object passed from listener.
+ * @param {jQuery} trigger - element that triggered the off-canvas to open.
+ * @fires OffCanvas#opened
+ */
+OffCanvas.prototype.open = function(event, trigger) {
+ if (this.$element.hasClass('is-open')){ return; }
+ var _this = this,
+ $body = $(document.body);
+ $('body').scrollTop(0);
+ // window.pageYOffset = 0;
+
+ // if(!this.options.forceTop){
+ // var scrollPos = parseInt(window.pageYOffset);
+ // this.$element[0].style.transform = 'translate(0,' + scrollPos + 'px)';
+ // if(this.$exiter.length){
+ // this.$exiter[0].style.transform = 'translate(0,' + scrollPos + 'px)';
+ // }
+ // }
+ /**
+ * Fires when the off-canvas menu opens.
+ * @event OffCanvas#opened
+ */
+ Foundation.Move(this.options.transitionTime, this.$element, function(){
+ $('[data-off-canvas-wrapper]').addClass('is-off-canvas-open is-open-'+ _this.options.position);
+
+ _this.$element
+ .addClass('is-open')
+ .attr('aria-hidden', 'false')
+ .trigger('opened.zf.offcanvas');
+
+ // if(_this.options.isSticky){
+ // _this._stick();
+ // }
+ });
+ if(trigger){
+ this.$lastTrigger = trigger.attr('aria-expanded', 'true');
+ }
+ if(this.options.autoFocus){
+ this.$element.one('finished.zf.animate', function(){
+ _this.$element.find('a, button').eq(0).focus();
+ });
+ }
+};
+/**
+ * Allows the offcanvas to appear sticky utilizing translate properties.
+ * @private
+ */
+// OffCanvas.prototype._stick = function(){
+// var elStyle = this.$element[0].style;
+//
+// if(this.options.closeOnClick){
+// var exitStyle = this.$exiter[0].style;
+// }
+//
+// $(window).on('scroll.zf.offcanvas', function(e){
+// console.log(e);
+// var pageY = window.pageYOffset;
+// elStyle.transform = 'translate(0,' + pageY + 'px)';
+// if(exitStyle !== undefined){ exitStyle.transform = 'translate(0,' + pageY + 'px)'; }
+// });
+// // this.$element.trigger('stuck.zf.offcanvas');
+// };
+/**
+ * Closes the off-canvas menu.
+ * @function
+ * @fires OffCanvas#closed
+ */
+OffCanvas.prototype.close = function() {
+ if(!this.$element.hasClass('is-open')){ return; }
+
+ var _this = this;
+
+ Foundation.Move(this.options.transitionTime, this.$element, function(){
+ $('[data-off-canvas-wrapper]').removeClass('is-off-canvas-open is-open-'+_this.options.position);
+
+ _this.$element.removeClass('is-open');
+ // Foundation._reflow();
+ });
+ this.$element.attr('aria-hidden', 'true')
+ /**
+ * Fires when the off-canvas menu opens.
+ * @event OffCanvas#closed
+ */
+ .trigger('closed.zf.offcanvas');
+ // if(_this.options.isSticky || !_this.options.forceTop){
+ // setTimeout(function(){
+ // _this.$element[0].style.transform = '';
+ // $(window).off('scroll.zf.offcanvas');
+ // }, this.options.transitionTime);
+ // }
+
+ this.$lastTrigger.attr('aria-expanded', 'false');
+};
+
+/**
+ * Toggles the off-canvas menu open or closed.
+ * @function
+ * @param {Object} event - Event object passed from listener.
+ * @param {jQuery} trigger - element that triggered the off-canvas to open.
+ */
+OffCanvas.prototype.toggle = function(event, trigger) {
+ if (this.$element.hasClass('is-open')) {
+ this.close(event, trigger);
+ }
+ else {
+ this.open(event, trigger);
+ }
+};
+
+/**
+ * Handles keyboard input when detected. When the escape key is pressed, the off-canvas menu closes, and focus is restored to the element that opened the menu.
+ * @function
+ * @private
+ */
+OffCanvas.prototype._handleKeyboard = function(event) {
+ if (event.which !== 27) return;
+
+ event.stopPropagation();
+ event.preventDefault();
+ this.close();
+ this.$lastTrigger.focus();
+};
+/**
+ * Destroys the offcanvas plugin.
+ * @function
+ */
+OffCanvas.prototype.destroy = function(){
+ //TODO make this...
+};
+
+Foundation.plugin(OffCanvas);
+
+}(jQuery, Foundation);
+
+/**
+ * Orbit module.
+ * @module foundation.orbit
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.motion
+ * @requires foundation.util.timerAndImageLoader
+ * @requires foundation.util.touch
+ */
+!function($, Foundation){
+ 'use strict';
+ /**
+ * Creates a new instance of an orbit carousel.
+ * @class
+ * @param {jQuery} element - jQuery object to make into an accordion menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Orbit(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Orbit.defaults, this.$element.data(), options);
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Orbit', {
+ 'ltr': {
+ 'ARROW_RIGHT': 'next',
+ 'ARROW_LEFT': 'previous'
+ },
+ 'rtl': {
+ 'ARROW_LEFT': 'next',
+ 'ARROW_RIGHT': 'previous'
+ }
+ });
+ }
+ Orbit.defaults = {
+ /**
+ * Tells the JS to loadBullets.
+ * @option
+ * @example true
+ */
+ bullets: true,
+ /**
+ * Tells the JS to apply event listeners to nav buttons
+ * @option
+ * @example true
+ */
+ navButtons: true,
+ /**
+ * motion-ui animation class to apply
+ * @option
+ * @example 'slide-in-right'
+ */
+ animInFromRight: 'slide-in-right',
+ /**
+ * motion-ui animation class to apply
+ * @option
+ * @example 'slide-out-right'
+ */
+ animOutToRight: 'slide-out-right',
+ /**
+ * motion-ui animation class to apply
+ * @option
+ * @example 'slide-in-left'
+ *
+ */
+ animInFromLeft: 'slide-in-left',
+ /**
+ * motion-ui animation class to apply
+ * @option
+ * @example 'slide-out-left'
+ */
+ animOutToLeft: 'slide-out-left',
+ /**
+ * Allows Orbit to automatically animate on page load.
+ * @option
+ * @example true
+ */
+ autoPlay: true,
+ /**
+ * Amount of time, in ms, between slide transitions
+ * @option
+ * @example 5000
+ */
+ timerDelay: 5000,
+ /**
+ * Allows Orbit to infinitely loop through the slides
+ * @option
+ * @example true
+ */
+ infiniteWrap: true,
+ /**
+ * Allows the Orbit slides to bind to swipe events for mobile, requires an additional util library
+ * @option
+ * @example true
+ */
+ swipe: true,
+ /**
+ * Allows the timing function to pause animation on hover.
+ * @option
+ * @example true
+ */
+ pauseOnHover: true,
+ /**
+ * Allows Orbit to bind keyboard events to the slider, to animate frames with arrow keys
+ * @option
+ * @example true
+ */
+ accessible: true,
+ /**
+ * Class applied to the container of Orbit
+ * @option
+ * @example 'orbit-container'
+ */
+ containerClass: 'orbit-container',
+ /**
+ * Class applied to individual slides.
+ * @option
+ * @example 'orbit-slide'
+ */
+ slideClass: 'orbit-slide',
+ /**
+ * Class applied to the bullet container. You're welcome.
+ * @option
+ * @example 'orbit-bullets'
+ */
+ boxOfBullets: 'orbit-bullets',
+ /**
+ * Class applied to the `next` navigation button.
+ * @option
+ * @example 'orbit-next'
+ */
+ nextClass: 'orbit-next',
+ /**
+ * Class applied to the `previous` navigation button.
+ * @option
+ * @example 'orbit-previous'
+ */
+ prevClass: 'orbit-previous'
+ };
+ /**
+ * Initializes the plugin by creating jQuery collections, setting attributes, and starting the animation.
+ * @function
+ * @private
+ */
+ Orbit.prototype._init = function(){
+ this.$wrapper = this.$element.find('.' + this.options.containerClass);
+ this.$slides = this.$element.find('.' + this.options.slideClass);
+ var $images = this.$element.find('img');
+
+ if($images.length){
+ Foundation.onImagesLoaded($images, this._prepareForOrbit.bind(this));
+ }else{
+ this._prepareForOrbit();//hehe
+ }
+
+ if(this.options.bullets){
+ this._loadBullets();
+ }
+
+ this._events();
+
+ if(this.options.autoPlay){
+ this.geoSync();
+ }
+ if(this.options.accessible){ // allow wrapper to be focusable to enable arrow navigation
+ this.$wrapper.attr('tabindex', 0);
+ }
+ };
+ /**
+ * Creates a jQuery collection of bullets, if they are being used.
+ * @function
+ * @private
+ */
+ Orbit.prototype._loadBullets = function(){
+ this.$bullets = this.$element.find('.' + this.options.boxOfBullets).find('button');
+ };
+ /**
+ * Sets a `timer` object on the orbit, and starts the counter for the next slide.
+ * @function
+ */
+ Orbit.prototype.geoSync = function(){
+ var _this = this;
+ this.timer = new Foundation.Timer(
+ this.$element,
+ {duration: this.options.timerDelay,
+ infinite: false},
+ function(){
+ _this.changeSlide(true);
+ });
+ this.timer.start();
+ };
+ /**
+ * Sets wrapper and slide heights for the orbit.
+ * @function
+ * @private
+ */
+ Orbit.prototype._prepareForOrbit = function(){
+ var _this = this;
+ this._setWrapperHeight(function(max){
+ _this._setSlideHeight(max);
+ });
+ };
+ /**
+ * Calulates the height of each slide in the collection, and uses the tallest one for the wrapper height.
+ * @function
+ * @private
+ * @param {Function} cb - a callback function to fire when complete.
+ */
+ Orbit.prototype._setWrapperHeight = function(cb){//rewrite this to `for` loop
+ var max = 0, temp, counter = 0;
+
+ this.$slides.each(function(){
+ temp = this.getBoundingClientRect().height;
+ $(this).attr('data-slide', counter);
+
+ if(counter){//if not the first slide, set css position and display property
+ $(this).css({'position': 'relative', 'display': 'none'});
+ }
+ max = temp > max ? temp : max;
+ counter++;
+ });
+
+ if(counter === this.$slides.length){
+ this.$wrapper.css({'height': max});//only change the wrapper height property once.
+ cb(max);//fire callback with max height dimension.
+ }
+ };
+ /**
+ * Sets the max-height of each slide.
+ * @function
+ * @private
+ */
+ Orbit.prototype._setSlideHeight = function(height){
+ this.$slides.each(function(){
+ $(this).css('max-height', height);
+ });
+ };
+ /**
+ * Adds event listeners to basically everything within the element.
+ * @function
+ * @private
+ */
+ Orbit.prototype._events = function(){
+ var _this = this;
+
+ //***************************************
+ //**Now using custom event - thanks to:**
+ //** Yohai Ararat of Toronto **
+ //***************************************
+ if(this.options.swipe){
+ this.$slides.off('swipeleft.zf.orbit swiperight.zf.orbit')
+ .on('swipeleft.zf.orbit', function(e){
+ e.preventDefault();
+ _this.changeSlide(true);
+ }).on('swiperight.zf.orbit', function(e){
+ e.preventDefault();
+ _this.changeSlide(false);
+ });
+ }
+ //***************************************
+
+ if(this.options.autoPlay){
+ this.$slides.on('click.zf.orbit', function(){
+ _this.$element.data('clickedOn', _this.$element.data('clickedOn') ? false : true);
+ _this.timer[_this.$element.data('clickedOn') ? 'pause' : 'start']();
+ });
+ if(this.options.pauseOnHover){
+ this.$element.on('mouseenter.zf.orbit', function(){
+ _this.timer.pause();
+ }).on('mouseleave.zf.orbit', function(){
+ if(!_this.$element.data('clickedOn')){
+ _this.timer.start();
+ }
+ });
+ }
+ }
+
+ if(this.options.navButtons){
+ var $controls = this.$element.find('.' + this.options.nextClass + ', .' + this.options.prevClass);
+ $controls.attr('tabindex', 0)
+ //also need to handle enter/return and spacebar key presses
+ .on('click.zf.orbit touchend.zf.orbit', function(){
+ _this.changeSlide($(this).hasClass(_this.options.nextClass));
+ });
+ }
+
+ if(this.options.bullets){
+ this.$bullets.on('click.zf.orbit touchend.zf.orbit', function(){
+ if(/is-active/g.test(this.className)){ return false; }//if this is active, kick out of function.
+ var idx = $(this).data('slide'),
+ ltr = idx > _this.$slides.filter('.is-active').data('slide'),
+ $slide = _this.$slides.eq(idx);
+
+ _this.changeSlide(ltr, $slide, idx);
+ });
+ }
+
+ this.$wrapper.add(this.$bullets).on('keydown.zf.orbit', function(e){
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, _this, {
+ next: function() {
+ _this.changeSlide(true);
+ },
+ previous: function() {
+ _this.changeSlide(false);
+ },
+ handled: function() { // if bullet is focused, make sure focus moves
+ if ($(e.target).is(_this.$bullets)) {
+ _this.$bullets.filter('.is-active').focus();
+ }
+ }
+ });
+ });
+ };
+ /**
+ * Changes the current slide to a new one.
+ * @function
+ * @param {Boolean} isLTR - flag if the slide should move left to right.
+ * @param {jQuery} chosenSlide - the jQuery element of the slide to show next, if one is selected.
+ * @param {Number} idx - the index of the new slide in its collection, if one chosen.
+ * @fires Orbit#slidechange
+ */
+ Orbit.prototype.changeSlide = function(isLTR, chosenSlide, idx){
+ var $curSlide = this.$slides.filter('.is-active').eq(0);
+
+
+ if(/mui/g.test($curSlide[0].className)){ return false; }//if the slide is currently animating, kick out of the function
+
+ var $firstSlide = this.$slides.first(),
+ $lastSlide = this.$slides.last(),
+ dirIn = isLTR ? 'Right' : 'Left',
+ dirOut = isLTR ? 'Left' : 'Right',
+ _this = this,
+ $newSlide;
+
+ if(!chosenSlide){//most of the time, this will be auto played or clicked from the navButtons.
+ $newSlide = isLTR ? //if wrapping enabled, check to see if there is a `next` or `prev` sibling, if not, select the first or last slide to fill in. if wrapping not enabled, attempt to select `next` or `prev`, if there's nothing there, the function will kick out on next step. CRAZY NESTED TERNARIES!!!!!
+ (this.options.infiniteWrap ? $curSlide.next('.' + this.options.slideClass).length ? $curSlide.next('.' + this.options.slideClass) : $firstSlide : $curSlide.next('.' + this.options.slideClass))//pick next slide if moving left to right
+ :
+ (this.options.infiniteWrap ? $curSlide.prev('.' + this.options.slideClass).length ? $curSlide.prev('.' + this.options.slideClass) : $lastSlide : $curSlide.prev('.' + this.options.slideClass));//pick prev slide if moving right to left
+ }else{
+ $newSlide = chosenSlide;
+ }
+ if($newSlide.length){
+ if(this.options.bullets){
+ idx = idx || this.$slides.index($newSlide);//grab index to update bullets
+ this._updateBullets(idx);
+ }
+ Foundation.Motion.animateIn(
+ $newSlide.addClass('is-active').css({'position': 'absolute', 'top': 0}),
+ this.options['animInFrom' + dirIn],
+ function(){
+ $newSlide.css({'position': 'relative', 'display': 'block'})
+ .attr('aria-live', 'polite');
+ });
+
+ Foundation.Motion.animateOut(
+ $curSlide.removeClass('is-active'),
+ this.options['animOutTo' + dirOut],
+ function(){
+ $curSlide.removeAttr('aria-live');
+ if(_this.options.autoPlay){
+ _this.timer.restart();
+ }
+ //do stuff?
+ /**
+ * Triggers when the slide has finished animating in.
+ * @event Orbit#slidechange
+ */
+ _this.$element.trigger('slidechange.zf.orbit', [$newSlide]);
+ });
+ }
+ };
+ /**
+ * Updates the active state of the bullets, if displayed.
+ * @function
+ * @private
+ * @param {Number} idx - the index of the current slide.
+ */
+ Orbit.prototype._updateBullets = function(idx){
+ var $oldBullet = this.$element.find('.' + this.options.boxOfBullets)
+ .find('.is-active').removeClass('is-active').blur(),
+ span = $oldBullet.find('span:last').detach(),
+ $newBullet = this.$bullets.eq(idx).addClass('is-active').append(span);
+ };
+ /**
+ * Destroys the carousel and hides the element.
+ * @function
+ */
+ Orbit.prototype.destroy = function(){
+ delete this.timer;
+ this.$element.off('.zf.orbit').find('*').off('.zf.orbit').end().hide();
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Orbit);
+
+}(jQuery, window.Foundation);
+
+/**
+ * ResponsiveMenu module.
+ * @module foundation.responsiveMenu
+ * @requires foundation.util.triggers
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.accordionMenu
+ * @requires foundation.util.drilldown
+ * @requires foundation.util.dropdown-menu
+ */
+!function(Foundation, $) {
+ 'use strict';
+
+ // The plugin matches the plugin classes with these plugin instances.
+ var MenuPlugins = {
+ dropdown: {
+ cssClass: 'dropdown',
+ plugin: Foundation._plugins['dropdown-menu'] || null
+ },
+ drilldown: {
+ cssClass: 'drilldown',
+ plugin: Foundation._plugins['drilldown'] || null
+ },
+ accordion: {
+ cssClass: 'accordion-menu',
+ plugin: Foundation._plugins['accordion-menu'] || null
+ }
+ };
+
+ // [PH] Media queries
+ var phMedia = {
+ small: '(min-width: 0px)',
+ medium: '(min-width: 640px)'
+ };
+
+ /**
+ * Creates a new instance of a responsive menu.
+ * @class
+ * @fires ResponsiveMenu#init
+ * @param {jQuery} element - jQuery object to make into a dropdown menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function ResponsiveMenu(element) {
+ this.$element = $(element);
+ this.rules = this.$element.data('responsive-menu');
+ this.currentMq = null;
+ this.currentPlugin = null;
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+ }
+
+ ResponsiveMenu.defaults = {};
+
+ /**
+ * Initializes the Menu by parsing the classes from the 'data-ResponsiveMenu' attribute on the element.
+ * @function
+ * @private
+ */
+ ResponsiveMenu.prototype._init = function() {
+ var rulesTree = {};
+
+ // Parse rules from "classes" in data attribute
+ var rules = this.rules.split(' ');
+
+ // Iterate through every rule found
+ for (var i = 0; i < rules.length; i++) {
+ var rule = rules[i].split('-');
+ var ruleSize = rule.length > 1 ? rule[0] : 'small';
+ var rulePlugin = rule.length > 1 ? rule[1] : rule[0];
+
+ if (MenuPlugins[rulePlugin] !== null) {
+ rulesTree[ruleSize] = MenuPlugins[rulePlugin];
+ }
+ }
+
+ this.rules = rulesTree;
+
+ if (!$.isEmptyObject(rulesTree)) {
+ this._checkMediaQueries();
+ }
+ };
+
+ /**
+ * Initializes events for the Menu.
+ * @function
+ * @private
+ */
+ ResponsiveMenu.prototype._events = function() {
+ var _this = this;
+
+ $(window).on('changed.zf.mediaquery', function() {
+ _this._checkMediaQueries();
+ });
+ // $(window).on('resize.zf.ResponsiveMenu', function() {
+ // _this._checkMediaQueries();
+ // });
+ };
+
+ /**
+ * Checks the current screen width against available media queries. If the media query has changed, and the plugin needed has changed, the plugins will swap out.
+ * @function
+ * @private
+ */
+ ResponsiveMenu.prototype._checkMediaQueries = function() {
+ var matchedMq, _this = this;
+ // Iterate through each rule and find the last matching rule
+ $.each(this.rules, function(key) {
+ if (Foundation.MediaQuery.atLeast(key)) {
+ matchedMq = key;
+ }
+ });
+
+ // No match? No dice
+ if (!matchedMq) return;
+
+ // Plugin already initialized? We good
+ if (this.currentPlugin instanceof this.rules[matchedMq].plugin) return;
+
+ // Remove existing plugin-specific CSS classes
+ $.each(MenuPlugins, function(key, value) {
+ _this.$element.removeClass(value.cssClass);
+ });
+
+ // Add the CSS class for the new plugin
+ this.$element.addClass(this.rules[matchedMq].cssClass);
+
+ // Create an instance of the new plugin
+ if (this.currentPlugin) this.currentPlugin.destroy();
+ this.currentPlugin = new this.rules[matchedMq].plugin(this.$element, {});
+ };
+
+ /**
+ * Destroys the instance of the current plugin on this element, as well as the window resize handler that switches the plugins out.
+ * @function
+ */
+ ResponsiveMenu.prototype.destroy = function() {
+ this.currentPlugin.destroy();
+ $(window).off('.zf.ResponsiveMenu');
+ Foundation.unregisterPlugin(this);
+ };
+ Foundation.plugin(ResponsiveMenu);
+
+}(Foundation, jQuery);
+
+/**
+ * ResponsiveToggle module.
+ * @module foundation.responsiveToggle
+ * @requires foundation.util.mediaQuery
+ */
+!function($, Foundation) {
+
+'use strict';
+
+/**
+ * Creates a new instance of Tab Bar.
+ * @class
+ * @fires ResponsiveToggle#init
+ * @param {jQuery} element - jQuery object to attach tab bar functionality to.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+function ResponsiveToggle(element, options) {
+ this.$element = $(element);
+ this.options = $.extend({}, ResponsiveToggle.defaults, options);
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+}
+
+ResponsiveToggle.defaults = {
+ /**
+ * The breakpoint after which the menu is always shown, and the tab bar is hidden.
+ * @option
+ * @example 'medium'
+ */
+ hideFor: 'medium'
+};
+
+/**
+ * Initializes the tab bar by finding the target element, toggling element, and running update().
+ * @function
+ * @private
+ */
+ResponsiveToggle.prototype._init = function() {
+ var targetID = this.$element.data('responsive-toggle');
+ if (!targetID) {
+ console.error('Your tab bar needs an ID of a Menu as the value of data-tab-bar.');
+ }
+
+ this.$targetMenu = $('#'+targetID);
+ this.$toggler = this.$element.find('[data-toggle]');
+
+ this._update();
+};
+
+/**
+ * Adds necessary event handlers for the tab bar to work.
+ * @function
+ * @private
+ */
+ResponsiveToggle.prototype._events = function() {
+ var _this = this;
+
+ $(window).on('changed.zf.mediaquery', this._update.bind(this));
+
+ this.$toggler.on('click.zf.responsiveToggle', this.toggleMenu.bind(this));
+};
+
+/**
+ * Checks the current media query to determine if the tab bar should be visible or hidden.
+ * @function
+ * @private
+ */
+ResponsiveToggle.prototype._update = function() {
+ // Mobile
+ if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) {
+ this.$element.show();
+ this.$targetMenu.hide();
+ }
+
+ // Desktop
+ else {
+ this.$element.hide();
+ this.$targetMenu.show();
+ }
+};
+
+/**
+ * Toggles the element attached to the tab bar. The toggle only happens if the screen is small enough to allow it.
+ * @function
+ * @fires ResponsiveToggle#toggled
+ */
+ResponsiveToggle.prototype.toggleMenu = function() {
+ if (!Foundation.MediaQuery.atLeast(this.options.hideFor)) {
+ this.$targetMenu.toggle(0);
+
+ /**
+ * Fires when the element attached to the tab bar toggles.
+ * @event ResponsiveToggle#toggled
+ */
+ this.$element.trigger('toggled.zf.responsiveToggle');
+ }
+};
+ResponsiveToggle.prototype.destroy = function(){
+ //TODO this...
+};
+Foundation.plugin(ResponsiveToggle);
+
+}(jQuery, Foundation);
+
+/**
+ * Reveal module.
+ * @module foundation.reveal
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.box
+ * @requires foundation.util.triggers
+ * @requires foundation.util.mediaQuery
+ * @requires foundation.util.motion if using animations
+ */
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of Reveal.
+ * @class
+ * @param {jQuery} element - jQuery object to use for the modal.
+ * @param {Object} options - optional parameters.
+ */
+
+ function Reveal(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, Reveal.defaults, this.$element.data(), options);
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Reveal', {
+ 'ENTER': 'open',
+ 'SPACE': 'open',
+ 'ESCAPE': 'close',
+ 'TAB': 'tab_forward',
+ 'SHIFT_TAB': 'tab_backward'
+ });
+ }
+
+ Reveal.defaults = {
+ /**
+ * Motion-UI class to use for animated elements. If none used, defaults to simple show/hide.
+ * @option
+ * @example 'slide-in-left'
+ */
+ animationIn: '',
+ /**
+ * Motion-UI class to use for animated elements. If none used, defaults to simple show/hide.
+ * @option
+ * @example 'slide-out-right'
+ */
+ animationOut: '',
+ /**
+ * Time, in ms, to delay the opening of a modal after a click if no animation used.
+ * @option
+ * @example 10
+ */
+ showDelay: 0,
+ /**
+ * Time, in ms, to delay the closing of a modal after a click if no animation used.
+ * @option
+ * @example 10
+ */
+ hideDelay: 0,
+ /**
+ * Allows a click on the body/overlay to close the modal.
+ * @option
+ * @example true
+ */
+ closeOnClick: true,
+ /**
+ * Allows the modal to close if the user presses the `ESCAPE` key.
+ * @option
+ * @example true
+ */
+ closeOnEsc: true,
+ /**
+ * If true, allows multiple modals to be displayed at once.
+ * @option
+ * @example false
+ */
+ multipleOpened: false,
+ /**
+ * Distance, in pixels, the modal should push down from the top of the screen.
+ * @option
+ * @example 100
+ */
+ vOffset: 100,
+ /**
+ * Distance, in pixels, the modal should push in from the side of the screen.
+ * @option
+ * @example 0
+ */
+ hOffset: 0,
+ /**
+ * Allows the modal to be fullscreen, completely blocking out the rest of the view. JS checks for this as well.
+ * @option
+ * @example false
+ */
+ fullScreen: false,
+ /**
+ * Percentage of screen height the modal should push up from the bottom of the view.
+ * @option
+ * @example 10
+ */
+ btmOffsetPct: 10,
+ /**
+ * Allows the modal to generate an overlay div, which will cover the view when modal opens.
+ * @option
+ * @example true
+ */
+ overlay: true,
+ /**
+ * Allows the modal to remove and reinject markup on close. Should be true if using video elements w/o using provider's api.
+ * @option
+ * @example false
+ */
+ resetOnClose: false
+ };
+
+ /**
+ * Initializes the modal by adding the overlay and close buttons, (if selected).
+ * @private
+ */
+ Reveal.prototype._init = function(){
+ this.id = this.$element.attr('id');
+ this.isActive = false;
+
+ this.$anchor = $('[data-open="' + this.id + '"]').length ? $('[data-open="' + this.id + '"]') : $('[data-toggle="' + this.id + '"]');
+
+ if(this.$anchor.length){
+ var anchorId = this.$anchor[0].id || Foundation.GetYoDigits(6, 'reveal');
+
+ this.$anchor.attr({
+ 'aria-controls': this.id,
+ 'id': anchorId,
+ 'aria-haspopup': true,
+ 'tabindex': 0
+ });
+ this.$element.attr({'aria-labelledby': anchorId});
+ }
+
+ // this.options.fullScreen = this.$element.hasClass('full');
+ if(this.options.fullScreen || this.$element.hasClass('full')){
+ this.options.fullScreen = true;
+ this.options.overlay = false;
+ }
+ if(this.options.overlay){
+ this.$overlay = this._makeOverlay(this.id);
+ }
+
+ this.$element.attr({
+ 'role': 'dialog',
+ 'aria-hidden': true,
+ 'data-yeti-box': this.id,
+ 'data-resize': this.id
+ });
+
+ this._events();
+ };
+
+ /**
+ * Creates an overlay div to display behind the modal.
+ * @private
+ */
+ Reveal.prototype._makeOverlay = function(id){
+ var $overlay = $('
')
+ .addClass('reveal-overlay')
+ .attr({'tabindex': -1, 'aria-hidden': true})
+ .appendTo('body');
+ if(this.options.closeOnClick){
+ $overlay.attr({
+ 'data-close': id
+ });
+ }
+ return $overlay;
+ };
+
+ /**
+ * Adds event handlers for the modal.
+ * @private
+ */
+ Reveal.prototype._events = function(){
+ var _this = this;
+
+ this.$element.on({
+ 'open.zf.trigger': this.open.bind(this),
+ 'close.zf.trigger': this.close.bind(this),
+ 'toggle.zf.trigger': this.toggle.bind(this),
+ 'resizeme.zf.trigger': function(){
+ if(_this.$element.is(':visible')){
+ _this._setPosition(function(){});
+ }
+ }
+ });
+
+ if(this.$anchor.length){
+ this.$anchor.on('keydown.zf.reveal', function(e){
+ if(e.which === 13 || e.which === 32){
+ e.stopPropagation();
+ e.preventDefault();
+ _this.open();
+ }
+ });
+ }
+
+
+ if(this.options.closeOnClick && this.options.overlay){
+ this.$overlay.off('.zf.reveal').on('click.zf.reveal', this.close.bind(this));
+ }
+ };
+ /**
+ * Sets the position of the modal before opening
+ * @param {Function} cb - a callback function to execute when positioning is complete.
+ * @private
+ */
+ Reveal.prototype._setPosition = function(cb){
+ var eleDims = Foundation.Box.GetDimensions(this.$element);
+ var elePos = this.options.fullScreen ? 'reveal full' : (eleDims.height >= (0.5 * eleDims.windowDims.height)) ? 'reveal' : 'center';
+
+ if(elePos === 'reveal full'){
+ console.log('full');
+ //set to full height/width
+ this.$element
+ .offset(Foundation.Box.GetOffsets(this.$element, null, elePos, this.options.vOffset))
+ .css({
+ 'height': eleDims.windowDims.height,
+ 'width': eleDims.windowDims.width
+ });
+ }else if(!Foundation.MediaQuery.atLeast('medium') || !Foundation.Box.ImNotTouchingYou(this.$element, null, true, false)){
+ //if smaller than medium, resize to 100% width minus any custom L/R margin
+ this.$element
+ .css({
+ 'width': eleDims.windowDims.width - (this.options.hOffset * 2)
+ })
+ .offset(Foundation.Box.GetOffsets(this.$element, null, 'center', this.options.vOffset, this.options.hOffset));
+ //flag a boolean so we can reset the size after the element is closed.
+ this.changedSize = true;
+ }else{
+ this.$element
+ .css({
+ 'max-height': eleDims.windowDims.height - (this.options.vOffset * (this.options.btmOffsetPct / 100 + 1)),
+ 'width': ''
+ })
+ .offset(Foundation.Box.GetOffsets(this.$element, null, elePos, this.options.vOffset));
+ //the max height based on a percentage of vertical offset plus vertical offset
+ }
+
+ cb();
+ };
+
+ /**
+ * Opens the modal controlled by `this.$anchor`, and closes all others by default.
+ * @function
+ * @fires Reveal#closeAll
+ * @fires Reveal#open
+ */
+ Reveal.prototype.open = function(){
+ var _this = this;
+ this.isActive = true;
+ //make element invisible, but remove display: none so we can get size and positioning
+ this.$element
+ .css({'visibility': 'hidden'})
+ .show()
+ .scrollTop(0);
+
+ this._setPosition(function(){
+ _this.$element.hide()
+ .css({'visibility': ''});
+ if(!_this.options.multipleOpened){
+ /**
+ * Fires immediately before the modal opens.
+ * Closes any other modals that are currently open
+ * @event Reveal#closeAll
+ */
+ _this.$element.trigger('closeme.zf.reveal', _this.id);
+ }
+ if(_this.options.animationIn){
+ if(_this.options.overlay){
+ Foundation.Motion.animateIn(_this.$overlay, 'fade-in', function(){
+ Foundation.Motion.animateIn(_this.$element, _this.options.animationIn, function(){
+ });
+ });
+ }else{
+ Foundation.Motion.animateIn(_this.$element, _this.options.animationIn, function(){
+ });
+ }
+ }else{
+ if(_this.options.overlay){
+ _this.$overlay.show(0, function(){
+ _this.$element.show(_this.options.showDelay, function(){
+ });
+ });
+ }else{
+ _this.$element.show(_this.options.showDelay, function(){
+ });
+ }
+ }
+ });
+
+
+ // handle accessibility
+ this.$element.attr({'aria-hidden': false}).attr('tabindex', -1).focus()
+ /**
+ * Fires when the modal has successfully opened.
+ * @event Reveal#open
+ */
+ .trigger('open.zf.reveal');
+
+ $('body').addClass('is-reveal-open')
+ .attr({'aria-hidden': (this.options.overlay || this.options.fullScreen) ? true : false});
+ setTimeout(function(){
+ _this._extraHandlers();
+ // Foundation.reflow();
+ }, 0);
+ };
+
+ /**
+ * Adds extra event handlers for the body and window if necessary.
+ * @private
+ */
+ Reveal.prototype._extraHandlers = function(){
+ var _this = this;
+ var visibleFocusableElements = this.$element.find('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]').filter(function() {
+ if (!$(this).is(':visible') || $(this).attr('tabindex') < 0){ return false; }//only have visible elements and those that have a tabindex greater or equal 0
+ return true;
+ });
+
+ if(!this.options.overlay && this.options.closeOnClick && !this.options.fullScreen){
+ $('body').on('click.zf.reveal', function(e){
+ // if()
+ _this.close();
+ });
+ }
+ if(this.options.closeOnEsc){
+ $(window).on('keydown.zf.reveal', function(e){
+ if (visibleFocusableElements.length === 0) { // no focusable elements inside the modal at all, prevent tabbing in general
+ e.preventDefault();
+ }
+ Foundation.Keyboard.handleKey(e, _this, {
+ close: function() {
+ if (this.options.closeOnEsc) {
+ this.close();
+ }
+ }
+ });
+ });
+ }
+
+ // lock focus within modal while tabbing
+ this.$element.on('keydown.zf.reveal', function(e) {
+ var $target = $(this);
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, _this, {
+ tab_forward: function() {
+ if (this.$element.find(':focus').is(visibleFocusableElements.eq(-1))) { // left modal downwards, setting focus to first element
+ visibleFocusableElements.eq(0).focus();
+ e.preventDefault();
+ }
+ },
+ tab_backward: function() {
+ if (this.$element.find(':focus').is(visibleFocusableElements.eq(0)) || this.$element.is(':focus')) { // left modal upwards, setting focus to last element
+ visibleFocusableElements.eq(-1).focus();
+ e.preventDefault();
+ }
+ },
+ open: function() {
+ if ($target.is(visibleFocusableElements)) { // dont't trigger if acual element has focus (i.e. inputs, links, ...)
+ this.open();
+ }
+ },
+ close: function() {
+ if (this.options.closeOnEsc) {
+ this.close();
+ }
+ }
+ });
+ if (visibleFocusableElements.length === 0) { // no focusable elements inside the modal at all, prevent tabbing in general
+ e.preventDefault();
+ }
+ });
+
+ };
+
+ /**
+ * Closes the modal.
+ * @function
+ * @fires Reveal#closed
+ */
+ Reveal.prototype.close = function(){
+ if(!this.isActive || !this.$element.is(':visible')){
+ return false;
+ }
+ var _this = this;
+
+ if(this.options.animationOut){
+ Foundation.Motion.animateOut(this.$element, this.options.animationOut, function(){
+ if(_this.options.overlay){
+ Foundation.Motion.animateOut(_this.$overlay, 'fade-out', function(){
+ });
+ }
+ });
+ }else{
+ this.$element.hide(_this.options.hideDelay, function(){
+ if(_this.options.overlay){
+ _this.$overlay.hide(0, function(){
+ });
+ }
+ });
+ }
+ //conditionals to remove extra event listeners added on open
+ if(this.options.closeOnEsc){
+ $(window).off('keydown.zf.reveal');
+ }
+ if(!this.options.overlay && this.options.closeOnClick){
+ $('body').off('click.zf.reveal');
+ }
+ this.$element.off('keydown.zf.reveal');
+
+ //if the modal changed size, reset it
+ if(this.changedSize){
+ this.$element.css({
+ 'height': '',
+ 'width': ''
+ });
+ }
+
+ $('body').removeClass('is-reveal-open').attr({'aria-hidden': false, 'tabindex': ''});
+
+ /**
+ * Resets the modal content
+ * This prevents a running video to keep going in the background
+ */
+ if(this.options.resetOnClose) {
+ this.$element.html(this.$element.html());
+ }
+
+ this.isActive = false;
+ this.$element.attr({'aria-hidden': true})
+ /**
+ * Fires when the modal is done closing.
+ * @event Reveal#closed
+ */
+ .trigger('closed.zf.reveal');
+ };
+ /**
+ * Toggles the open/closed state of a modal.
+ * @function
+ */
+ Reveal.prototype.toggle = function(){
+ if(this.isActive){
+ this.close();
+ }else{
+ this.open();
+ }
+ };
+
+ /**
+ * Destroys an instance of a modal.
+ * @function
+ */
+ Reveal.prototype.destroy = function() {
+ if(this.options.overlay){
+ this.$overlay.hide().off().remove();
+ }
+ this.$element.hide();
+ this.$anchor.off();
+
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Reveal);
+
+ // Exports for AMD/Browserify
+ if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
+ module.exports = Reveal;
+ if (typeof define === 'function')
+ define(['foundation'], function() {
+ return Reveal;
+ });
+
+}(Foundation, jQuery);
+
+/**
+ * Slider module.
+ * @module foundation.slider
+ * @requires foundation.util.motion
+ * @requires foundation.util.triggers
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.touch
+ */
+!function($, Foundation){
+ 'use strict';
+
+ /**
+ * Creates a new instance of a drilldown menu.
+ * @class
+ * @param {jQuery} element - jQuery object to make into an accordion menu.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Slider(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Slider.defaults, this.$element.data(), options);
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Slider', {
+ 'ltr': {
+ 'ARROW_RIGHT': 'increase',
+ 'ARROW_UP': 'increase',
+ 'ARROW_DOWN': 'decrease',
+ 'ARROW_LEFT': 'decrease',
+ 'SHIFT_ARROW_RIGHT': 'increase_fast',
+ 'SHIFT_ARROW_UP': 'increase_fast',
+ 'SHIFT_ARROW_DOWN': 'decrease_fast',
+ 'SHIFT_ARROW_LEFT': 'decrease_fast'
+ },
+ 'rtl': {
+ 'ARROW_LEFT': 'increase',
+ 'ARROW_RIGHT': 'decrease',
+ 'SHIFT_ARROW_LEFT': 'increase_fast',
+ 'SHIFT_ARROW_RIGHT': 'decrease_fast'
+ }
+ });
+ }
+
+ Slider.defaults = {
+ /**
+ * Minimum value for the slider scale.
+ * @option
+ * @example 0
+ */
+ start: 0,
+ /**
+ * Maximum value for the slider scale.
+ * @option
+ * @example 100
+ */
+ end: 100,
+ /**
+ * Minimum value change per change event. Not Currently Implemented!
+
+ */
+ step: 1,
+ /**
+ * Value at which the handle/input *(left handle/first input)* should be set to on initialization.
+ * @option
+ * @example 0
+ */
+ initialStart: 0,
+ /**
+ * Value at which the right handle/second input should be set to on initialization.
+ * @option
+ * @example 100
+ */
+ initialEnd: 100,
+ /**
+ * Allows the input to be located outside the container and visible. Set to by the JS
+ * @option
+ * @example false
+ */
+ binding: false,
+ /**
+ * Allows the user to click/tap on the slider bar to select a value.
+ * @option
+ * @example true
+ */
+ clickSelect: true,
+ /**
+ * Set to true and use the `vertical` class to change alignment to vertical.
+ * @option
+ * @example false
+ */
+ vertical: false,
+ /**
+ * Allows the user to drag the slider handle(s) to select a value.
+ * @option
+ * @example true
+ */
+ draggable: true,
+ /**
+ * Disables the slider and prevents event listeners from being applied. Double checked by JS with `disabledClass`.
+ * @option
+ * @example false
+ */
+ disabled: false,
+ /**
+ * Allows the use of two handles. Double checked by the JS. Changes some logic handling.
+ * @option
+ * @example false
+ */
+ doubleSided: false,
+ /**
+ * Potential future feature.
+ */
+ // steps: 100,
+ /**
+ * Number of decimal places the plugin should go to for floating point precision.
+ * @option
+ * @example 2
+ */
+ decimal: 2,
+ /**
+ * Time delay for dragged elements.
+ */
+ // dragDelay: 0,
+ /**
+ * Time, in ms, to animate the movement of a slider handle if user clicks/taps on the bar. Needs to be manually set if updating the transition time in the Sass settings.
+ * @option
+ * @example 200
+ */
+ moveTime: 200,//update this if changing the transition time in the sass
+ /**
+ * Class applied to disabled sliders.
+ * @option
+ * @example 'disabled'
+ */
+ disabledClass: 'disabled'
+ };
+ /**
+ * Initilizes the plugin by reading/setting attributes, creating collections and setting the initial position of the handle(s).
+ * @function
+ * @private
+ */
+ Slider.prototype._init = function(){
+ this.inputs = this.$element.find('input');
+ this.handles = this.$element.find('[data-slider-handle]');
+
+ this.$handle = this.handles.eq(0);
+ this.$input = this.inputs.length ? this.inputs.eq(0) : $('#' + this.$handle.attr('aria-controls'));
+ this.$fill = this.$element.find('[data-slider-fill]').css(this.options.vertical ? 'height' : 'width', 0);
+
+ var isDbl = false,
+ _this = this;
+ if(this.options.disabled || this.$element.hasClass(this.options.disabledClass)){
+ this.options.disabled = true;
+ this.$element.addClass(this.options.disabledClass);
+ }
+ if(!this.inputs.length){
+ this.inputs = $().add(this.$input);
+ this.options.binding = true;
+ }
+ this._setInitAttr(0);
+ this._events(this.$handle);
+
+ if(this.handles[1]){
+ this.options.doubleSided = true;
+ this.$handle2 = this.handles.eq(1);
+ this.$input2 = this.inputs.length ? this.inputs.eq(1) : $('#' + this.$handle2.attr('aria-controls'));
+
+ if(!this.inputs[1]){
+ this.inputs = this.inputs.add(this.$input2);
+ }
+ isDbl = true;
+
+ this._setHandlePos(this.$handle, this.options.initialStart, true, function(){
+
+ _this._setHandlePos(_this.$handle2, _this.options.initialEnd);
+ });
+ // this.$handle.triggerHandler('click.zf.slider');
+ this._setInitAttr(1);
+ this._events(this.$handle2);
+ }
+
+ if(!isDbl){
+ this._setHandlePos(this.$handle, this.options.initialStart, true);
+ }
+ };
+ /**
+ * Sets the position of the selected handle and fill bar.
+ * @function
+ * @private
+ * @param {jQuery} $hndl - the selected handle to move.
+ * @param {Number} location - floating point between the start and end values of the slider bar.
+ * @param {Function} cb - callback function to fire on completion.
+ * @fires Slider#moved
+ */
+ Slider.prototype._setHandlePos = function($hndl, location, noInvert, cb){
+ //might need to alter that slightly for bars that will have odd number selections.
+ location = parseFloat(location);//on input change events, convert string to number...grumble.
+ // prevent slider from running out of bounds
+ if(location < this.options.start){ location = this.options.start; }
+ else if(location > this.options.end){ location = this.options.end; }
+
+ var isDbl = this.options.doubleSided,
+ callback = cb || null;
+
+ if(isDbl){
+ if(this.handles.index($hndl) === 0){
+ var h2Val = parseFloat(this.$handle2.attr('aria-valuenow'));
+ location = location >= h2Val ? h2Val - this.options.step : location;
+ }else{
+ var h1Val = parseFloat(this.$handle.attr('aria-valuenow'));
+ location = location <= h1Val ? h1Val + this.options.step : location;
+ }
+ }
+
+ if(this.options.vertical && !noInvert){
+ location = this.options.end - location;
+ }
+ var _this = this,
+ vert = this.options.vertical,
+ hOrW = vert ? 'height' : 'width',
+ lOrT = vert ? 'top' : 'left',
+ halfOfHandle = $hndl[0].getBoundingClientRect()[hOrW] / 2,
+ elemDim = this.$element[0].getBoundingClientRect()[hOrW],
+ pctOfBar = percent(location, this.options.end).toFixed(this.options.decimal),
+ pxToMove = (elemDim - halfOfHandle) * pctOfBar,
+ movement = (percent(pxToMove, elemDim) * 100).toFixed(this.options.decimal),
+ location = location > 0 ? parseFloat(location.toFixed(this.options.decimal)) : 0,
+ anim, prog, start = null, css = {};
+
+ this._setValues($hndl, location);
+
+ if(this.options.doubleSided){//update to calculate based on values set to respective inputs??
+ var isLeftHndl = this.handles.index($hndl) === 0,
+ dim,
+ idx = this.handles.index($hndl);
+
+ if(isLeftHndl){
+ css[lOrT] = (pctOfBar > 0 ? pctOfBar * 100 : 0) + '%';//
+ dim = /*Math.abs*/((percent(this.$handle2.position()[lOrT] + halfOfHandle, elemDim) - parseFloat(pctOfBar)) * 100).toFixed(this.options.decimal) + '%';
+ css['min-' + hOrW] = dim;
+ if(cb && typeof cb === 'function'){ cb(); }
+ }else{
+ location = (location < 100 ? location : 100) - (parseFloat(this.$handle[0].style.left) || this.options.end - location);
+ css['min-' + hOrW] = location + '%';
+ }
+ }
+
+ this.$element.one('finished.zf.animate', function(){
+ _this.animComplete = true;
+ /**
+ * Fires when the handle is done moving.
+ * @event Slider#moved
+ */
+ _this.$element.trigger('moved.zf.slider', [$hndl]);
+ });
+ var moveTime = _this.$element.data('dragging') ? 1000/60 : _this.options.moveTime;
+ /*var move = new */Foundation.Move(moveTime, $hndl, function(){
+ $hndl.css(lOrT, movement + '%');
+ if(!_this.options.doubleSided){
+ _this.$fill.css(hOrW, pctOfBar * 100 + '%');
+ }else{
+ _this.$fill.css(css);
+ }
+ });
+ // move.do();
+ };
+ /**
+ * Sets the initial attribute for the slider element.
+ * @function
+ * @private
+ * @param {Number} idx - index of the current handle/input to use.
+ */
+ Slider.prototype._setInitAttr = function(idx){
+ var id = this.inputs.eq(idx).attr('id') || Foundation.GetYoDigits(6, 'slider');
+ this.inputs.eq(idx).attr({
+ 'id': id,
+ 'max': this.options.end,
+ 'min': this.options.start
+
+ });
+ this.handles.eq(idx).attr({
+ 'role': 'slider',
+ 'aria-controls': id,
+ 'aria-valuemax': this.options.end,
+ 'aria-valuemin': this.options.start,
+ 'aria-valuenow': idx === 0 ? this.options.initialStart : this.options.initialEnd,
+ 'aria-orientation': this.options.vertical ? 'vertical' : 'horizontal',
+ 'tabindex': 0
+ });
+ };
+ /**
+ * Sets the input and `aria-valuenow` values for the slider element.
+ * @function
+ * @private
+ * @param {jQuery} $handle - the currently selected handle.
+ * @param {Number} val - floating point of the new value.
+ */
+ Slider.prototype._setValues = function($handle, val){
+ var idx = this.options.doubleSided ? this.handles.index($handle) : 0;
+ this.inputs.eq(idx).val(val);
+ $handle.attr('aria-valuenow', val);
+ };
+ /**
+ * Handles events on the slider element.
+ * Calculates the new location of the current handle.
+ * If there are two handles and the bar was clicked, it determines which handle to move.
+ * @function
+ * @private
+ * @param {Object} e - the `event` object passed from the listener.
+ * @param {jQuery} $handle - the current handle to calculate for, if selected.
+ * @param {Number} val - floating point number for the new value of the slider.
+ */
+ Slider.prototype._handleEvent = function(e, $handle, val){
+ if(!val){//click or drag events
+ e.preventDefault();
+ var _this = this,
+ vertical = this.options.vertical,
+ param = vertical ? 'height' : 'width',
+ direction = vertical ? 'top' : 'left',
+ pageXY = vertical ? e.pageY : e.pageX,
+ halfOfHandle = this.$handle[0].getBoundingClientRect()[param] / 2,
+ barDim = this.$element[0].getBoundingClientRect()[param],
+ barOffset = (this.$element.offset()[direction] - pageXY),
+ barXY = barOffset > 0 ? -halfOfHandle : (barOffset - halfOfHandle) < -barDim ? barDim : Math.abs(barOffset),//if the cursor position is less than or greater than the elements bounding coordinates, set coordinates within those bounds
+ // eleDim = this.$element[0].getBoundingClientRect()[param],
+ offsetPct = percent(barXY, barDim),
+ value = (this.options.end - this.options.start) * offsetPct,
+ hasVal = false;
+
+ if(!$handle){//figure out which handle it is, pass it to the next function.
+ var firstHndlPos = absPosition(this.$handle, direction, barXY, param),
+ secndHndlPos = absPosition(this.$handle2, direction, barXY, param);
+ $handle = firstHndlPos <= secndHndlPos ? this.$handle : this.$handle2;
+ }
+
+ }else{//change event on input
+ var value = val,
+ hasVal = true;
+ }
+
+ this._setHandlePos($handle, value, hasVal);
+ };
+ /**
+ * Adds event listeners to the slider elements.
+ * @function
+ * @private
+ * @param {jQuery} $handle - the current handle to apply listeners to.
+ */
+ Slider.prototype._events = function($handle){
+ if(this.options.disabled){ return false; }
+
+ var _this = this,
+ curHandle,
+ timer;
+
+ this.inputs.on('change.zf.slider', function(e){
+ var idx = _this.inputs.index($(this));
+ _this._handleEvent(e, _this.handles.eq(idx), $(this).val());
+ });
+
+ if(this.options.clickSelect){
+ this.$element.off('mousedown.zf.slider').on('mousedown.zf.slider', function(e){
+ if(_this.$element.data('dragging')){ return false; }
+ _this.animComplete = false;
+ if(_this.options.doubleSided){
+ _this._handleEvent(e);
+ }else{
+ _this._handleEvent(e, _this.$handle);
+ }
+ });
+ }
+
+ if(this.options.draggable){
+ this.handles.addTouch();
+ var curHandle,
+ timer,
+ $body = $('body');
+
+ $handle
+ .off('mousedown.zf.slider touchstart.zf.slider keydown.zf.slider')
+ .on('mousedown.zf.slider', function(e){
+
+ $handle.addClass('is-dragging');
+ _this.$fill.addClass('is-dragging');//
+ _this.$element.data('dragging', true);
+ _this.animComplete = false;
+ curHandle = $(e.currentTarget);
+
+ $body.on('mousemove.zf.slider', function(e){
+ e.preventDefault();
+
+ // timer = setTimeout(function(){
+ _this._handleEvent(e, curHandle);
+ // }, _this.options.dragDelay);
+ }).on('mouseup.zf.slider', function(e){
+ clearTimeout(timer);
+
+ _this.animComplete = true;
+ _this._handleEvent(e, curHandle);
+ $handle.removeClass('is-dragging');
+ _this.$fill.removeClass('is-dragging');
+ _this.$element.data('dragging', false);
+ // Foundation.reflow(_this.$element, 'slider');
+ $body.off('mousemove.zf.slider mouseup.zf.slider');
+ })
+ });
+ }
+ $handle.on('keydown.zf.slider', function(e){
+ var idx = _this.options.doubleSided ? _this.handles.index($(this)) : 0,
+ oldValue = Number(_this.inputs.eq(idx).val()),
+ newValue;
+
+ var _$handle = $(this);
+
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, _this, {
+ decrease: function() {
+ newValue = oldValue - _this.options.step;
+ },
+ increase: function() {
+ newValue = oldValue + _this.options.step;
+ },
+ decrease_fast: function() {
+ newValue = oldValue - _this.options.step * 10;
+ },
+ increase_fast: function() {
+ newValue = oldValue + _this.options.step * 10;
+ },
+ handled: function() { // only set handle pos when event was handled specially
+ e.preventDefault();
+ _this._setHandlePos(_$handle, newValue, true);
+ }
+ });
+ /*if (newValue) { // if pressed key has special function, update value
+ e.preventDefault();
+ _this._setHandlePos(_$handle, newValue);
+ }*/
+ });
+ };
+ /**
+ * Destroys the slider plugin.
+ */
+ Slider.prototype.destroy = function(){
+ this.handles.off('.zf.slider');
+ this.inputs.off('.zf.slider');
+ this.$element.off('.zf.slider');
+
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Slider);
+
+ function percent(frac, num){
+ return (frac / num);
+ }
+ function absPosition($handle, dir, clickPos, param){
+ return Math.abs(($handle.position()[dir] + ($handle[param]() / 2)) - clickPos);
+ }
+}(jQuery, window.Foundation);
+
+//*********this is in case we go to static, absolute positions instead of dynamic positioning********
+// this.setSteps(function(){
+// _this._events();
+// var initStart = _this.options.positions[_this.options.initialStart - 1] || null;
+// var initEnd = _this.options.initialEnd ? _this.options.position[_this.options.initialEnd - 1] : null;
+// if(initStart || initEnd){
+// _this._handleEvent(initStart, initEnd);
+// }
+// });
+
+//***********the other part of absolute positions*************
+// Slider.prototype.setSteps = function(cb){
+// var posChange = this.$element.outerWidth() / this.options.steps;
+// var counter = 0
+// while(counter < this.options.steps){
+// if(counter){
+// this.options.positions.push(this.options.positions[counter - 1] + posChange);
+// }else{
+// this.options.positions.push(posChange);
+// }
+// counter++;
+// }
+// cb();
+// };
+
+/**
+ * Sticky module.
+ * @module foundation.sticky
+ * @requires foundation.util.triggers
+ * @requires foundation.util.mediaQuery
+ */
+!function($, Foundation){
+ 'use strict';
+
+ /**
+ * Creates a new instance of a sticky thing.
+ * @class
+ * @param {jQuery} element - jQuery object to make sticky.
+ * @param {Object} options - options object passed when creating the element programmatically.
+ */
+ function Sticky(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Sticky.defaults, this.$element.data(), options);
+
+ this._init();
+
+ Foundation.registerPlugin(this);
+ }
+ Sticky.defaults = {
+ /**
+ * Customizable container template. Add your own classes for styling and sizing.
+ * @option
+ * @example '
'
+ */
+ container: '
',
+ /**
+ * Location in the view the element sticks to.
+ * @option
+ * @example 'top'
+ */
+ stickTo: 'top',
+ /**
+ * If anchored to a single element, the id of that element.
+ * @option
+ * @example 'exampleId'
+ */
+ anchor: '',
+ /**
+ * If using more than one element as anchor points, the id of the top anchor.
+ * @option
+ * @example 'exampleId:top'
+ */
+ topAnchor: '',
+ /**
+ * If using more than one element as anchor points, the id of the bottom anchor.
+ * @option
+ * @example 'exampleId:bottom'
+ */
+ btmAnchor: '',
+ /**
+ * Margin, in `em`'s to apply to the top of the element when it becomes sticky.
+ * @option
+ * @example 1
+ */
+ marginTop: 1,
+ /**
+ * Margin, in `em`'s to apply to the bottom of the element when it becomes sticky.
+ * @option
+ * @example 1
+ */
+ marginBottom: 1,
+ /**
+ * Breakpoint string that is the minimum screen size an element should become sticky.
+ * @option
+ * @example 'medium'
+ */
+ stickyOn: 'medium',
+ /**
+ * Class applied to sticky element, and removed on destruction. Foundation defaults to `sticky`.
+ * @option
+ * @example 'sticky'
+ */
+ stickyClass: 'sticky',
+ /**
+ * Class applied to sticky container. Foundation defaults to `sticky-container`.
+ * @option
+ * @example 'sticky-container'
+ */
+ containerClass: 'sticky-container',
+ /**
+ * Number of scroll events between the plugin's recalculating sticky points. Setting it to `0` will cause it to recalc every scroll event, setting it to `-1` will prevent recalc on scroll.
+ * @option
+ * @example 50
+ */
+ checkEvery: -1
+ };
+
+ /**
+ * Initializes the sticky element by adding classes, getting/setting dimensions, breakpoints and attributes
+ * Also triggered by Foundation._reflow
+ * @function
+ * @private
+ */
+ Sticky.prototype._init = function(){
+ var $parent = this.$element.parent('[data-sticky-container]'),
+ id = this.$element[0].id || Foundation.GetYoDigits(6, 'sticky'),
+ _this = this;
+
+ if(!$parent.length){
+ this.wasWrapped = true;
+ }
+ this.$container = $parent.length ? $parent : $(this.options.container).wrapInner(this.$element);
+ this.$container.addClass(this.options.containerClass);
+
+
+ this.$element.addClass(this.options.stickyClass)
+ .attr({'data-resize': id});
+
+ this.scrollCount = this.options.checkEvery;
+ this.isStuck = false;
+ // console.log(this.options.anchor, this.options.topAnchor);
+ if(this.options.topAnchor !== ''){
+ this._parsePoints();
+ // console.log(this.points[0]);
+ }else{
+ this.$anchor = this.options.anchor ? $('#' + this.options.anchor) : $(document.body);
+ }
+
+
+ this._setSizes(function(){
+ _this._calc(false);
+ });
+ this._events(id.split('-').reverse().join('-'));
+ };
+ /**
+ * If using multiple elements as anchors, calculates the top and bottom pixel values the sticky thing should stick and unstick on.
+ * @function
+ * @private
+ */
+ Sticky.prototype._parsePoints = function(){
+ var top = this.options.topAnchor,
+ btm = this.options.btmAnchor,
+ pts = [top, btm],
+ breaks = {};
+ for(var i = 0, len = pts.length; i < len && pts[i]; i++){
+ var pt;
+ if(typeof pts[i] === 'number'){
+ pt = pts[i];
+ }else{
+ var place = pts[i].split(':'),
+ anchor = $('#' + place[0]);
+
+ pt = anchor.offset().top;
+ if(place[1] && place[1].toLowerCase() === 'bottom'){
+ pt += anchor[0].getBoundingClientRect().height;
+ }
+ }
+ breaks[i] = pt;
+ }
+ // console.log(breaks);
+ this.points = breaks;
+ // console.log(this.points);
+ return;
+ };
+
+ /**
+ * Adds event handlers for the scrolling element.
+ * @private
+ * @param {String} id - psuedo-random id for unique scroll event listener.
+ */
+ Sticky.prototype._events = function(id){
+ // console.log('called');
+ var _this = this,
+ scrollListener = 'scroll.zf.' + id;
+ if(this.isOn){ return; }
+ if(this.canStick){
+ this.isOn = true;
+ // this.$anchor.off('change.zf.sticky')
+ // .on('change.zf.sticky', function(){
+ // _this._setSizes(function(){
+ // _this._calc(false);
+ // });
+ // });
+
+ $(window).off(scrollListener)
+ .on(scrollListener, function(e){
+ if(_this.scrollCount === 0){
+ _this.scrollCount = _this.options.checkEvery;
+ _this._setSizes(function(){
+ _this._calc(false, window.pageYOffset);
+ });
+ }else{
+ _this.scrollCount--;
+ _this._calc(false, window.pageYOffset);
+ }
+ });
+ }
+
+ this.$element.off('resizeme.zf.trigger')
+ .on('resizeme.zf.trigger', function(e, el){
+ _this._setSizes(function(){
+ _this._calc(false);
+ if(_this.canStick){
+ if(!_this.isOn){
+ _this._events(id);
+ }
+ }else if(_this.isOn){
+ _this._pauseListeners(scrollListener);
+ }
+ });
+ });
+ };
+
+ /**
+ * Removes event handlers for scroll and change events on anchor.
+ * @fires Sticky#pause
+ * @param {String} scrollListener - unique, namespaced scroll listener attached to `window`
+ */
+ Sticky.prototype._pauseListeners = function(scrollListener){
+ this.isOn = false;
+ // this.$anchor.off('change.zf.sticky');
+ $(window).off(scrollListener);
+
+ /**
+ * Fires when the plugin is paused due to resize event shrinking the view.
+ * @event Sticky#pause
+ * @private
+ */
+ this.$element.trigger('pause.zf.sticky');
+ };
+
+ /**
+ * Called on every `scroll` event and on `_init`
+ * fires functions based on booleans and cached values
+ * @param {Boolean} checkSizes - true if plugin should recalculate sizes and breakpoints.
+ * @param {Number} scroll - current scroll position passed from scroll event cb function. If not passed, defaults to `window.pageYOffset`.
+ */
+ Sticky.prototype._calc = function(checkSizes, scroll){
+ if(checkSizes){ this._setSizes(); }
+
+ if(!this.canStick){
+ if(this.isStuck){
+ this._removeSticky(true);
+ }
+ return false;
+ }
+
+ if(!scroll){ scroll = window.pageYOffset; }
+
+ if(scroll >= this.topPoint){
+ if(scroll <= this.bottomPoint){
+ if(!this.isStuck){
+ this._setSticky();
+ }
+ }else{
+ if(this.isStuck){
+ this._removeSticky(false);
+ }
+ }
+ }else{
+ if(this.isStuck){
+ this._removeSticky(true);
+ }
+ }
+ };
+ /**
+ * Causes the $element to become stuck.
+ * Adds `position: fixed;`, and helper classes.
+ * @fires Sticky#stuckto
+ * @function
+ * @private
+ */
+ Sticky.prototype._setSticky = function(){
+ var stickTo = this.options.stickTo,
+ mrgn = stickTo === 'top' ? 'marginTop' : 'marginBottom',
+ notStuckTo = stickTo === 'top' ? 'bottom' : 'top',
+ css = {};
+
+ css[mrgn] = this.options[mrgn] + 'em';
+ css[stickTo] = 0;
+ css[notStuckTo] = 'auto';
+ css['left'] = this.$container.offset().left + parseInt(window.getComputedStyle(this.$container[0])["padding-left"], 10);
+ this.isStuck = true;
+ this.$element.removeClass('is-anchored is-at-' + notStuckTo)
+ .addClass('is-stuck is-at-' + stickTo)
+ .css(css)
+ /**
+ * Fires when the $element has become `position: fixed;`
+ * Namespaced to `top` or `bottom`.
+ * @event Sticky#stuckto
+ */
+ .trigger('sticky.zf.stuckto:' + stickTo);
+ };
+
+ /**
+ * Causes the $element to become unstuck.
+ * Removes `position: fixed;`, and helper classes.
+ * Adds other helper classes.
+ * @param {Boolean} isTop - tells the function if the $element should anchor to the top or bottom of its $anchor element.
+ * @fires Sticky#unstuckfrom
+ * @private
+ */
+ Sticky.prototype._removeSticky = function(isTop){
+ var stickTo = this.options.stickTo,
+ stickToTop = stickTo === 'top',
+ css = {}, mrgn, notStuckTo,
+ anchorPt = (this.points ? this.points[1] - this.points[0] : this.anchorHeight) - this.elemHeight;
+ mrgn = stickToTop ? 'marginTop' : 'marginBottom';
+ notStuckTo = stickToTop ? 'bottom' : 'top';
+ css[mrgn] = 0;
+ if((isTop && !stickToTop) || (stickToTop && !isTop)){
+ css[stickTo] = anchorPt;
+ css[notStuckTo] = 0;
+ }else{
+ css[stickTo] = 0;
+ css[notStuckTo] = anchorPt;
+ }
+ css['left'] = '';
+ this.isStuck = false;
+ this.$element.removeClass('is-stuck is-at-' + stickTo)
+ .addClass('is-anchored is-at-' + (isTop ? 'top' : 'bottom'))
+ .css(css)
+ /**
+ * Fires when the $element has become anchored.
+ * Namespaced to `top` or `bottom`.
+ * @event Sticky#unstuckfrom
+ */
+ .trigger('sticky.zf.unstuckfrom:' + isTop ? 'top' : 'bottom');
+ };
+
+ /**
+ * Sets the $element and $container sizes for plugin.
+ * Calls `_setBreakPoints`.
+ * @param {Function} cb - optional callback function to fire on completion of `_setBreakPoints`.
+ * @private
+ */
+ Sticky.prototype._setSizes = function(cb){
+ this.canStick = Foundation.MediaQuery.atLeast(this.options.stickyOn);
+ if(!this.canStick){ cb(); }
+ var _this = this,
+ newElemWidth = this.$container[0].getBoundingClientRect().width,
+ comp = window.getComputedStyle(this.$container[0]),
+ pdng = parseInt(comp['padding-right'], 10);
+
+ // console.log(this.$anchor);
+ if(this.$anchor && this.$anchor.length){
+ this.anchorHeight = this.$anchor[0].getBoundingClientRect().height;
+ }else{
+ this._parsePoints();
+ }
+
+ this.$element.css({
+ 'max-width': newElemWidth - pdng + 'px'
+ });
+
+ var newContainerHeight = this.$element[0].getBoundingClientRect().height || this.containerHeight;
+ this.containerHeight = newContainerHeight;
+ this.$container.css({
+ height: newContainerHeight
+ });
+ this.elemHeight = newContainerHeight;
+
+ if (this.isStuck) {
+ this.$element.css({"left":this.$container.offset().left + parseInt(comp['padding-left'], 10)});
+ }
+
+ this._setBreakPoints(newContainerHeight, function(){
+ if(cb){ cb(); }
+ });
+
+ };
+ /**
+ * Sets the upper and lower breakpoints for the element to become sticky/unsticky.
+ * @param {Number} elemHeight - px value for sticky.$element height, calculated by `_setSizes`.
+ * @param {Function} cb - optional callback function to be called on completion.
+ * @private
+ */
+ Sticky.prototype._setBreakPoints = function(elemHeight, cb){
+ if(!this.canStick){
+ if(cb){ cb(); }
+ else{ return false; }
+ }
+ var mTop = emCalc(this.options.marginTop),
+ mBtm = emCalc(this.options.marginBottom),
+ topPoint = this.points ? this.points[0] : this.$anchor.offset().top,
+ bottomPoint = this.points ? this.points[1] : topPoint + this.anchorHeight,
+ // topPoint = this.$anchor.offset().top || this.points[0],
+ // bottomPoint = topPoint + this.anchorHeight || this.points[1],
+ winHeight = window.innerHeight;
+
+ if(this.options.stickTo === 'top'){
+ topPoint -= mTop;
+ bottomPoint -= (elemHeight + mTop);
+ }else if(this.options.stickTo === 'bottom'){
+ topPoint -= (winHeight - (elemHeight + mBtm));
+ bottomPoint -= (winHeight - mBtm);
+ }else{
+ //this would be the stickTo: both option... tricky
+ }
+
+ this.topPoint = topPoint;
+ this.bottomPoint = bottomPoint;
+
+ if(cb){ cb(); }
+ };
+
+ /**
+ * Destroys the current sticky element.
+ * Resets the element to the top position first.
+ * Removes event listeners, JS-added css properties and classes, and unwraps the $element if the JS added the $container.
+ * @function
+ */
+ Sticky.prototype.destroy = function(){
+ this._removeSticky(true);
+
+ this.$element.removeClass(this.options.stickyClass + ' is-anchored is-at-top')
+ .css({
+ height: '',
+ top: '',
+ bottom: '',
+ 'max-width': ''
+ })
+ .off('resizeme.zf.trigger');
+
+ this.$anchor.off('change.zf.sticky');
+ $(window).off('scroll.zf.sticky');
+
+ if(this.wasWrapped){
+ this.$element.unwrap();
+ }else{
+ this.$container.removeClass(this.options.containerClass)
+ .css({
+ height: ''
+ });
+ }
+ Foundation.unregisterPlugin(this);
+ };
+ /**
+ * Helper function to calculate em values
+ * @param Number {em} - number of em's to calculate into pixels
+ */
+ function emCalc(em){
+ return parseInt(window.getComputedStyle(document.body, null).fontSize, 10) * em;
+ }
+ Foundation.plugin(Sticky);
+}(jQuery, window.Foundation);
+
+/**
+ * Tabs module.
+ * @module foundation.tabs
+ * @requires foundation.util.keyboard
+ * @requires foundation.util.timerAndImageLoader if tabs contain images
+ */
+!function($, Foundation) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of tabs.
+ * @class
+ * @fires Tabs#init
+ * @param {jQuery} element - jQuery object to make into tabs.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Tabs(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Tabs.defaults, this.$element.data(), options);
+
+ this._init();
+ Foundation.registerPlugin(this);
+ Foundation.Keyboard.register('Tabs', {
+ 'ENTER': 'open',
+ 'SPACE': 'open',
+ 'ARROW_RIGHT': 'next',
+ 'ARROW_UP': 'previous',
+ 'ARROW_DOWN': 'next',
+ 'ARROW_LEFT': 'previous',
+ // 'TAB': 'next',
+ // 'SHIFT_TAB': 'previous'
+ });
+ }
+
+ Tabs.defaults = {
+ // /**
+ // * Allows the JS to alter the url of the window. Not yet implemented.
+ // */
+ // deepLinking: false,
+ // /**
+ // * If deepLinking is enabled, allows the window to scroll to content if window is loaded with a hash including a tab-pane id
+ // */
+ // scrollToContent: false,
+ /**
+ * Allows the window to scroll to content of active pane on load if set to true.
+ * @option
+ * @example false
+ */
+ autoFocus: false,
+ /**
+ * Allows keyboard input to 'wrap' around the tab links.
+ * @option
+ * @example true
+ */
+ wrapOnKeys: true,
+ /**
+ * Allows the tab content panes to match heights if set to true.
+ * @option
+ * @example false
+ */
+ matchHeight: false,
+ /**
+ * Class applied to `li`'s in tab link list.
+ * @option
+ * @example 'tabs-title'
+ */
+ linkClass: 'tabs-title',
+ // contentClass: 'tabs-content',
+ /**
+ * Class applied to the content containers.
+ * @option
+ * @example 'tabs-panel'
+ */
+ panelClass: 'tabs-panel'
+ };
+
+ /**
+ * Initializes the tabs by showing and focusing (if autoFocus=true) the preset active tab.
+ * @private
+ */
+ Tabs.prototype._init = function(){
+ var _this = this;
+
+ this.$tabTitles = this.$element.find('.' + this.options.linkClass);
+ this.$tabContent = $('[data-tabs-content="' + this.$element[0].id + '"]');
+
+ this.$tabTitles.each(function(){
+ var $elem = $(this),
+ $link = $elem.find('a'),
+ isActive = $elem.hasClass('is-active'),
+ hash = $link.attr('href').slice(1),
+ linkId = hash + '-label',
+ $tabContent = $(hash);
+
+ $elem.attr({'role': 'presentation'});
+
+ $link.attr({
+ 'role': 'tab',
+ 'aria-controls': hash,
+ 'aria-selected': isActive,
+ 'id': linkId
+ });
+
+ $tabContent.attr({
+ 'role': 'tabpanel',
+ 'aria-hidden': !isActive,
+ 'aria-labelledby': linkId
+ });
+
+ if(isActive && _this.options.autoFocus){
+ $link.focus();
+ }
+ });
+ if(this.options.matchHeight){
+ var $images = this.$tabContent.find('img');
+ if($images.length){
+ Foundation.onImagesLoaded($images, this._setHeight.bind(this));
+ }else{
+ this._setHeight();
+ }
+ }
+ this._events();
+ };
+ /**
+ * Adds event handlers for items within the tabs.
+ * @private
+ */
+ Tabs.prototype._events = function(){
+ this._addKeyHandler();
+ this._addClickHandler();
+ if(this.options.matchHeight){
+ $(window).on('changed.zf.mediaquery', this._setHeight.bind(this));
+ }
+ };
+
+ /**
+ * Adds click handlers for items within the tabs.
+ * @private
+ */
+ Tabs.prototype._addClickHandler = function(){
+ var _this = this;
+ this.$tabTitles.off('click.zf.tabs')
+ .on('click.zf.tabs', function(e){
+ e.preventDefault();
+ e.stopPropagation();
+ if($(this).hasClass('is-active')){
+ return;
+ }
+ _this._handleTabChange($(this));
+ });
+ };
+
+ /**
+ * Adds keyboard event handlers for items within the tabs.
+ * @private
+ */
+ Tabs.prototype._addKeyHandler = function(){
+ var _this = this;
+ var $firstTab = _this.$element.find('li:first-of-type');
+ var $lastTab = _this.$element.find('li:last-of-type');
+
+ this.$tabTitles.off('keydown.zf.tabs').on('keydown.zf.tabs', function(e){
+ e.stopPropagation();
+ e.preventDefault();
+
+ var $element = $(this),
+ $elements = $element.parent('ul').children('li'),
+ $prevElement,
+ $nextElement;
+
+ $elements.each(function(i) {
+ if ($(this).is($element)) {
+ if (_this.options.wrapOnKeys) {
+ $prevElement = i === 0 ? $elements.last() : $elements.eq(i-1);
+ $nextElement = i === $elements.length -1 ? $elements.first() : $elements.eq(i+1);
+ } else {
+ $prevElement = $elements.eq(Math.max(0, i-1));
+ $nextElement = $elements.eq(Math.min(i+1, $elements.length-1));
+ }
+ return;
+ }
+ });
+
+ // handle keyboard event with keyboard util
+ Foundation.Keyboard.handleKey(e, _this, {
+ open: function() {
+ $element.find('[role="tab"]').focus();
+ _this._handleTabChange($element);
+ },
+ previous: function() {
+ $prevElement.find('[role="tab"]').focus();
+ _this._handleTabChange($prevElement);
+ },
+ next: function() {
+ $nextElement.find('[role="tab"]').focus();
+ _this._handleTabChange($nextElement);
+ }
+ });
+ });
+ };
+
+
+ /**
+ * Opens the tab `$targetContent` defined by `$target`.
+ * @param {jQuery} $target - Tab to open.
+ * @fires Tabs#change
+ * @function
+ */
+ Tabs.prototype._handleTabChange = function($target){
+ var $tabLink = $target.find('[role="tab"]'),
+ hash = $tabLink.attr('href'),
+ $targetContent = $(hash),
+
+ $oldTab = this.$element.find('.' + this.options.linkClass + '.is-active')
+ .removeClass('is-active').find('[role="tab"]')
+ .attr({'aria-selected': 'false'}).attr('href');
+
+ $($oldTab).removeClass('is-active').attr({'aria-hidden': 'true'});
+
+ $target.addClass('is-active');
+
+ $tabLink.attr({'aria-selected': 'true'});
+
+ $targetContent
+ .addClass('is-active')
+ .attr({'aria-hidden': 'false'});
+
+ /**
+ * Fires when the plugin has successfully changed tabs.
+ * @event Tabs#change
+ */
+ this.$element.trigger('change.zf.tabs', [$target]);
+ // Foundation.reflow(this.$element, 'tabs');
+ };
+
+ /**
+ * Public method for selecting a content pane to display.
+ * @param {jQuery | String} elem - jQuery object or string of the id of the pane to display.
+ * @function
+ */
+ Tabs.prototype.selectTab = function(elem){
+ var idStr;
+ if(typeof elem === 'object'){
+ idStr = elem[0].id;
+ }else{
+ idStr = elem;
+ }
+
+ if(idStr.indexOf('#') < 0){
+ idStr = '#' + idStr;
+ }
+ var $target = this.$tabTitles.find('[href="' + idStr + '"]').parent('.' + this.options.linkClass);
+
+ this._handleTabChange($target);
+ };
+ /**
+ * Sets the height of each panel to the height of the tallest panel.
+ * If enabled in options, gets called on media query change.
+ * If loading content via external source, can be called directly or with _reflow.
+ * @function
+ * @private
+ */
+ Tabs.prototype._setHeight = function(){
+ var max = 0;
+ this.$tabContent.find('.' + this.options.panelClass)
+ .css('height', '')
+ .each(function(){
+ var panel = $(this),
+ isActive = panel.hasClass('is-active');
+
+ if(!isActive){
+ panel.css({'visibility': 'hidden', 'display': 'block'});
+ }
+ var temp = this.getBoundingClientRect().height;
+
+ if(!isActive){
+ panel.css({'visibility': '', 'display': ''});
+ }
+
+ max = temp > max ? temp : max;
+ })
+ .css('height', max + 'px');
+ };
+
+ /**
+ * Destroys an instance of an tabs.
+ * @fires Tabs#destroyed
+ */
+ Tabs.prototype.destroy = function() {
+ this.$element.find('.' + this.options.linkClass)
+ .off('.zf.tabs').hide().end()
+ .find('.' + this.options.panelClass)
+ .hide();
+ if(this.options.matchHeight){
+ $(window).off('changed.zf.mediaquery');
+ }
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Tabs);
+
+ function checkClass($elem){
+ return $elem.hasClass('is-active');
+ }
+}(jQuery, window.Foundation);
+
+/**
+ * Toggler module.
+ * @module foundation.toggler
+ * @requires foundation.util.motion
+ */
+
+!function(Foundation, $) {
+ 'use strict';
+
+ /**
+ * Creates a new instance of Toggler.
+ * @class
+ * @fires Toggler#init
+ * @param {Object} element - jQuery object to add the trigger to.
+ * @param {Object} options - Overrides to the default plugin settings.
+ */
+ function Toggler(element, options) {
+ this.$element = element;
+ this.options = $.extend({}, Toggler.defaults, element.data(), options);
+ this.className = '';
+
+ this._init();
+ this._events();
+
+ Foundation.registerPlugin(this);
+ }
+
+ Toggler.defaults = {
+ /**
+ * Tells the plugin if the element should animated when toggled.
+ * @option
+ * @example false
+ */
+ animate: false
+ };
+
+ /**
+ * Initializes the Toggler plugin by parsing the toggle class from data-toggler, or animation classes from data-animate.
+ * @function
+ * @private
+ */
+ Toggler.prototype._init = function() {
+ var input;
+ // Parse animation classes if they were set
+ if (this.options.animate) {
+ input = this.options.animate.split(' ');
+
+ this.animationIn = input[0];
+ this.animationOut = input[1] || null;
+ }
+ // Otherwise, parse toggle class
+ else {
+ input = this.$element.data('toggler');
+
+ // Allow for a . at the beginning of the string
+ if (input[0] === '.') {
+ this.className = input.slice(1);
+ }
+ else {
+ this.className = input;
+ }
+ }
+
+ // Add ARIA attributes to triggers
+ var id = this.$element[0].id;
+ $('[data-open="'+id+'"], [data-close="'+id+'"], [data-toggle="'+id+'"]')
+ .attr('aria-controls', id);
+
+ // If the target is hidden, add aria-hidden
+ if (this.$element.is(':hidden')) {
+ this.$element.attr('aria-expanded', 'false');
+ }
+ };
+
+ /**
+ * Initializes events for the toggle trigger.
+ * @function
+ * @private
+ */
+ Toggler.prototype._events = function() {
+ var _this = this;
+
+ this.$element.on('toggle.zf.trigger', function() {
+ _this.toggle();
+ return false;
+ });
+ };
+
+ /**
+ * Toggles the target class on the target element. An event is fired from the original trigger depending on if the resultant state was "on" or "off".
+ * @function
+ * @fires Toggler#on
+ * @fires Toggler#off
+ */
+ Toggler.prototype.toggle = function() {
+ if (!this.options.animate) {
+ this._toggleClass();
+ }
+ else {
+ this._toggleAnimate();
+ }
+ };
+
+ Toggler.prototype._toggleClass = function() {
+ var _this = this;
+ this.$element.toggleClass(this.className);
+
+ if (this.$element.hasClass(this.className)) {
+ /**
+ * Fires if the target element has the class after a toggle.
+ * @event Toggler#on
+ */
+ this.$element.trigger('on.zf.toggler');
+ }
+ else {
+ /**
+ * Fires if the target element does not have the class after a toggle.
+ * @event Toggler#off
+ */
+ this.$element.trigger('off.zf.toggler');
+ }
+
+ _this._updateARIA();
+ };
+
+ Toggler.prototype._toggleAnimate = function() {
+ var _this = this;
+
+ if (this.$element.is(':hidden')) {
+ Foundation.Motion.animateIn(this.$element, this.animationIn, function() {
+ this.trigger('on.zf.toggler');
+ _this._updateARIA();
+ });
+ }
+ else {
+ Foundation.Motion.animateOut(this.$element, this.animationOut, function() {
+ this.trigger('off.zf.toggler');
+ _this._updateARIA();
+ });
+ }
+ };
+
+ Toggler.prototype._updateARIA = function() {
+ if (this.$element.is(':hidden')) {
+ this.$element.attr('aria-expanded', 'false');
+ }
+ else {
+ this.$element.attr('aria-expanded', 'true');
+ }
+ };
+
+ /**
+ * Destroys the instance of Toggler on the element.
+ * @function
+ */
+ Toggler.prototype.destroy= function() {
+ this.$element.off('.zf.toggler');
+ Foundation.unregisterPlugin(this);
+ };
+
+ Foundation.plugin(Toggler);
+
+ // Exports for AMD/Browserify
+ if (typeof module !== 'undefined' && typeof module.exports !== 'undefined')
+ module.exports = Toggler;
+ if (typeof define === 'function')
+ define(['foundation'], function() {
+ return Toggler;
+ });
+
+}(Foundation, jQuery);
+
+/**
+ * Tooltip module.
+ * @module foundation.tooltip
+ * @requires foundation.util.box
+ * @requires foundation.util.triggers
+ */
+!function($, document, Foundation){
+ 'use strict';
+
+ /**
+ * Creates a new instance of a Tooltip.
+ * @class
+ * @fires Tooltip#init
+ * @param {jQuery} element - jQuery object to attach a tooltip to.
+ * @param {Object} options - object to extend the default configuration.
+ */
+ function Tooltip(element, options){
+ this.$element = element;
+ this.options = $.extend({}, Tooltip.defaults, this.$element.data(), options);
+
+ this.isActive = false;
+ this.isClick = false;
+ this._init();
+
+ Foundation.registerPlugin(this);
+ }
+
+ Tooltip.defaults = {
+ disableForTouch: false,
+ /**
+ * Time, in ms, before a tooltip should open on hover.
+ * @option
+ * @example 200
+ */
+ hoverDelay: 200,
+ /**
+ * Time, in ms, a tooltip should take to fade into view.
+ * @option
+ * @example 150
+ */
+ fadeInDuration: 150,
+ /**
+ * Time, in ms, a tooltip should take to fade out of view.
+ * @option
+ * @example 150
+ */
+ fadeOutDuration: 150,
+ /**
+ * Disables hover events from opening the tooltip if set to true
+ * @option
+ * @example false
+ */
+ disableHover: false,
+ /**
+ * Optional addtional classes to apply to the tooltip template on init.
+ * @option
+ * @example 'my-cool-tip-class'
+ */
+ templateClasses: '',
+ /**
+ * Non-optional class added to tooltip templates. Foundation default is 'tooltip'.
+ * @option
+ * @example 'tooltip'
+ */
+ tooltipClass: 'tooltip',
+ /**
+ * Class applied to the tooltip anchor element.
+ * @option
+ * @example 'has-tip'
+ */
+ triggerClass: 'has-tip',
+ /**
+ * Minimum breakpoint size at which to open the tooltip.
+ * @option
+ * @example 'small'
+ */
+ showOn: 'small',
+ /**
+ * Custom template to be used to generate markup for tooltip.
+ * @option
+ * @example '
'
+ */
+ template: '',
+ /**
+ * Text displayed in the tooltip template on open.
+ * @option
+ * @example 'Some cool space fact here.'
+ */
+ tipText: '',
+ touchCloseText: 'Tap to close.',
+ /**
+ * Allows the tooltip to remain open if triggered with a click or touch event.
+ * @option
+ * @example true
+ */
+ clickOpen: true,
+ /**
+ * Additional positioning classes, set by the JS
+ * @option
+ * @example 'top'
+ */
+ positionClass: '',
+ /**
+ * Distance, in pixels, the template should push away from the anchor on the Y axis.
+ * @option
+ * @example 10
+ */
+ vOffset: 10,
+ /**
+ * Distance, in pixels, the template should push away from the anchor on the X axis, if aligned to a side.
+ * @option
+ * @example 12
+ */
+ hOffset: 12
+ };
+
+ /**
+ * Initializes the tooltip by setting the creating the tip element, adding it's text, setting private variables and setting attributes on the anchor.
+ * @private
+ */
+ Tooltip.prototype._init = function(){
+ var elemId = this.$element.attr('aria-describedby') || Foundation.GetYoDigits(6, 'tooltip');
+
+ this.options.positionClass = this._getPositionClass(this.$element);
+ this.options.tipText = this.options.tipText || this.$element.attr('title');
+ this.template = this.options.template ? $(this.options.template) : this._buildTemplate(elemId);
+
+ this.template.appendTo(document.body)
+ .text(this.options.tipText)
+ .hide();
+
+ this.$element.attr({
+ 'title': '',
+ 'aria-describedby': elemId,
+ 'data-yeti-box': elemId,
+ 'data-toggle': elemId,
+ 'data-resize': elemId
+ }).addClass(this.triggerClass);
+
+ //helper variables to track movement on collisions
+ this.usedPositions = [];
+ this.counter = 4;
+ this.classChanged = false;
+
+ this._events();
+ };
+
+ /**
+ * Grabs the current positioning class, if present, and returns the value or an empty string.
+ * @private
+ */
+ Tooltip.prototype._getPositionClass = function(element){
+ if(!element){ return ''; }
+ // var position = element.attr('class').match(/top|left|right/g);
+ var position = element[0].className.match(/(top|left|right)/g);
+ position = position ? position[0] : '';
+ return position;
+ };
+ /**
+ * builds the tooltip element, adds attributes, and returns the template.
+ * @private
+ */
+ Tooltip.prototype._buildTemplate = function(id){
+ var templateClasses = (this.options.tooltipClass + ' ' + this.options.positionClass).trim();
+ var $template = $('
').addClass(templateClasses).attr({
+ 'role': 'tooltip',
+ 'aria-hidden': true,
+ 'data-is-active': false,
+ 'data-is-focus': false,
+ 'id': id
+ });
+ return $template;
+ };
+
+ /**
+ * Function that gets called if a collision event is detected.
+ * @param {String} position - positioning class to try
+ * @private
+ */
+ Tooltip.prototype._reposition = function(position){
+ this.usedPositions.push(position ? position : 'bottom');
+
+ //default, try switching to opposite side
+ if(!position && (this.usedPositions.indexOf('top') < 0)){
+ this.template.addClass('top');
+ }else if(position === 'top' && (this.usedPositions.indexOf('bottom') < 0)){
+ this.template.removeClass(position);
+ }else if(position === 'left' && (this.usedPositions.indexOf('right') < 0)){
+ this.template.removeClass(position)
+ .addClass('right');
+ }else if(position === 'right' && (this.usedPositions.indexOf('left') < 0)){
+ this.template.removeClass(position)
+ .addClass('left');
+ }
+
+ //if default change didn't work, try bottom or left first
+ else if(!position && (this.usedPositions.indexOf('top') > -1) && (this.usedPositions.indexOf('left') < 0)){
+ this.template.addClass('left');
+ }else if(position === 'top' && (this.usedPositions.indexOf('bottom') > -1) && (this.usedPositions.indexOf('left') < 0)){
+ this.template.removeClass(position)
+ .addClass('left');
+ }else if(position === 'left' && (this.usedPositions.indexOf('right') > -1) && (this.usedPositions.indexOf('bottom') < 0)){
+ this.template.removeClass(position);
+ }else if(position === 'right' && (this.usedPositions.indexOf('left') > -1) && (this.usedPositions.indexOf('bottom') < 0)){
+ this.template.removeClass(position);
+ }
+ //if nothing cleared, set to bottom
+ else{
+ this.template.removeClass(position);
+ }
+ this.classChanged = true;
+ this.counter--;
+
+ };
+
+ /**
+ * sets the position class of an element and recursively calls itself until there are no more possible positions to attempt, or the tooltip element is no longer colliding.
+ * if the tooltip is larger than the screen width, default to full width - any user selected margin
+ * @private
+ */
+ Tooltip.prototype._setPosition = function(){
+ var position = this._getPositionClass(this.template),
+ $tipDims = Foundation.Box.GetDimensions(this.template),
+ $anchorDims = Foundation.Box.GetDimensions(this.$element),
+ direction = (position === 'left' ? 'left' : ((position === 'right') ? 'left' : 'top')),
+ param = (direction === 'top') ? 'height' : 'width',
+ offset = (param === 'height') ? this.options.vOffset : this.options.hOffset,
+ _this = this;
+
+ if(($tipDims.width >= $tipDims.windowDims.width) || (!this.counter && !Foundation.Box.ImNotTouchingYou(this.template))){
+ this.template.offset(Foundation.Box.GetOffsets(this.template, this.$element, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({
+ // this.$element.offset(Foundation.GetOffsets(this.template, this.$element, 'center bottom', this.options.vOffset, this.options.hOffset, true)).css({
+ 'width': $anchorDims.windowDims.width - (this.options.hOffset * 2),
+ 'height': 'auto'
+ });
+ return false;
+ }
+
+ this.template.offset(Foundation.Box.GetOffsets(this.template, this.$element,'center ' + (position || 'bottom'), this.options.vOffset, this.options.hOffset));
+
+ while(!Foundation.Box.ImNotTouchingYou(this.template) && this.counter){
+ this._reposition(position);
+ this._setPosition();
+ }
+ };
+
+ /**
+ * reveals the tooltip, and fires an event to close any other open tooltips on the page
+ * @fires Closeme#tooltip
+ * @fires Tooltip#show
+ * @function
+ */
+ Tooltip.prototype.show = function(){
+ if(this.options.showOn !== 'all' && !Foundation.MediaQuery.atLeast(this.options.showOn)){
+ // console.error('The screen is too small to display this tooltip');
+ return false;
+ }
+
+ var _this = this;
+ this.template.css('visibility', 'hidden').show();
+ this._setPosition();
+
+ /**
+ * Fires to close all other open tooltips on the page
+ * @event Closeme#tooltip
+ */
+ this.$element.trigger('closeme.zf.tooltip', this.template.attr('id'));
+
+
+ this.template.attr({
+ 'data-is-active': true,
+ 'aria-hidden': false
+ });
+ _this.isActive = true;
+ // console.log(this.template);
+ this.template.stop().hide().css('visibility', '').fadeIn(this.options.fadeInDuration, function(){
+ //maybe do stuff?
+ });
+ /**
+ * Fires when the tooltip is shown
+ * @event Tooltip#show
+ */
+ this.$element.trigger('show.zf.tooltip');
+ };
+
+ /**
+ * Hides the current tooltip, and resets the positioning class if it was changed due to collision
+ * @fires Tooltip#hide
+ * @function
+ */
+ Tooltip.prototype.hide = function(){
+ // console.log('hiding', this.$element.data('yeti-box'));
+ var _this = this;
+ this.template.stop().attr({
+ 'aria-hidden': true,
+ 'data-is-active': false
+ }).fadeOut(this.options.fadeOutDuration, function(){
+ _this.isActive = false;
+ _this.isClick = false;
+ if(_this.classChanged){
+ _this.template
+ .removeClass(_this._getPositionClass(_this.template))
+ .addClass(_this.options.positionClass);
+
+ _this.usedPositions = [];
+ _this.counter = 4;
+ _this.classChanged = false;
+ }
+ });
+ /**
+ * fires when the tooltip is hidden
+ * @event Tooltip#hide
+ */
+ this.$element.trigger('hide.zf.tooltip');
+ };
+
+ /**
+ * adds event listeners for the tooltip and its anchor
+ * TODO combine some of the listeners like focus and mouseenter, etc.
+ * @private
+ */
+ Tooltip.prototype._events = function(){
+ var _this = this;
+ var $template = this.template;
+ var isFocus = false;
+
+ if(!this.options.disableHover){
+
+ this.$element
+ .on('mouseenter.zf.tooltip', function(e){
+ if(!_this.isActive){
+ _this.timeout = setTimeout(function(){
+ _this.show();
+ }, _this.options.hoverDelay);
+ }
+ })
+ .on('mouseleave.zf.tooltip', function(e){
+ clearTimeout(_this.timeout);
+ if(!isFocus || (!_this.isClick && _this.options.clickOpen)){
+ _this.hide();
+ }
+ });
+ }
+ if(this.options.clickOpen){
+ this.$element.on('mousedown.zf.tooltip', function(e){
+ e.stopImmediatePropagation();
+ if(_this.isClick){
+ _this.hide();
+ // _this.isClick = false;
+ }else{
+ _this.isClick = true;
+ if((_this.options.disableHover || !_this.$element.attr('tabindex')) && !_this.isActive){
+ _this.show();
+ }
+ }
+ });
+ }
+
+ if(!this.options.disableForTouch){
+ this.$element
+ .on('tap.zf.tooltip touchend.zf.tooltip', function(e){
+ _this.isActive ? _this.hide() : _this.show();
+ });
+ }
+
+ this.$element.on({
+ // 'toggle.zf.trigger': this.toggle.bind(this),
+ // 'close.zf.trigger': this.hide.bind(this)
+ 'close.zf.trigger': this.hide.bind(this)
+ });
+
+ this.$element
+ .on('focus.zf.tooltip', function(e){
+ isFocus = true;
+ console.log(_this.isClick);
+ if(_this.isClick){
+ return false;
+ }else{
+ // $(window)
+ _this.show();
+ }
+ })
+
+ .on('focusout.zf.tooltip', function(e){
+ isFocus = false;
+ _this.isClick = false;
+ _this.hide();
+ })
+
+ .on('resizeme.zf.trigger', function(){
+ if(_this.isActive){
+ _this._setPosition();
+ }
+ });
+ };
+ /**
+ * adds a toggle method, in addition to the static show() & hide() functions
+ * @function
+ */
+ Tooltip.prototype.toggle = function(){
+ if(this.isActive){
+ this.hide();
+ }else{
+ this.show();
+ }
+ };
+ /**
+ * Destroys an instance of tooltip, removes template element from the view.
+ * @function
+ */
+ Tooltip.prototype.destroy = function(){
+ this.$element.attr('title', this.template.text())
+ .off('.zf.trigger .zf.tootip')
+ // .removeClass('has-tip')
+ .removeAttr('aria-describedby')
+ .removeAttr('data-yeti-box')
+ .removeAttr('data-toggle')
+ .removeAttr('data-resize');
+
+ this.template.remove();
+
+ Foundation.unregisterPlugin(this);
+ };
+ /**
+ * TODO utilize resize event trigger
+ */
+
+ Foundation.plugin(Tooltip);
+}(jQuery, window.document, window.Foundation);
+
+;(function(root, factory) {
+ if (typeof define === 'function' && define.amd) {
+ define(['jquery'], factory);
+ } else if (typeof exports === 'object') {
+ module.exports = factory(require('jquery'));
+ } else {
+ root.MotionUI = factory(root.jQuery);
+ }
+}(this, function($) {
+'use strict';
+
+// Polyfill for requestAnimationFrame
+(function() {
+ if (!Date.now)
+ Date.now = function() { return new Date().getTime(); };
+
+ var vendors = ['webkit', 'moz'];
+ for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
+ var vp = vendors[i];
+ window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
+ window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
+ || window[vp+'CancelRequestAnimationFrame']);
+ }
+ if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)
+ || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
+ var lastTime = 0;
+ window.requestAnimationFrame = function(callback) {
+ var now = Date.now();
+ var nextTime = Math.max(lastTime + 16, now);
+ return setTimeout(function() { callback(lastTime = nextTime); },
+ nextTime - now);
+ };
+ window.cancelAnimationFrame = clearTimeout;
+ }
+})();
+
+var initClasses = ['mui-enter', 'mui-leave'];
+var activeClasses = ['mui-enter-active', 'mui-leave-active'];
+
+// Find the right "transitionend" event for this browser
+var endEvent = (function() {
+ var transitions = {
+ 'transition': 'transitionend',
+ 'WebkitTransition': 'webkitTransitionEnd',
+ 'MozTransition': 'transitionend',
+ 'OTransition': 'otransitionend'
+ }
+ var elem = window.document.createElement('div');
+
+ for (var t in transitions) {
+ if (typeof elem.style[t] !== 'undefined') {
+ return transitions[t];
+ }
+ }
+
+ return null;
+})();
+
+function animate(isIn, element, animation, cb) {
+ element = $(element).eq(0);
+
+ if (!element.length) return;
+
+ if (endEvent === null) {
+ isIn ? element.show() : element.hide();
+ cb();
+ return;
+ }
+
+ var initClass = isIn ? initClasses[0] : initClasses[1];
+ var activeClass = isIn ? activeClasses[0] : activeClasses[1];
+
+ // Set up the animation
+ reset();
+ element.addClass(animation);
+ element.css('transition', 'none');
+ requestAnimationFrame(function() {
+ element.addClass(initClass);
+ if (isIn) element.show();
+ });
+
+ // Start the animation
+ requestAnimationFrame(function() {
+ element[0].offsetWidth;
+ element.css('transition', '');
+ element.addClass(activeClass);
+ });
+
+ // Clean up the animation when it finishes
+ element.one('transitionend', finish);
+
+ // Hides the element (for out animations), resets the element, and runs a callback
+ function finish() {
+ if (!isIn) element.hide();
+ reset();
+ if (cb) cb.apply(element);
+ }
+
+ // Resets transitions and removes motion-specific classes
+ function reset() {
+ element[0].style.transitionDuration = 0;
+ element.removeClass(initClass + ' ' + activeClass + ' ' + animation);
+ }
+}
+
+var MotionUI = {
+ animateIn: function(element, animation, cb) {
+ animate(true, element, animation, cb);
+ },
+
+ animateOut: function(element, animation, cb) {
+ animate(false, element, animation, cb);
+ }
+}
+
+return MotionUI;
+}));
diff --git a/dist/foundation.min.css b/dist/foundation.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..fff0712fcbbd6b13a94990d54a068ab334b4abed
--- /dev/null
+++ b/dist/foundation.min.css
@@ -0,0 +1 @@
+@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */button,img,legend{border:0}body,button,legend{padding:0}.row.collapse>.column,.row.collapse>.columns,.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.button.dropdown::after,.small-pull-1,.small-pull-10,.small-pull-11,.small-pull-2,.small-pull-3,.small-pull-4,.small-pull-5,.small-pull-6,.small-pull-7,.small-pull-8,.small-pull-9,.small-push-1,.small-push-10,.small-push-11,.small-push-2,.small-push-3,.small-push-4,.small-push-5,.small-push-7,.small-push-8,.small-push-9,sub,sup{position:relative}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}.dropdown-pane,.invisible{visibility:hidden}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}.button,img{vertical-align:middle}sup{top:-.5em}sub{bottom:-.25em}.orbit-caption,.sticky.is-anchored.is-at-bottom,.sticky.is-stuck.is-at-bottom{bottom:0}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block}body.is-reveal-open,svg:not(:root){overflow:hidden}figure{margin:1em 40px}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.help-text,em,i{font-style:italic}a,b,em,i,small,strong{line-height:inherit}dl,ol,p,ul{line-height:1.6}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.foundation-mq{font-family:"small=0em&medium=32em&large=64em&xlarge=75em&xxlarge=90em"}body,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400}body,html{font-size:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;line-height:1.5;color:#0a0a0a;background:#fefefe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{width:100%}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:0 0;border-radius:0;line-height:1}.row{max-width:75rem;margin-left:auto;margin-right:auto}.row::after,.row::before{content:' ';display:table}.row::after{clear:both}.row .row{margin-left:-.9375rem;margin-right:-.9375rem}.row .row.collapse{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:30px;padding-right:30px}@media screen and (min-width:32em){.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:30px;padding-right:30px}}@media screen and (min-width:64em){.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:30px;padding-right:30px}}.row.expanded{max-width:none}.column,.columns{width:100%;float:left;padding-left:.9375rem;padding-right:.9375rem}.column:last-child,.columns:last-child{float:right}.column.end,.end.columns{float:left}.column.row,.row.columns{float:none}.small-1{width:8.33333%}.small-push-1{left:8.33333%}.small-pull-1{left:-8.33333%}.small-offset-0{margin-left:0}.small-2{width:16.66667%}.small-push-2{left:16.66667%}.small-pull-2{left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{left:25%}.small-pull-3{left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{left:33.33333%}.small-pull-4{left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{left:41.66667%}.small-pull-5{left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{left:58.33333%}.small-pull-7{left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{left:66.66667%}.small-pull-8{left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{left:75%}.small-pull-9{left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{left:83.33333%}.small-pull-10{left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{left:91.66667%}.small-pull-11{left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1 .column,.small-up-1 .columns{width:100%;float:left}.small-up-1 .column:nth-of-type(1n),.small-up-1 .columns:nth-of-type(1n){clear:none}.small-up-1 .column:nth-of-type(1n+1),.small-up-1 .columns:nth-of-type(1n+1){clear:both}.small-up-2 .column,.small-up-2 .columns{width:50%;float:left}.small-up-2 .column:nth-of-type(1n),.small-up-2 .columns:nth-of-type(1n){clear:none}.small-up-2 .column:nth-of-type(2n+1),.small-up-2 .columns:nth-of-type(2n+1){clear:both}.small-up-3 .column,.small-up-3 .columns{width:33.33333%;float:left}.small-up-3 .column:nth-of-type(1n),.small-up-3 .columns:nth-of-type(1n){clear:none}.small-up-3 .column:nth-of-type(3n+1),.small-up-3 .columns:nth-of-type(3n+1){clear:both}.small-up-4 .column,.small-up-4 .columns{width:25%;float:left}.small-up-4 .column:nth-of-type(1n),.small-up-4 .columns:nth-of-type(1n){clear:none}.small-up-4 .column:nth-of-type(4n+1),.small-up-4 .columns:nth-of-type(4n+1){clear:both}.small-up-5 .column,.small-up-5 .columns{width:20%;float:left}.small-up-5 .column:nth-of-type(1n),.small-up-5 .columns:nth-of-type(1n){clear:none}.small-up-5 .column:nth-of-type(5n+1),.small-up-5 .columns:nth-of-type(5n+1){clear:both}.small-up-6 .column,.small-up-6 .columns{width:16.66667%;float:left}.small-up-6 .column:nth-of-type(1n),.small-up-6 .columns:nth-of-type(1n){clear:none}.small-up-6 .column:nth-of-type(6n+1),.small-up-6 .columns:nth-of-type(6n+1){clear:both}.column.small-centered,.small-centered.columns{float:none;margin-left:auto;margin-right:auto}.small-pull-0,.small-push-0,.small-uncenter{position:static;margin-left:0;margin-right:0}@media screen and (min-width:32em){.medium-pull-1,.medium-pull-10,.medium-pull-11,.medium-pull-2,.medium-pull-3,.medium-pull-4,.medium-pull-5,.medium-pull-6,.medium-pull-7,.medium-pull-8,.medium-pull-9,.medium-push-1,.medium-push-10,.medium-push-11,.medium-push-2,.medium-push-3,.medium-push-4,.medium-push-5,.medium-push-7,.medium-push-8,.medium-push-9{position:relative}.medium-1{width:8.33333%}.medium-push-1{left:8.33333%}.medium-pull-1{left:-8.33333%}.medium-offset-0{margin-left:0}.medium-2{width:16.66667%}.medium-push-2{left:16.66667%}.medium-pull-2{left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{left:25%}.medium-pull-3{left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{left:33.33333%}.medium-pull-4{left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{left:41.66667%}.medium-pull-5{left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{left:58.33333%}.medium-pull-7{left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{left:66.66667%}.medium-pull-8{left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{left:75%}.medium-pull-9{left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{left:83.33333%}.medium-pull-10{left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{left:91.66667%}.medium-pull-11{left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1 .column,.medium-up-1 .columns{width:100%;float:left}.medium-up-1 .column:nth-of-type(1n),.medium-up-1 .columns:nth-of-type(1n){clear:none}.medium-up-1 .column:nth-of-type(1n+1),.medium-up-1 .columns:nth-of-type(1n+1){clear:both}.medium-up-2 .column,.medium-up-2 .columns{width:50%;float:left}.medium-up-2 .column:nth-of-type(1n),.medium-up-2 .columns:nth-of-type(1n){clear:none}.medium-up-2 .column:nth-of-type(2n+1),.medium-up-2 .columns:nth-of-type(2n+1){clear:both}.medium-up-3 .column,.medium-up-3 .columns{width:33.33333%;float:left}.medium-up-3 .column:nth-of-type(1n),.medium-up-3 .columns:nth-of-type(1n){clear:none}.medium-up-3 .column:nth-of-type(3n+1),.medium-up-3 .columns:nth-of-type(3n+1){clear:both}.medium-up-4 .column,.medium-up-4 .columns{width:25%;float:left}.medium-up-4 .column:nth-of-type(1n),.medium-up-4 .columns:nth-of-type(1n){clear:none}.medium-up-4 .column:nth-of-type(4n+1),.medium-up-4 .columns:nth-of-type(4n+1){clear:both}.medium-up-5 .column,.medium-up-5 .columns{width:20%;float:left}.medium-up-5 .column:nth-of-type(1n),.medium-up-5 .columns:nth-of-type(1n){clear:none}.medium-up-5 .column:nth-of-type(5n+1),.medium-up-5 .columns:nth-of-type(5n+1){clear:both}.medium-up-6 .column,.medium-up-6 .columns{width:16.66667%;float:left}.medium-up-6 .column:nth-of-type(1n),.medium-up-6 .columns:nth-of-type(1n){clear:none}.medium-up-6 .column:nth-of-type(6n+1),.medium-up-6 .columns:nth-of-type(6n+1){clear:both}.column.medium-centered,.medium-centered.columns{float:none;margin-left:auto;margin-right:auto}.medium-pull-0,.medium-push-0,.medium-uncenter{position:static;margin-left:0;margin-right:0}}@media screen and (min-width:64em){.large-pull-1,.large-pull-10,.large-pull-11,.large-pull-2,.large-pull-3,.large-pull-4,.large-pull-5,.large-pull-6,.large-pull-7,.large-pull-8,.large-pull-9,.large-push-1,.large-push-10,.large-push-11,.large-push-2,.large-push-3,.large-push-4,.large-push-5,.large-push-7,.large-push-8,.large-push-9{position:relative}.large-1{width:8.33333%}.large-push-1{left:8.33333%}.large-pull-1{left:-8.33333%}.large-offset-0{margin-left:0}.large-2{width:16.66667%}.large-push-2{left:16.66667%}.large-pull-2{left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{left:25%}.large-pull-3{left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{left:33.33333%}.large-pull-4{left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{left:41.66667%}.large-pull-5{left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{left:58.33333%}.large-pull-7{left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{left:66.66667%}.large-pull-8{left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{left:75%}.large-pull-9{left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{left:83.33333%}.large-pull-10{left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{left:91.66667%}.large-pull-11{left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1 .column,.large-up-1 .columns{width:100%;float:left}.large-up-1 .column:nth-of-type(1n),.large-up-1 .columns:nth-of-type(1n){clear:none}.large-up-1 .column:nth-of-type(1n+1),.large-up-1 .columns:nth-of-type(1n+1){clear:both}.large-up-2 .column,.large-up-2 .columns{width:50%;float:left}.large-up-2 .column:nth-of-type(1n),.large-up-2 .columns:nth-of-type(1n){clear:none}.large-up-2 .column:nth-of-type(2n+1),.large-up-2 .columns:nth-of-type(2n+1){clear:both}.large-up-3 .column,.large-up-3 .columns{width:33.33333%;float:left}.large-up-3 .column:nth-of-type(1n),.large-up-3 .columns:nth-of-type(1n){clear:none}.large-up-3 .column:nth-of-type(3n+1),.large-up-3 .columns:nth-of-type(3n+1){clear:both}.large-up-4 .column,.large-up-4 .columns{width:25%;float:left}.large-up-4 .column:nth-of-type(1n),.large-up-4 .columns:nth-of-type(1n){clear:none}.large-up-4 .column:nth-of-type(4n+1),.large-up-4 .columns:nth-of-type(4n+1){clear:both}.large-up-5 .column,.large-up-5 .columns{width:20%;float:left}.large-up-5 .column:nth-of-type(1n),.large-up-5 .columns:nth-of-type(1n){clear:none}.large-up-5 .column:nth-of-type(5n+1),.large-up-5 .columns:nth-of-type(5n+1){clear:both}.large-up-6 .column,.large-up-6 .columns{width:16.66667%;float:left}.large-up-6 .column:nth-of-type(1n),.large-up-6 .columns:nth-of-type(1n){clear:none}.large-up-6 .column:nth-of-type(6n+1),.large-up-6 .columns:nth-of-type(6n+1){clear:both}.column.large-centered,.large-centered.columns{float:none;margin-left:auto;margin-right:auto}.large-pull-0,.large-push-0,.large-uncenter{position:static;margin-left:0;margin-right:0}.large-text-left{text-align:left}}.breadcrumbs::after,.button-group::after,.clearfix::after,.off-canvas-wrapper-inner::after,.pagination::after,.tabs::after,.title-bar::after,.top-bar::after,hr{clear:both}ol,ul{margin-left:1.25rem}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}dl,ol,p,ul{margin-bottom:1rem}p{font-size:inherit}h1,h2,h3,h4,h5,h6{font-style:normal;color:inherit;margin-top:0;margin-bottom:.5rem;line-height:1.4}code,kbd{background-color:#e6e6e6;color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#cacaca;line-height:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:32em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}.medium-text-left{text-align:left}}a{background-color:transparent;color:#2199e8;text-decoration:none;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{box-sizing:content-box;max-width:75rem;height:0;border-top:0;border-bottom:1px solid #cacaca;margin:1.25rem auto}dl,ol,ul{list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0;list-style-type:inherit}.accordion,.menu,.tabs{list-style-type:none}dl dt{margin-bottom:.3rem;font-weight:700}.subheader,code,label{font-weight:400}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;line-height:1.4;color:#8a8a8a}.lead{font-size:125%;line-height:1.6}.button,.stat{line-height:1}.stat{font-size:2.5rem}p+.stat{margin-top:-1rem}.no-bullet{margin-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}@media screen and (min-width:32em){.medium-text-right{text-align:right}}@media screen and (min-width:64em){.large-text-right{text-align:right}.large-text-center{text-align:center}}.text-center{text-align:center}@media screen and (min-width:32em){.medium-text-center{text-align:center}}.text-justify{text-align:justify}@media screen and (min-width:32em){.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;text-align:center;cursor:pointer;-webkit-appearance:none;transition:all .25s ease-out;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 1rem 1rem 0;font-size:.9rem;background:#2199e8;color:#fff}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background:#1583cc;color:#fff}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background:#2199e8;color:#fff}.button.primary:focus,.button.primary:hover{background:#147cc0;color:#fff}.button.secondary{background:#777;color:#fff}.button.secondary:focus,.button.secondary:hover{background:#5f5f5f;color:#fff}.button.success{background:#3adb76;color:#fff}.button.success:focus,.button.success:hover{background:#22bb5b;color:#fff}.button.alert{background:#ec5840;color:#fff}.button.alert:focus,.button.alert:hover{background:#da3116;color:#fff}.button.warning{background:#ffae00;color:#fff}.button.warning:focus,.button.warning:hover{background:#cc8b00;color:#fff}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background:0 0}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3b3b3b;color:#3b3b3b}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.button.dropdown::after{content:'';width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only::after{margin-left:0;float:none;top:.2em}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=tel],[type=time],[type=url],[type=color],[type=number],[type=search],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#8a8a8a;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);border-radius:0;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,[type=number]:focus,[type=search]:focus,textarea:focus{border:1px solid #8a8a8a;background:#fefefe;outline:0;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{min-height:50px;max-width:100%}textarea[rows]{height:auto}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:default}[type=button],[type=submit]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}label>[type=label],label>[type=checkbox]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;line-height:1.8;color:#0a0a0a}.form-error,.menu-text,.switch{font-weight:700}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;color:#333}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group-button,.input-group-label{height:100%;width:1%;text-align:center}.input-group-button,.input-group-field,.input-group-label{display:table-cell;margin:0;vertical-align:middle}.input-group-label{padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.fieldset,select{border:1px solid #cacaca}.input-group-button{padding-top:0;padding-bottom:0}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.5rem}.fieldset{padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0 0 0 -.1875rem}select{height:2.4375rem;padding:.5rem;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#8a8a8a;background-color:#fafafa;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8, ');background-size:9px 6px;background-position:right .5rem center;background-repeat:no-repeat}.form-error,.is-invalid-label{color:#ec5840}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select:disabled{background-color:#e6e6e6;cursor:default}select::-ms-expand{display:none}select[multiple]{height:auto}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem}.form-error.is-visible{display:block}.hide{display:none!important}@media screen and (min-width:0em) and (max-width:31.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:-0.0625em),screen and (min-width:32em){.show-for-small-only{display:none!important}}@media screen and (min-width:32em){.hide-for-medium{display:none!important}}@media screen and (max-width:31.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:32em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:31.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}.hide-for-landscape,.show-for-portrait{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix::after,.clearfix::before{content:' ';display:table}.accordion{background:#fefefe;border:1px solid #e6e6e6;border-radius:0;margin-left:0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border-bottom:1px solid #e6e6e6}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}:last-child>.accordion-title{border-bottom-width:0}.accordion-title::before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title::before{content:'–'}.accordion-content{padding:1.25rem 1rem;display:none;border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a::after{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;text-align:center;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs::after,.breadcrumbs::before{content:' ';display:table}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child)::after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca}.button-group{margin-bottom:1rem;font-size:.9rem}.button-group::after,.button-group::before{content:' ';display:table}.button-group .button{float:left;margin:0;font-size:inherit}.button-group .button:not(:last-child){border-right:1px solid #fefefe}.button-group.tiny{font-size:.6rem}.button-group.small{font-size:.75rem}.button-group.large{font-size:1.25rem}.button-group.expanded .button:nth-last-child(2):first-child,.button-group.expanded .button:nth-last-child(2):first-child~.button{width:50%}.button-group.expanded .button:nth-last-child(3):first-child,.button-group.expanded .button:nth-last-child(3):first-child~.button{width:33.33333%}.button-group.expanded .button:nth-last-child(4):first-child,.button-group.expanded .button:nth-last-child(4):first-child~.button{width:25%}.button-group.expanded .button:nth-last-child(5):first-child,.button-group.expanded .button:nth-last-child(5):first-child~.button{width:20%}.button-group.expanded .button:nth-last-child(6):first-child,.button-group.expanded .button:nth-last-child(6):first-child~.button{width:16.66667%}.button-group.primary .button{background:#2199e8;color:#fff}.button-group.primary .button:focus,.button-group.primary .button:hover{background:#147cc0;color:#fff}.button-group.secondary .button{background:#777;color:#fff}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background:#5f5f5f;color:#fff}.button-group.success .button{background:#3adb76;color:#fff}.button-group.success .button:focus,.button-group.success .button:hover{background:#22bb5b;color:#fff}.button-group.alert .button{background:#ec5840;color:#fff}.button-group.alert .button:focus,.button-group.alert .button:hover{background:#da3116;color:#fff}.button-group.warning .button{background:#ffae00;color:#fff}.button-group.warning .button:focus,.button-group.warning .button:hover{background:#cc8b00;color:#fff}.button-group.stacked .button,.button-group.stacked-for-small .button{width:100%;border-right:0}@media screen and (min-width:32em){.button-group.stacked-for-small .button{width:auto}.button-group.stacked-for-small .button:not(:last-child){border-right:1px solid #fefefe}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:0;position:relative;background-color:#fff}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def0fc}.callout.primary a{color:#116ca8}.callout.primary a:hover{color:#0a4063}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.success a{color:#1ea450}.callout.success a:hover{color:#126330}.callout.alert{background-color:#fce6e2}.callout.alert a{color:#bf2b13}.callout.alert a:hover{color:#791b0c}.callout.warning{background-color:#fff3d9}.callout.warning a{color:#b37a00}.callout.warning a:hover{color:#664600}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.is-drilldown{position:relative;overflow:hidden}.is-drilldown-sub{position:absolute;top:0;left:100%;z-index:-1;height:100%;width:100%;background:#fefefe;transition:-webkit-transform .15s linear;transition:transform .15s linear}.is-drilldown-submenu-parent>a::after,.js-drilldown-back::before{width:0;content:'';display:block;height:0}.is-drilldown-sub.is-active{z-index:1;display:block;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-sub.is-closing{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a::after{border:6px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back::before{border:6px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;float:left;margin-right:.75rem;margin-left:.6rem;margin-top:14px}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;display:block;padding:1rem;position:absolute;width:300px;z-index:10;border-radius:0}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu .has-submenu{position:relative}.dropdown.menu .has-submenu a::after{float:right;margin-top:3px;margin-left:10px}.dropdown.menu .has-submenu.is-down-arrow>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#2199e8 transparent transparent;border-top-style:solid}.dropdown.menu .has-submenu.is-left-arrow>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #2199e8 transparent transparent;border-right-style:solid;float:left;margin-left:0;margin-right:10px}.dropdown.menu.vertical.align-right,.menu.align-right>li{float:right}.dropdown.menu .has-submenu.is-right-arrow>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #2199e8;border-left-style:solid}.dropdown.menu .has-submenu.is-left-arrow.opens-inner .submenu{right:0;left:auto}.dropdown.menu .has-submenu.is-right-arrow.opens-inner .submenu{left:0;right:auto}.dropdown.menu .has-submenu.opens-inner .submenu{top:100%}.dropdown.menu .submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}.dropdown.menu .submenu>li{width:100%}.dropdown.menu .submenu.first-sub{top:100%;left:0;right:auto}.dropdown.menu .submenu.js-dropdown-active,.dropdown.menu .submenu:not(.js-dropdown-nohover)>.has-submenu:hover>.dropdown.menu .submenu{display:block}.dropdown.menu .has-submenu.opens-left .submenu{left:auto;right:100%}.dropdown.menu.align-right .submenu.first-sub{top:100%;left:auto;right:0}.dropdown.menu.vertical{width:100px}.dropdown.menu.vertical>li .submenu{top:0;left:100%}.flex-video{position:relative;height:0;padding-top:1.5625rem;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.flex-video.widescreen{padding-bottom:56.25%}.flex-video.vimeo{padding-top:0}.label{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object img{max-width:none}@media screen and (min-width:0em) and (max-width:31.9375em){.media-object.stack-for-small .media-object-section{display:block;padding:0 0 1rem}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{display:table-cell;vertical-align:top}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(+&:first-child){padding-left:1rem}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}.menu>li,.menu>li>a>i,.menu>li>a>img,.menu>li>a>span{vertical-align:middle}.menu{margin:0}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu a,.menu button,.menu input{margin-bottom:0}.menu>li>a>i,.menu>li>a>img{display:inline-block;margin-right:.25rem}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:32em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple a{padding:0;margin-right:1rem}.menu.expanded{display:table;width:100%}.menu.expanded>li:nth-last-child(2):first-child,.menu.expanded>li:nth-last-child(2):first-child~li{width:50%}.menu.expanded>li:nth-last-child(3):first-child,.menu.expanded>li:nth-last-child(3):first-child~li{width:33.33333%}.menu.expanded>li:nth-last-child(4):first-child,.menu.expanded>li:nth-last-child(4):first-child~li{width:25%}.menu.expanded>li:nth-last-child(5):first-child,.menu.expanded>li:nth-last-child(5):first-child~li{width:20%}.menu.expanded>li:nth-last-child(6):first-child,.menu.expanded>li:nth-last-child(6):first-child~li{width:16.66667%}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a{text-align:center}.menu.icon-top>li>a>i,.menu.icon-top>li>a>img{display:block;margin:0 auto .25rem}.menu.nested{margin-left:1rem}.menu-text{color:inherit;line-height:1;padding:.7rem 1rem}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}.off-canvas-wrapper-inner{position:relative;width:100%;transition:-webkit-transform .5s ease;transition:transform .5s ease}.off-canvas-wrapper-inner::after,.off-canvas-wrapper-inner::before{content:' ';display:table}.off-canvas-content{min-height:100%;background:#fefefe;transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;box-shadow:0 0 10px rgba(10,10,10,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,.25);cursor:pointer;transition:background .5s ease}.is-off-canvas-open .js-off-canvas-exit{display:block}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;min-height:100%;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.orbit,.orbit-container{position:relative}.orbit-caption,.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:rgba(10,10,10,.5)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{-webkit-transform:translateX(250px);-ms-transform:translateX(250px);transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{-webkit-transform:translateX(-250px);-ms-transform:translateX(-250px);transform:translateX(-250px)}@media screen and (min-width:32em){.position-left.reveal-for-medium{left:0}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-slide{width:100%;max-height:100%}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{width:100%;margin-bottom:0}.orbit-next,.orbit-previous{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{content:' ';display:table}.pagination li{font-size:.875rem;margin-right:.0625rem;display:none;border-radius:0}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:32em){.pagination li{display:inline-block}.reveal{min-height:0}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination [aria-label=previous]::before{content:'«';display:inline-block;margin-right:.75rem}.pagination [aria-label=next]::after{content:'»';display:inline-block;margin-left:.75rem}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:default}.pagination .disabled:hover{background:0 0}.pagination .ellipsis::after{content:'…';padding:.1875rem .625rem;color:#0a0a0a}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.alert .progress-meter{background-color:#ec5840}.progress.warning .progress-meter{background-color:#ffae00}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2199e8;border-radius:0}.progress-meter .progress-meter-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap}.slider-fill,.slider-handle{left:0;display:inline-block}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider-fill{position:absolute;top:0;max-width:100%;height:.5rem;background-color:#cacaca;transition:all .2s ease-in-out}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:1;width:1.4rem;height:1.4rem;background-color:#2199e8;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;margin:100px auto 0;background-color:#fefefe;border-radius:0;position:absolute;overflow-y:auto}.switch-paddle,.switch-paddle::after{display:block;transition:all .25s ease-out}[data-whatinput=mouse] .reveal{outline:0}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}.reveal.collapse{padding:0}caption,tbody td,tbody th{padding:.5rem .625rem .625rem}@media screen and (min-width:32em){.reveal{width:600px;max-width:75rem}.reveal .reveal{left:auto;right:auto;margin:0 auto}.reveal.tiny{width:30%;max-width:75rem}.reveal.small{width:50%;max-width:75rem}.reveal.large{width:90%;max-width:75rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0}.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-size:.875rem}.switch-input{opacity:0;position:absolute}.switch-paddle{background:#cacaca;cursor:pointer;position:relative;width:4rem;height:2rem;border-radius:0;color:inherit;font-weight:inherit}.has-tip,.title-bar-title,caption{font-weight:700}input+.switch-paddle{margin:0}.switch-paddle::after{background:#fefefe;content:'';position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.switch-active,.switch-inactive,.tooltip.left::before{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle::after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle:after{left:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle:after{left:2rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle:after{left:2.75rem}table{border-collapse:collapse;border-spacing:0;margin-bottom:1rem;border-radius:0}tbody,tfoot,thead{border:1px solid #f1f1f1;background-color:#fefefe}tfoot,thead{background:#f8f8f8;color:#0a0a0a}tfoot tr,thead tr{background:0 0}tfoot td,tfoot th,thead td,thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}tbody tr:nth-child(even){background-color:#f1f1f1}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}.tabs,.tabs-content{border:1px solid #e6e6e6}table.scroll{display:block;width:100%;overflow-y:scroll}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.tabs{margin:0;background:#fefefe}.tabs::after,.tabs::before{content:' ';display:table}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:0 0}.tabs.vertical>li{width:auto;float:none;display:block}.tabs-title,.title-bar-left{float:left}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:12px;color:#2199e8}.tabs-title>a:focus,.tabs-title>a:hover,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;transition:all .5s ease;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px rgba(10,10,10,.2);display:inline-block;line-height:0;max-width:100%;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;color:#fefefe;padding:.5rem}.title-bar::after,.title-bar::before{content:' ';display:table}.menu-icon.dark::after,.menu-icon::after{content:'';top:0;left:0}.menu-icon,.title-bar-title{display:inline-block;vertical-align:middle}.title-bar .menu-icon{margin-left:.25rem;margin-right:.5rem}.title-bar-right{float:right;text-align:right}.menu-icon{position:relative;cursor:pointer;width:20px;height:16px}.menu-icon::after{position:absolute;display:block;width:100%;height:2px;background:#fff;box-shadow:0 7px 0 #fff,0 14px 0 #fff}.menu-icon:hover::after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;cursor:pointer;width:20px;height:16px}.menu-icon.dark::after{position:absolute;display:block;width:100%;height:2px;background:#000;box-shadow:0 7px 0 #000,0 14px 0 #000}.menu-icon.dark:hover::after{background:#666;box-shadow:0 7px 0 #666,0 14px 0 #666}.has-tip{border-bottom:dotted 1px #8a8a8a;position:relative;display:inline-block}.tooltip.top::before,.tooltip::before{content:'';display:block;width:0;height:0}.has-tip:hover{cursor:help}.tooltip{background-color:#0a0a0a;color:#fefefe;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip::before{border:.75rem inset;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;bottom:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top::before{border:.75rem inset;border-color:#0a0a0a transparent transparent;border-top-style:solid;top:100%;bottom:auto}.tooltip.left::before,.tooltip.right::before{content:'';display:block;width:0;height:0;bottom:auto;top:50%}.tooltip.left::before{border:.75rem inset;border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;left:100%;transform:translateY(-50%)}.tooltip.right::before{border:.75rem inset;border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;left:auto;right:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.top-bar{padding:.5rem}.top-bar::after,.top-bar::before{content:' ';display:table}.top-bar,.top-bar ul{background-color:#eee}.top-bar input{width:200px;margin-right:1rem}@media screen and (min-width:32em){.top-bar-left{float:left}.top-bar-right{float:right}}
\ No newline at end of file
diff --git a/dist/foundation.min.js b/dist/foundation.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..fb033ef557a002a8a7119ee54dda26edfaf629ca
--- /dev/null
+++ b/dist/foundation.min.js
@@ -0,0 +1,3 @@
+!function(t){"use strict";function e(t){if(void 0===Function.prototype.name){var e=/function\s([^(]{1,})\(/,i=e.exec(t.toString());return i&&i.length>1?i[1].trim():""}return void 0===t.prototype?t.constructor.name:t.prototype.constructor.name}function i(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}var n="6.0.0-alpha.1",s={version:n,_plugins:{},_uuids:[],_activePlugins:{},rtl:function(){return"rtl"===t("html").attr("dir")},plugin:function(t){var n=e(t),s=i(n);this._plugins[s]=this[n]=t},registerPlugin:function(t){var i=e(t.constructor).toLowerCase();t.uuid=this.GetYoDigits(6,i),t.$element.attr("data-"+i,t.uuid).trigger("init.zf."+i),this._activePlugins[t.uuid]=t},unregisterPlugin:function(t){var i=e(t.constructor).toLowerCase();delete this._activePlugins[t.uuid],t.$element.removeAttr("data-"+i).trigger("destroyed.zf."+i)},_reflow:function(t){var e=Object.keys(this._activePlugins),i=this;if(t){if("string"==typeof t){var n=t.split("-")[1];n?this._activePlugins[t]._init():(n=new RegExp(t,"i"),e.filter(function(t){return n.test(t)}).forEach(function(t){i._activePlugins[t]._init()}))}}else e.forEach(function(t){i._activePlugins[t]._init()})},GetYoDigits:function(t,e){return t=t||6,Math.round(Math.pow(36,t+1)-Math.random()*Math.pow(36,t)).toString(36).slice(1)+(e?"-"+e:"")},reflow:function(e,i){"undefined"==typeof i?i=Object.keys(this._plugins):"string"==typeof i&&(i=[i]);var n=this;t.each(i,function(i,s){var o=n._plugins[s],a=t(e).find("[data-"+s+"]").addBack("*");a.each(function(){return t(this).attr("zf-plugin")?void console.warn("Tried to initialize "+s+" on an element that already has a Foundation plugin."):void t(this).data("zf-plugin",new o(t(this)))})})},getFnName:e,transitionend:function(t){var e,i={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend"},n=document.createElement("div");for(var s in i)"undefined"!=typeof n.style[s]&&(e=i[s]);return e?e:(e=setTimeout(function(){t.triggerHandler("transitionend",[t])},1),"transitionend")}};s.util={throttle:function(t,e){var i=null;return function(){var n=this,s=arguments;null===i&&(i=setTimeout(function(){t.apply(n,s),i=null},e))}}};var o=function(i){var n=typeof i,o=t("meta.foundation-mq"),a=t(".no-js");if(o.length||t(' ').appendTo(document.head),a.length&&a.removeClass("no-js"),"undefined"===n)s.MediaQuery._init(),s.reflow(this);else{if("string"!==n)throw new TypeError("We're sorry, '"+n+"' is not a valid parameter. You must use a string representing the method you wish to invoke.");var r=Array.prototype.slice.call(arguments,1),l=this.data("zfPlugin");if(void 0===l||void 0===l[i])throw new ReferenceError("We're sorry, '"+i+"' is not an available method for "+(l?e(l):"this element")+".");1===this.length?l[i].apply(l,r):this.each(function(e,n){l[i].apply(t(n).data("zfPlugin"),r)})}return this};window.Foundation=s,t.fn.foundation=o,function(){Date.now&&window.Date.now||(window.Date.now=Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e=h.offset.top,r=d.offset.left>=h.offset.left,l=d.offset.left+d.width<=h.width}else a=d.offset.top+d.height<=d.windowDims.height+d.windowDims.offset.top,o=d.offset.top>=d.windowDims.offset.top,r=d.offset.left>=d.windowDims.offset.left,l=d.offset.left+d.width<=d.windowDims.width;var u=[a,o,r,l];return i?r===l==!0:s?o===a==!0:-1===u.indexOf(!1)},n=function(t,i){if(t=t.length?t[0]:t,t===e||t===document)throw new Error("I'm sorry, Dave. I'm afraid I can't do that.");var n=t.getBoundingClientRect(),s=t.parentNode.getBoundingClientRect(),o=document.body.getBoundingClientRect(),a=e.pageYOffset,r=e.pageXOffset;return{width:n.width,height:n.height,offset:{top:n.top+a,left:n.left+r},parentDims:{width:s.width,height:s.height,offset:{top:s.top+a,left:s.left+r}},windowDims:{width:o.width,height:o.height,offset:{top:a,left:r}}}},s=function(t,e,i,s,o,a){var r=n(t),l=e?n(e):null;switch(i){case"top":return{left:l.offset.left,top:l.offset.top-(r.height+s)};case"left":return{left:l.offset.left-(r.width+o),top:l.offset.top};case"right":return{left:l.offset.left+l.width+o,top:l.offset.top};case"center top":return{left:l.offset.left+l.width/2-r.width/2,top:l.offset.top-(r.height+s)};case"center bottom":return{left:a?o:l.offset.left+l.width/2-r.width/2,top:l.offset.top+l.height+s};case"center left":return{left:l.offset.left-(r.width+o),top:l.offset.top+l.height/2-r.height/2};case"center right":return{left:l.offset.left+l.width+o+1,top:l.offset.top+l.height/2-r.height/2};case"center":return{left:r.windowDims.offset.left+r.windowDims.width/2-r.width/2,top:r.windowDims.offset.top+r.windowDims.height/2-r.height/2};case"reveal":return{left:(r.windowDims.width-r.width)/2,top:r.windowDims.offset.top+s};case"reveal full":return{left:r.windowDims.offset.left,top:r.windowDims.offset.top};default:return{left:l.offset.left,top:l.offset.top+l.height+s}}};t.Box={ImNotTouchingYou:i,GetDimensions:n,GetOffsets:s}}(window.Foundation,window),!function(t,e){"use strict";e.Keyboard={};var i={9:"TAB",13:"ENTER",27:"ESCAPE",32:"SPACE",37:"ARROW_LEFT",38:"ARROW_UP",39:"ARROW_RIGHT",40:"ARROW_DOWN"},n=function(t){var e={};for(var i in t)e[t[i]]=t[i];return e}(i);e.Keyboard.keys=n;var s=function(t){var e=i[t.which||t.keyCode]||String.fromCharCode(t.which).toUpperCase();return t.shiftKey&&(e="SHIFT_"+e),t.ctrlKey&&(e="CTRL_"+e),t.altKey&&(e="ALT_"+e),e};e.Keyboard.parseKey=s;var o={},a=function(i,n,a){var r,l,d,h=o[e.getFnName(n)],u=s(i);return h?(r="undefined"==typeof h.ltr?h:e.rtl()?t.extend({},h.ltr,h.rtl):t.extend({},h.rtl,h.ltr),l=r[u],d=a[l],void(d&&"function"==typeof d?(d.apply(n),(a.handled||"function"==typeof a.handled)&&a.handled.apply(n)):(a.unhandled||"function"==typeof a.unhandled)&&a.unhandled.apply(n))):console.warn("Component not defined!")};e.Keyboard.handleKey=a;var r=function(e){return e.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!t(this).is(":visible")||t(this).attr("tabindex")<0?!1:!0})};e.Keyboard.findFocusable=r;var l=function(t,e){o[t]=e};e.Keyboard.register=l}(jQuery,window.Foundation),!function(t,e){function i(t){var e={};return"string"!=typeof t?e:(t=t.trim().slice(1,-1))?e=t.split("&").reduce(function(t,e){var i=e.replace(/\+/g," ").split("="),n=i[0],s=i[1];return n=decodeURIComponent(n),s=void 0===s?null:decodeURIComponent(s),t.hasOwnProperty(n)?Array.isArray(t[n])?t[n].push(s):t[n]=[t[n],s]:t[n]=s,t},{}):e}var n={queries:[],current:"",atLeast:function(t){var e=this.get(t);return e?window.matchMedia(e).matches:!1},get:function(t){for(var e in this.queries){var i=this.queries[e];if(t===i.name)return i.value}return null},_init:function(){var e,n=this,s=t(".foundation-mq").css("font-family");e=i(s);for(var o in e)n.queries.push({name:o,value:"only screen and (min-width: "+e[o]+")"});this.current=this._getCurrentSize(),this._watcher()},_getCurrentSize:function(){var t;for(var e in this.queries){var i=this.queries[e];window.matchMedia(i.value).matches&&(t=i)}return"object"==typeof t?t.name:t},_watcher:function(){var e=this;t(window).on("resize.zf.mediaquery",function(){var i=e._getCurrentSize();i!==e.current&&(t(window).trigger("changed.zf.mediaquery",[i,e.current]),e.current=i)})}};e.MediaQuery=n,window.matchMedia||(window.matchMedia=function(){"use strict";var t=window.styleMedia||window.media;if(!t){var e=document.createElement("style"),i=document.getElementsByTagName("script")[0],n=null;e.type="text/css",e.id="matchmediajs-test",i.parentNode.insertBefore(e,i),n="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle,t={matchMedium:function(t){var i="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=i:e.textContent=i,"1px"===n.width}}}return function(e){return{matches:t.matchMedium(e||"all"),media:e||"all"}}}())}(jQuery,Foundation),!function(t,e){function i(i,o,a,r){function l(){i||o.hide(),d(),r&&r.apply(o)}function d(){o[0].style.transitionDuration=0,o.removeClass(h+" "+u+" "+a)}if(o=t(o).eq(0),o.length){var h=i?n[0]:n[1],u=i?s[0]:s[1];d(),o.addClass(a).css("transition","none"),requestAnimationFrame(function(){o.addClass(h),i&&o.show()}),requestAnimationFrame(function(){o[0].offsetWidth,o.css("transition",""),o.addClass(u)}),o.one(e.transitionend(o),l)}}var n=["mui-enter","mui-leave"],s=["mui-enter-active","mui-leave-active"],o={animateIn:function(t,e,n){i(!0,t,e,n)},animateOut:function(t,e,n){i(!1,t,e,n)}},a=function(t,e,i){function n(r){a||(a=window.performance.now()),o=r-a,i.apply(e),t>o?s=window.requestAnimationFrame(n,e):(window.cancelAnimationFrame(s),e.trigger("finished.zf.animate",[e]).triggerHandler("finished.zf.animate",[e]))}var s,o,a=null;s=window.requestAnimationFrame(n)};e.Move=a,e.Motion=o}(jQuery,Foundation),!function(t,e){"use strict";e.Nest={Feather:function(e,i){e.attr("role","menubar"),i=i||"zf";var n=e.find("li").attr({role:"menuitem"}),s="is-"+i+"-submenu",o=s+"-item",a="is-"+i+"-submenu-parent";n.each(function(){var e=t(this),i=e.children("ul");i.length&&(e.addClass("has-submenu "+a),i.addClass("submenu "+s).attr("data-submenu","")),e.parent("[data-submenu]").length&&e.addClass("is-submenu-item "+o)})},Burn:function(t,e){var i=(t.find("li").removeAttr("tabindex"),"is-"+e+"-submenu"),n=i+"-item",s="is-"+e+"-submenu-parent";t.find("*").removeClass(i+" "+n+" "+s+" has-submenu is-submenu-item submenu is-active").removeAttr("data-submenu").css("display","")}}}(jQuery,window.Foundation),!function(t,e){"use strict";var i=function(t,e,i){var n,s,o=this,a=e.duration,r=Object.keys(t.data())[0]||"timer",l=-1;this.restart=function(){l=-1,clearTimeout(s),this.start()},this.start=function(){clearTimeout(s),l=0>=l?a:l,t.data("paused",!1),n=Date.now(),s=setTimeout(function(){e.infinite&&o.restart(),i()},l),t.trigger("timerstart.zf."+r)},this.pause=function(){clearTimeout(s),t.data("paused",!0);var e=Date.now();l-=e-n,t.trigger("timerpaused.zf."+r)}},n=function(e,i){var n=e.length;0===n&&i();var s=function(){n--,0===n&&i()};e.each(function(){this.complete?s():"undefined"!=typeof this.naturalWidth&&this.naturalWidth>0?s():t(this).one("load",function(){s()})})};e.Timer=i,e.onImagesLoaded=n}(jQuery,window.Foundation),function(t){function e(){this.removeEventListener("touchmove",i),this.removeEventListener("touchend",e),d=!1}function i(i){if(t.spotSwipe.preventDefault&&i.preventDefault(),d){var n,s=i.touches[0].pageX,h=i.touches[0].pageY,u=o-s,f=a-h;l=(new Date).getTime()-r,Math.abs(u)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold?n=u>0?"left":"right":Math.abs(f)>=t.spotSwipe.moveThreshold&&l<=t.spotSwipe.timeThreshold&&(n=f>0?"down":"up"),n&&(e.call(this),t(this).trigger("swipe",n).trigger("swipe"+n))}}function n(t){1==t.touches.length&&(o=t.touches[0].pageX,a=t.touches[0].pageY,d=!0,r=(new Date).getTime(),this.addEventListener("touchmove",i,!1),this.addEventListener("touchend",e,!1))}function s(){this.addEventListener&&this.addEventListener("touchstart",n,!1)}t.spotSwipe={version:"1.0.0",enabled:"ontouchstart"in document.documentElement,preventDefault:!0,moveThreshold:75,timeThreshold:200};var o,a,r,l,d=!1;t.event.special.swipe={setup:s},t.each(["left","up","down","right"],function(){t.event.special["swipe"+this]={setup:function(){t(this).on("swipe",t.noop)}}})}(jQuery),!function(t){t.fn.addTouch=function(){this.each(function(i,n){t(n).bind("touchstart touchmove touchend touchcancel",function(){e(event)})});var e=function(t){var e=t.changedTouches,i=e[0],n={touchstart:"mousedown",touchmove:"mousemove",touchend:"mouseup"},s=n[t.type],o=document.createEvent("MouseEvent");o.initMouseEvent(s,!0,!0,window,1,i.screenX,i.screenY,i.clientX,i.clientY,!1,!1,!1,!1,0,null),i.target.dispatchEvent(o)}}}(jQuery),!function(t,e){"use strict";e(document).on("click.zf.trigger","[data-open]",function(){var t=e(this).data("open");e("#"+t).triggerHandler("open.zf.trigger",[e(this)])}),e(document).on("click.zf.trigger","[data-close]",function(){var t=e(this).data("close");t?e("#"+t).triggerHandler("close.zf.trigger",[e(this)]):e(this).trigger("close.zf.trigger")}),e(document).on("click.zf.trigger","[data-toggle]",function(){var t=e(this).data("toggle");e("#"+t).triggerHandler("toggle.zf.trigger",[e(this)])}),e(document).on("close.zf.trigger","[data-closable]",function(){var i=e(this).data("closable")||"fade-out";t.Motion?t.Motion.animateOut(e(this),i,function(){e(this).trigger("closed.zf")}):e(this).fadeOut().trigger("closed.zf")});var i=function(){for(var t=["WebKit","Moz","O","Ms",""],e=0;eo;)i.validateInput(e(n[o]),t),o++;t.find(".form-error.is-visible").length||t.find(".is-invalid-label").length?t.find("[data-abide-error]").css("display","block"):t.find("[data-abide-error]").css("display","none")},i.prototype.validateText=function(t){var i=this.options.patterns,n=e(t).val(),s=e(t).attr("pattern");return 0===n.length?!0:n.match(i[s])?!0:!1},i.prototype.validateRadio=function(t){var i=this,n=(e(':radio[name="'+t+'"]').siblings("label"),0);return e(':radio[name="'+t+'"]').each(function(){i.requiredCheck(e(this))||n++,e(this).is(":checked")&&(n=0)}),n>0?!1:!0},i.prototype.matchValidation=function(t,e){},i.prototype.resetForm=function(t){var i=this,n="data-invalid";e("["+i.invalidAttr+"]",t).removeAttr(n),e("."+i.options.labelErrorClass,t).not("small").removeClass(i.options.labelErrorClass),e("."+i.options.inputErrorClass,t).not("small").removeClass(i.options.inputErrorClass),e(".form-error.is-visible").removeClass("is-visible"),t.find("[data-abide-error]").css("display","none"),e(":input",t).not(":button, :submit, :reset, :hidden, [data-abide-ignore]").val("").removeAttr(n)},i.prototype.destroy=function(){},t.plugin(i),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Accordion",{ENTER:"toggle",SPACE:"toggle",ARROW_DOWN:"next",ARROW_UP:"previous"})}i.defaults={slideSpeed:250,multiExpand:!1,allowAllClosed:!1},i.prototype._init=function(){this.$element.attr("role","tablist"),this.$tabs=this.$element.children("li"),this.$tabs.each(function(i,n){var s=t(n),o=s.find("[data-tab-content]"),a=o[0].id||e.GetYoDigits(6,"accordion"),r=n.id||a+"-label";s.find("a:first").attr({"aria-controls":a,role:"tab",id:r,"aria-expanded":!1,"aria-selected":!1}),o.attr({role:"tabpanel","aria-labelledby":r,"aria-hidden":!0,id:a})});var i=this.$element.find(".is-active").children("[data-tab-content]");i.length&&this.down(i,!0),this._events()},i.prototype._events=function(){var i=this;this.$tabs.each(function(){var n=t(this),s=n.children("[data-tab-content]");s.length&&n.children("a").off("click.zf.accordion keydown.zf.accordion").on("click.zf.accordion",function(t){t.preventDefault(),n.hasClass("is-active")?(i.options.allowAllClosed||n.siblings().hasClass("is-active"))&&i.up(s):i.down(s)}).on("keydown.zf.accordion",function(t){e.Keyboard.handleKey(t,i,{toggle:function(){i.toggle(s)},next:function(){n.next().find("a").focus().trigger("click.zf.accordion")},previous:function(){n.prev().find("a").focus().trigger("click.zf.accordion")},handled:function(){t.preventDefault(),t.stopPropagation()}})})})},i.prototype.toggle=function(t){if(t.parent().hasClass("is-active")){if(!this.options.allowAllClosed&&!t.parent().siblings().hasClass("is-active"))return;this.up(t)}else this.down(t)},i.prototype.down=function(i,n){var s=this;if(!this.options.multiExpand&&!n){var o=this.$element.find(".is-active").children("[data-tab-content]");o.length&&this.up(o)}i.attr("aria-hidden",!1).parent("[data-tab-content]").addBack().parent().addClass("is-active"),e.Move(s.options.slideSpeed,i,function(){i.slideDown(s.options.slideSpeed)}),n||e._reflow(this.$element.attr("data-accordion")),t("#"+i.attr("aria-labelledby")).attr({"aria-expanded":!0,"aria-selected":!0}),this.$element.trigger("down.zf.accordion",[i])},i.prototype.up=function(i){var n=i.parent().siblings(),s=this,o=this.options.multiExpand?n.hasClass("is-active"):i.parent().hasClass("is-active");(this.options.allowAllClosed||o)&&(e.Move(this.options.slideSpeed,i,function(){i.slideUp(s.options.slideSpeed)}),i.attr("aria-hidden",!0).parent().removeClass("is-active"),t("#"+i.attr("aria-labelledby")).attr({"aria-expanded":!1,"aria-selected":!1}),this.$element.trigger("up.zf.accordion",[i]))},i.prototype.destroy=function(){this.$element.find("[data-tab-content]").slideUp(0).css("display",""),this.$element.find("a").off(".zf.accordion"),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t){"use strict";function e(i,n){this.$element=i,this.options=t.extend({},e.defaults,this.$element.data(),n),Foundation.Nest.Feather(this.$element,"accordion"),this._init(),Foundation.registerPlugin(this),Foundation.Keyboard.register("AccordionMenu",{ENTER:"toggle",SPACE:"toggle",ARROW_RIGHT:"open",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"close",ESCAPE:"closeAll",TAB:"down",SHIFT_TAB:"up"})}e.defaults={slideSpeed:250,multiOpen:!0},e.prototype._init=function(){this.$element.find("[data-submenu]").not(".is-active").slideUp(0),this.$element.attr({role:"tablist","aria-multiselectable":this.options.multiOpen}),this.$menuLinks=this.$element.find(".has-submenu"),this.$menuLinks.each(function(){var e=this.id||Foundation.GetYoDigits(6,"acc-menu-link"),i=t(this),n=i.children("[data-submenu]"),s=n[0].id||Foundation.GetYoDigits(6,"acc-menu"),o=n.hasClass("is-active");i.attr({"aria-controls":s,"aria-expanded":o,"aria-selected":!1,role:"tab",id:e}),n.attr({"aria-labelledby":e,"aria-hidden":!o,role:"tabpanel",id:s})});var e=this.$element.find(".is-active");if(e.length){var i=this;e.each(function(){i.down(t(this))})}this._events()},e.prototype._events=function(){var e=this;this.$element.find("li").each(function(){var i=t(this).children("[data-submenu]");i.length&&t(this).children("a").off("click.zf.accordionmenu").on("click.zf.accordionmenu",function(t){t.preventDefault(),e.toggle(i)})}).on("keydown.zf.accordionmenu",function(i){var n,s,o=t(this),a=o.parent("ul").children("li"),r=o.children("[data-submenu]");a.each(function(e){return t(this).is(o)?(n=a.eq(Math.max(0,e-1)),s=a.eq(Math.min(e+1,a.length-1)),t(this).children("[data-submenu]:visible").length&&(s=o.find("li:first-child")),t(this).is(":first-child")?n=o.parents("li").first():n.children("[data-submenu]:visible").length&&(n=n.find("li:last-child")),void(t(this).is(":last-child")&&(s=o.parents("li").first().next("li")))):void 0}),Foundation.Keyboard.handleKey(i,e,{open:function(){r.is(":hidden")&&(e.down(r),r.find("li").first().focus())},close:function(){r.length&&!r.is(":hidden")?e.up(r):o.parent("[data-submenu]").length&&(e.up(o.parent("[data-submenu]")),o.parents("li").first().focus())},up:function(){n.focus()},down:function(){s.focus()},toggle:function(){o.children("[data-submenu]").length&&e.toggle(o.children("[data-submenu]"))},closeAll:function(){e.hideAll()},handled:function(){i.preventDefault(),i.stopImmediatePropagation()}})})},e.prototype.hideAll=function(){this.$element.find("[data-submenu]").slideUp(this.options.slideSpeed)},e.prototype.toggle=function(t){t.is(":hidden")?this.down(t):this.up(t)},e.prototype.down=function(t){var e=this;console.log(t),this.options.multiOpen||this.up(this.$element.find(".is-active").not(t.parentsUntil(this.$element))),t.addClass("is-active").attr({"aria-hidden":!1}).parent(".has-submenu").attr({"aria-expanded":!0,"aria-selected":!0}),Foundation.Move(this.options.slideSpeed,t,function(){t.slideDown(e.options.slideSpeed)}),this.$element.trigger("down.zf.accordionMenu",[t])},e.prototype.up=function(t){var e=this;Foundation.Move(this.options.slideSpeed,t,function(){t.slideUp(e.options.slideSpeed)}),t.attr("aria-hidden",!0).find("[data-submenu]").slideUp(0).attr("aria-hidden",!0).end().parent(".has-submenu").attr({"aria-expanded":!1,"aria-selected":!1}),this.$element.trigger("up.zf.accordionMenu",[t])},e.prototype.destroy=function(){this.$element.find("[data-submenu]").slideDown(0).css("display",""),this.$element.find("a").off("click.zf.accordionMenu"),Foundation.Nest.Burn(this.$element,"accordion"),Foundation.unregisterPlugin(this)},Foundation.plugin(e)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),e.Nest.Feather(this.$element,"drilldown"),this._init(),e.registerPlugin(this),e.Keyboard.register("Drilldown",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close",TAB:"down",SHIFT_TAB:"up"})}i.defaults={backButton:'Back ',wrapper:"
",closeOnClick:!1},i.prototype._init=function(){this.$submenuAnchors=this.$element.find("li.has-submenu"),this.$submenus=this.$submenuAnchors.children("[data-submenu]").addClass("is-drilldown-sub"),this.$menuItems=this.$element.find("li").not(".js-drilldown-back").attr("role","menuitem"),this._prepareMenu(),this._keyboardEvents()},i.prototype._prepareMenu=function(){var e=this;this.$submenuAnchors.each(function(){var i=t(this);i.find("a")[0].removeAttribute("href"),i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:0,role:"menu"}),e._events(i)}),this.$submenus.each(function(){var i=t(this),n=i.find(".js-drilldown-back");n.length||(i.prepend(e.options.backButton),e._back(i))}),this.$element.parent().hasClass("is-drilldown")||(this.$wrapper=t(this.options.wrapper).addClass("is-drilldown").css(this._getMaxDims()),this.$element.wrap(this.$wrapper))},i.prototype._events=function(e){var i=this;e.on("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown",function(n){if(n.preventDefault(),n.stopPropagation(),n.target!==n.currentTarget.firstElementChild)return!1;if(i._show(e),i.options.closeOnClick){var s=t("body").not(i.$wrapper);s.off(".zf.drilldown").on("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown",function(t){t.preventDefault(),i._hideAll(),s.off(".zf.drilldown")})}}),e.find(".js-drilldown-back").eq(0).on("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown",function(t){})},i.prototype._keyboardEvents=function(){var i=this;this.$menuItems.add(this.$element.find(".js-drilldown-back")).on("keydown.zf.drilldown",function(n){var s,o,a=t(this),r=a.parent("ul").children("li");r.each(function(e){return t(this).is(a)?(s=r.eq(Math.max(0,e-1)),void(o=r.eq(Math.min(e+1,r.length-1)))):void 0}),e.Keyboard.handleKey(n,i,{next:function(){a.is(i.$submenuAnchors)&&(i._show(a),a.on(e.transitionend(a),function(){a.find("ul li").filter(i.$menuItems).first().focus()}))},previous:function(){i._hide(a.parent("ul")),a.parent("ul").on(e.transitionend(a),function(){setTimeout(function(){a.parent("ul").parent("li").focus()},1)})},up:function(){s.focus()},down:function(){o.focus()},close:function(){i._back()},open:function(){a.is(i.$menuItems)?a.is(i.$submenuAnchors)&&(i._show(a),setTimeout(function(){a.find("ul li").filter(i.$menuItems).first().focus()},1)):(i._hide(a.parent("ul")),setTimeout(function(){a.parent("ul").parent("li").focus()},1))},handled:function(){n.preventDefault(),n.stopImmediatePropagation()}})})},i.prototype._hideAll=function(){var t=this.$element.find(".is-drilldown-sub.is-active").addClass("is-closing");t.one(e.transitionend(t),function(e){t.removeClass("is-active is-closing")}),this.$element.trigger("closed.zf.drilldown")},i.prototype._back=function(t){var e=this;t.off("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown"),t.children(".js-drilldown-back").on("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown",function(i){e._hide(t)})},i.prototype._menuLinkEvents=function(){var t=this;this.$menuItems.not(".has-submenu").off("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown").on("mousedown.zf.drilldown tap.zf.drilldown touchend.zf.drilldown",function(e){
+setTimeout(function(){t._hideAll()},0)})},i.prototype._show=function(t){t.children("[data-submenu]").addClass("is-active"),this.$element.trigger("open.zf.drilldown",[t])},i.prototype._hide=function(t){t.addClass("is-closing").one(e.transitionend(t),function(){t.removeClass("is-active is-closing")}),t.trigger("hide.zf.drilldown",[t])},i.prototype._getMaxDims=function(){var e=0,i={};return this.$submenus.add(this.$element).each(function(){var i=t(this).children("li").length;e=i>e?i:e}),i.height=e*this.$menuItems[0].getBoundingClientRect().height+"px",i.width=this.$element[0].getBoundingClientRect().width+"px",i},i.prototype.destroy=function(){this._hideAll(),e.Nest.Burn(this.$element,"drilldown"),this.$element.unwrap().find(".js-drilldown-back").remove().end().find(".is-active, .is-closing, .is-drilldown-sub").removeClass("is-active is-closing is-drilldown-sub").end().find("[data-submenu]").removeAttr("aria-hidden tabindex role").off(".zf.drilldown").end().off("zf.drilldown"),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Dropdown",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}i.defaults={hoverDelay:250,hover:!1,vOffset:1,hOffset:1,positionClass:"",trapFocus:!1},i.prototype._init=function(){var i=this.$element.attr("id");this.$anchor=t('[data-toggle="'+i+'"]')||t('[data-open="'+i+'"]'),this.$anchor.attr({"aria-controls":i,"data-is-focus":!1,"data-yeti-box":i,"aria-haspopup":!0,"aria-expanded":!1}),this.options.positionClass=this.getPositionClass(),this.counter=4,this.usedPositions=[],this.$element.attr({"aria-hidden":"true","data-yeti-box":i,"data-resize":i,"aria-labelledby":this.$anchor[0].id||e.GetYoDigits(6,"dd-anchor")}),this._events()},i.prototype.getPositionClass=function(){var t=this.$element[0].className.match(/(top|left|right)/g);return t=t?t[0]:""},i.prototype._reposition=function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.$element.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.$element.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.$element.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.$element.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.$element.removeClass(t):this.$element.removeClass(t),this.classChanged=!0,this.counter--},i.prototype._setPosition=function(){if("false"===this.$anchor.attr("aria-expanded"))return!1;var t=this.getPositionClass(),i=e.Box.GetDimensions(this.$element),n=(e.Box.GetDimensions(this.$anchor),"left"===t?"left":"right"===t?"left":"top"),s="top"===n?"height":"width";"height"===s?this.options.vOffset:this.options.hOffset;if(i.width>=i.windowDims.width||!this.counter&&!e.Box.ImNotTouchingYou(this.$element))return this.$element.offset(e.Box.GetOffsets(this.$element,this.$anchor,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:i.windowDims.width-2*this.options.hOffset,height:"auto"}),this.classChanged=!0,!1;for(this.$element.offset(e.Box.GetOffsets(this.$element,this.$anchor,t,this.options.vOffset,this.options.hOffset));!e.Box.ImNotTouchingYou(this.$element)&&this.counter;)this._reposition(t),this._setPosition()},i.prototype._events=function(){var t=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":this._setPosition.bind(this)}),this.options.hover&&(clearTimeout(t.timeout),this.$anchor.on("mouseenter.zf.dropdown mouseleave.zf.dropdown",function(){t.timeOut=setTimeout(function(){t.toggle()},t.options.hoverDelay)})),this.$anchor.add(this.$element).on("keydown.zf.dropdown",function(i){var n=e.Keyboard.findFocusable(t.$element);e.Keyboard.handleKey(i,t,{tab_forward:function(){this.$element.find(":focus").is(n.eq(-1))&&(this.options.trapFocus?(n.eq(0).focus(),i.preventDefault()):this.close())},tab_backward:function(){(this.$element.find(":focus").is(n.eq(0))||this.$element.is(":focus"))&&(this.options.trapFocus?(n.eq(-1).focus(),i.preventDefault()):this.close())},open:function(){t.open(),t.$element.attr("tabindex",-1).focus()},close:function(){t.close(),t.$anchor.focus()}})})},i.prototype.open=function(){this.$element.trigger("closeme.zf.dropdown",this.$element.attr("id")),this.$anchor.addClass("hover").attr({"aria-expanded":!0}),this._setPosition(),this.$element.addClass("is-open").attr({"aria-hidden":!1}),this.$element.trigger("show.zf.dropdown",[this.$element])},i.prototype.close=function(){if(!this.$element.hasClass("is-open"))return!1;if(this.$element.removeClass("is-open").attr({"aria-hidden":!0}),this.$anchor.removeClass("hover").attr("aria-expanded",!1),this.classChanged){var t=this.getPositionClass();t&&this.$element.removeClass(t),this.$element.addClass(this.options.positionClass).css({height:"",width:""}),this.classChanged=!1,this.counter=4,this.usedPositions.length=0}this.$element.trigger("hide.zf.dropdown",[this.$element])},i.prototype.toggle=function(){this.$element.hasClass("is-open")?this.close():this.open()},i.prototype.destroy=function(){this.$element.off(".zf.trigger").hide(),this.$anchor.off(".zf.dropdown"),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),t.Nest.Feather(this.$element,"dropdown"),this._init(),t.registerPlugin(this),t.Keyboard.register("DropdownMenu",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"up",ARROW_DOWN:"down",ARROW_LEFT:"previous",ESCAPE:"close"})}i.defaults={clickOpen:!0,closeOnClick:!1,disableHover:!1,autoclose:!0,hoverDelay:150,closingTime:500,alignment:"left",verticalClass:"vertical",rightClass:"align-right"},i.prototype._init=function(){this.$element.hasClass(this.options.verticalClass)&&(this.vertical=!0),this._prepareMenu()},i.prototype._prepareMenu=function(){var t=this;this.$tabs=this.$element.children("li.has-submenu"),this.$tabs.children("[data-submenu]").addClass("first-sub"),this.$submenus=this.$element.find("li.has-submenu"),this.$menuItems=this.$element.find("li").attr({role:"menuitem",tabindex:0}),this.$menuItems.children("a").attr("tabindex",-1),this.$element.hasClass(this.options.rightClass)?(this.options.alignment="right",this.$submenus.addClass("is-left-arrow opens-left")):this.$submenus.addClass("is-right-arrow opens-right"),this.vertical||this.$tabs.removeClass("is-right-arrow is-left-arrow opens-left opens-right").addClass("is-down-arrow"),this.$tabs.each(function(){var t=e(this);t.attr({role:"menuitem",tabindex:0,title:t.children("a:first-child").text()}).children("a").attr("tabindex",-1),t.children("[data-submenu]")&&t.attr("aria-haspopup",!0)}),this.$submenus.each(function(){var i=e(this);i.children("[data-submenu]").attr({"aria-hidden":!0,tabindex:-1,role:"menu"}).addClass("vertical"),t._events(i)})},i.prototype._events=function(i){var n=this;this.options.clickOpen&&i.children("a").on("click.zf.dropdownmenu touchend.zf.dropdownmenu",function(t){e(t.target).parent("li").hasClass("has-submenu")&&(t.preventDefault(),t.stopPropagation(),i.data("isClick")?n._hide(i):(n._hideOthers(i),n._show(i),i.data("isClick",!0).parentsUntil("[data-dropdown-menu]",".has-submenu").data("isClick",!0),n.options.closeOnClick&&n._addBodyHandler()))}),this.options.disableHover||(this.$menuItems.on("mouseenter.zf.dropdownmenu",function(t){var i=e(this);i.hasClass("is-active")||n._hideOthers(i)}),i.on("mouseenter.zf.dropdownmenu",function(t){clearTimeout(i.closeTimer),i.hasClass("is-active")||(i.openTimer=setTimeout(function(){n._show(i)},n.options.hoverDelay))}).on("mouseleave.zf.dropdownmenu",function(t){!i.data("isClick")&&n.options.autoclose&&(clearTimeout(i.openTimer),i.closeTimer=setTimeout(function(){n._hide(i)},n.options.closingTime))})),this.$menuItems.on("keydown.zf.dropdownmenu",function(i){var s,o,a=e(this),r=n.$element.children("li"),l=a.is(r),d=l?r:a.parents("li").first().add(a.parent("ul").children("li"));d.each(function(t){return e(this).is(a)?(s=d.eq(t-1),void(o=d.eq(t+1))):void 0});var h=function(){a.is(":last-child")||o.focus()},u=function(){s.focus()},f=function(){a.has("ul").length&&(n._show(a),a.find("li").first().focus())},c=function(){a.parents("li").first().focus(),n._hide(a.parents("li").first())},p={open:f,close:function(){n._hideAll(),n.$menuItems.first().focus()},handled:function(){i.preventDefault(),i.stopImmediatePropagation()}};l?n.vertical?"left"===n.options.alignment?e.extend(p,{down:h,up:u,next:f,previous:c}):e.extend(p,{down:h,up:u,next:c,previous:f}):e.extend(p,{next:h,previous:u,down:f,up:c}):"left"===n.options.alignment?e.extend(p,{next:f,previous:c,down:h,up:u}):e.extend(p,{next:c,previous:f,down:h,up:u}),t.Keyboard.handleKey(i,n,p)})},i.prototype._toggle=function(t){t.hasClass("is-active")?this._hide(t):this._show(t)},i.prototype._addBodyHandler=function(){var t=e("body"),i=this;t.not(i.$element).on("click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu",function(e){i._hideAll(),t.off("click.zf.dropdownmenu tap.zf.dropdownmenu touchend.zf.dropdownmenu")})},i.prototype._show=function(e){this._hideOthers(e),e.focus();var i=e.children("[data-submenu]:first-of-type");e.addClass("is-active"),i.css("visibility","hidden").addClass("js-dropdown-active").attr("aria-hidden",!1);var n=t.Box.ImNotTouchingYou(i,null,!0);n||("left"===this.options.alignment?e.removeClass("opens-left").addClass("opens-right"):e.removeClass("opens-right").addClass("opens-left"),this.changed=!0,n=t.Box.ImNotTouchingYou(i,null,!0),n||(e.removeClass("opens-left opens-right").addClass("opens-inner"),this.changed=!0)),i.css("visibility",""),this.$element.trigger("show.zf.dropdownmenu",[e])},i.prototype._hide=function(t){this._hideSome(t)},i.prototype._hideSome=function(t){t.length&&(t.removeClass("is-active opens-inner").data("isClick",!1).find(".is-active").removeClass("is-active").data("isClick",!1).end().find(".js-dropdown-active").removeClass("js-dropdown-active").attr("aria-hidden",!0),t.parent(".has-submenu").removeClass("is-active"),this.changed&&("left"===this.options.alignment?t.find(".opens-left").removeClass("opens-left").addClass("opens-right"):t.find(".opens-right").removeClass("opens-right").addClass("opens-left")),this.$element.trigger("hide.zf.dropdownmenu"))},i.prototype._hideOthers=function(t){this._hideSome(t.siblings(".has-submenu.is-active"))},i.prototype._hideAll=function(){this._hideSome(this.$element)},i.prototype.destroy=function(){this._hideAll(),this.$element.removeData("zf-plugin").find("li").removeClass("js-dropdown-nohover is-right-arrow is-left-arrow opens-left opens-inner opens-right").add("a").off(".zf.dropdownmenu").end().find("ul").removeClass("first-sub"),t.Nest.Burn(this.$element,"dropdown"),t.unregisterPlugin(this)},t.plugin(i)}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this.$window=e(window),this.name="equalizer",this.attr="data-equalizer",this._init(),this._events(),t.registerPlugin(this)}i.defaults={equalizeOnStack:!0,throttleInterval:50},i.prototype._init=function(){this._reflow()},i.prototype._events=function(){var e=this;this.$window.off(".equalizer").on("resize.fndtn.equalizer",t.util.throttle(function(){e._reflow()},e.options.throttleInterval))},i.prototype._killswitch=function(){},i.prototype._reflow=function(){var i=this;e("["+this.attr+"]").each(function(){var n=e(this),s=[],o=n.find("img");o.length?t.onImagesLoaded(o,function(){s=i.getHeights(n),i.applyHeight(n,s)}):(s=i.getHeights(n),i.applyHeight(n,s))})},i.prototype.getHeights=function(t){var i,n=t.data("equalizer"),s=n?t.find("["+this.attr+'-watch="'+n+'"]:visible'):t.find("["+this.attr+"-watch]:visible");return s.height("inherit"),i=s.map(function(){return e(this).outerHeight(!1)}).get(),console.log(i),i},i.prototype.applyHeight=function(t,i){var n=t.data("equalizer"),s=n?t.find("["+this.attr+'-watch="'+n+'"]:visible'):t.find("["+this.attr+"-watch]:visible"),o=Math.max.apply(null,i);t.trigger("preEqualized.zf.Equalizer");for(var a=0;a=t:t-n.options.threshold<=e});t=s.length?s.length-1:0}if(this.$active.removeClass(this.options.activeClass),this.$active=this.$links.eq(t).addClass(this.options.activeClass),this.options.deepLinking){var o=this.$active[0].getAttribute("href");window.history.pushState?window.history.pushState(null,null,o):window.location.hash=o}this.scrollPos=e,this.$element.trigger("update.zf.magellan",[this.$active])},i.prototype.destroy=function(){this.$element.off(".zf.trigger .zf.magellan").find("."+this.options.activeClass).removeClass(this.options.activeClass);var e=this.$active[0].getAttribute("href");window.location.hash.replace(e,""),t.unregisterPlugin(this)},t.plugin(i),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this.$lastTrigger=t(),this._init(),this._events(),e.registerPlugin(this)}i.defaults={closeOnClick:!0,transitionTime:0,position:"left",forceTop:!0,isRevealed:!1,revealOn:null,autoFocus:!0,revealClass:"reveal-for-"},i.prototype._init=function(){var e=this.$element.attr("id");if(this.$element.attr("aria-hidden","true"),t(document).find('[data-open="'+e+'"], [data-close="'+e+'"], [data-toggle="'+e+'"]').attr("aria-expanded","false").attr("aria-controls",e),this.options.closeOnClick)if(t(".js-off-canvas-exit").length)this.$exiter=t(".js-off-canvas-exit");else{var i=document.createElement("div");i.setAttribute("class","js-off-canvas-exit"),t("[data-off-canvas-content]").append(i),this.$exiter=t(i)}this.options.isRevealed=this.options.isRevealed||new RegExp(this.options.revealClass,"g").test(this.$element[0].className),this.options.isRevealed&&(this.options.revealOn=this.options.revealOn||this.$element[0].className.match(/(reveal-for-medium|reveal-for-large)/g)[0].split("-")[2],this._setMQChecker()),this.options.transitionTime||(this.options.transitionTime=1e3*parseFloat(window.getComputedStyle(t("[data-off-canvas-wrapper]")[0]).transitionDuration))},i.prototype._events=function(){if(this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"keydown.zf.offcanvas":this._handleKeyboard.bind(this)}),this.$exiter.length){this.$exiter.on({"click.zf.offcanvas":this.close.bind(this)})}},i.prototype._setMQChecker=function(){var i=this;t(window).on("changed.zf.mediaquery",function(){e.MediaQuery.atLeast(i.options.revealOn)?i.reveal(!0):i.reveal(!1)}).one("load.zf.offcanvas",function(){e.MediaQuery.atLeast(i.options.revealOn)&&i.reveal(!0)})},i.prototype.reveal=function(t){var e=this.$element.find("[data-close]");t?e.length&&e.hide():e.length&&e.show()},i.prototype.open=function(i,n){if(!this.$element.hasClass("is-open")){var s=this;t(document.body);t("body").scrollTop(0),e.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").addClass("is-off-canvas-open is-open-"+s.options.position),s.$element.addClass("is-open").attr("aria-hidden","false").trigger("opened.zf.offcanvas")}),n&&(this.$lastTrigger=n.attr("aria-expanded","true")),this.options.autoFocus&&this.$element.one("finished.zf.animate",function(){s.$element.find("a, button").eq(0).focus()})}},i.prototype.close=function(){if(this.$element.hasClass("is-open")){var i=this;e.Move(this.options.transitionTime,this.$element,function(){t("[data-off-canvas-wrapper]").removeClass("is-off-canvas-open is-open-"+i.options.position),i.$element.removeClass("is-open")}),this.$element.attr("aria-hidden","true").trigger("closed.zf.offcanvas"),this.$lastTrigger.attr("aria-expanded","false")}},i.prototype.toggle=function(t,e){this.$element.hasClass("is-open")?this.close(t,e):this.open(t,e)},i.prototype._handleKeyboard=function(t){27===t.which&&(t.stopPropagation(),t.preventDefault(),this.close(),this.$lastTrigger.focus())},i.prototype.destroy=function(){},e.plugin(i)}(jQuery,Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Orbit",{ltr:{ARROW_RIGHT:"next",ARROW_LEFT:"previous"},rtl:{ARROW_LEFT:"next",ARROW_RIGHT:"previous"}})}i.defaults={bullets:!0,navButtons:!0,animInFromRight:"slide-in-right",animOutToRight:"slide-out-right",animInFromLeft:"slide-in-left",animOutToLeft:"slide-out-left",autoPlay:!0,timerDelay:5e3,infiniteWrap:!0,swipe:!0,pauseOnHover:!0,accessible:!0,containerClass:"orbit-container",slideClass:"orbit-slide",boxOfBullets:"orbit-bullets",nextClass:"orbit-next",prevClass:"orbit-previous"},i.prototype._init=function(){this.$wrapper=this.$element.find("."+this.options.containerClass),this.$slides=this.$element.find("."+this.options.slideClass);var t=this.$element.find("img");t.length?e.onImagesLoaded(t,this._prepareForOrbit.bind(this)):this._prepareForOrbit(),this.options.bullets&&this._loadBullets(),this._events(),this.options.autoPlay&&this.geoSync(),this.options.accessible&&this.$wrapper.attr("tabindex",0)},i.prototype._loadBullets=function(){this.$bullets=this.$element.find("."+this.options.boxOfBullets).find("button")},i.prototype.geoSync=function(){var t=this;this.timer=new e.Timer(this.$element,{duration:this.options.timerDelay,infinite:!1},function(){t.changeSlide(!0)}),this.timer.start()},i.prototype._prepareForOrbit=function(){var t=this;this._setWrapperHeight(function(e){t._setSlideHeight(e)})},i.prototype._setWrapperHeight=function(e){var i,n=0,s=0;this.$slides.each(function(){i=this.getBoundingClientRect().height,t(this).attr("data-slide",s),s&&t(this).css({position:"relative",display:"none"}),n=i>n?i:n,s++}),s===this.$slides.length&&(this.$wrapper.css({height:n}),e(n))},i.prototype._setSlideHeight=function(e){this.$slides.each(function(){t(this).css("max-height",e)})},i.prototype._events=function(){var i=this;if(this.options.swipe&&this.$slides.off("swipeleft.zf.orbit swiperight.zf.orbit").on("swipeleft.zf.orbit",function(t){t.preventDefault(),i.changeSlide(!0)}).on("swiperight.zf.orbit",function(t){t.preventDefault(),i.changeSlide(!1)}),this.options.autoPlay&&(this.$slides.on("click.zf.orbit",function(){i.$element.data("clickedOn",i.$element.data("clickedOn")?!1:!0),i.timer[i.$element.data("clickedOn")?"pause":"start"]()}),this.options.pauseOnHover&&this.$element.on("mouseenter.zf.orbit",function(){i.timer.pause()}).on("mouseleave.zf.orbit",function(){i.$element.data("clickedOn")||i.timer.start()})),this.options.navButtons){var n=this.$element.find("."+this.options.nextClass+", ."+this.options.prevClass);n.attr("tabindex",0).on("click.zf.orbit touchend.zf.orbit",function(){i.changeSlide(t(this).hasClass(i.options.nextClass))})}this.options.bullets&&this.$bullets.on("click.zf.orbit touchend.zf.orbit",function(){if(/is-active/g.test(this.className))return!1;var e=t(this).data("slide"),n=e>i.$slides.filter(".is-active").data("slide"),s=i.$slides.eq(e);i.changeSlide(n,s,e)}),this.$wrapper.add(this.$bullets).on("keydown.zf.orbit",function(n){e.Keyboard.handleKey(n,i,{next:function(){i.changeSlide(!0)},previous:function(){i.changeSlide(!1)},handled:function(){t(n.target).is(i.$bullets)&&i.$bullets.filter(".is-active").focus()}})})},i.prototype.changeSlide=function(t,i,n){var s=this.$slides.filter(".is-active").eq(0);if(/mui/g.test(s[0].className))return!1;var o,a=this.$slides.first(),r=this.$slides.last(),l=t?"Right":"Left",d=t?"Left":"Right",h=this;o=i?i:t?this.options.infiniteWrap?s.next("."+this.options.slideClass).length?s.next("."+this.options.slideClass):a:s.next("."+this.options.slideClass):this.options.infiniteWrap?s.prev("."+this.options.slideClass).length?s.prev("."+this.options.slideClass):r:s.prev("."+this.options.slideClass),o.length&&(this.options.bullets&&(n=n||this.$slides.index(o),this._updateBullets(n)),e.Motion.animateIn(o.addClass("is-active").css({position:"absolute",top:0}),this.options["animInFrom"+l],function(){o.css({position:"relative",display:"block"}).attr("aria-live","polite")}),e.Motion.animateOut(s.removeClass("is-active"),this.options["animOutTo"+d],function(){s.removeAttr("aria-live"),h.options.autoPlay&&h.timer.restart(),h.$element.trigger("slidechange.zf.orbit",[o])}))},i.prototype._updateBullets=function(t){var e=this.$element.find("."+this.options.boxOfBullets).find(".is-active").removeClass("is-active").blur(),i=e.find("span:last").detach();this.$bullets.eq(t).addClass("is-active").append(i)},i.prototype.destroy=function(){delete this.timer,this.$element.off(".zf.orbit").find("*").off(".zf.orbit").end().hide(),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(i){this.$element=e(i),this.rules=this.$element.data("responsive-menu"),this.currentMq=null,this.currentPlugin=null,this._init(),this._events(),t.registerPlugin(this)}var n={dropdown:{cssClass:"dropdown",plugin:t._plugins["dropdown-menu"]||null},drilldown:{cssClass:"drilldown",plugin:t._plugins.drilldown||null},accordion:{cssClass:"accordion-menu",plugin:t._plugins["accordion-menu"]||null}};i.defaults={},i.prototype._init=function(){for(var t={},i=this.rules.split(" "),s=0;s1?o[0]:"small",r=o.length>1?o[1]:o[0];null!==n[r]&&(t[a]=n[r])}this.rules=t,e.isEmptyObject(t)||this._checkMediaQueries()},i.prototype._events=function(){var t=this;e(window).on("changed.zf.mediaquery",function(){t._checkMediaQueries()})},i.prototype._checkMediaQueries=function(){var i,s=this;e.each(this.rules,function(e){t.MediaQuery.atLeast(e)&&(i=e)}),i&&(this.currentPlugin instanceof this.rules[i].plugin||(e.each(n,function(t,e){s.$element.removeClass(e.cssClass)}),this.$element.addClass(this.rules[i].cssClass),this.currentPlugin&&this.currentPlugin.destroy(),this.currentPlugin=new this.rules[i].plugin(this.$element,{})))},i.prototype.destroy=function(){this.currentPlugin.destroy(),e(window).off(".zf.ResponsiveMenu"),t.unregisterPlugin(this)},t.plugin(i)}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=t(n),this.options=t.extend({},i.defaults,s),this._init(),this._events(),e.registerPlugin(this)}i.defaults={hideFor:"medium"},i.prototype._init=function(){var e=this.$element.data("responsive-toggle");e||console.error("Your tab bar needs an ID of a Menu as the value of data-tab-bar."),this.$targetMenu=t("#"+e),this.$toggler=this.$element.find("[data-toggle]"),this._update()},i.prototype._events=function(){t(window).on("changed.zf.mediaquery",this._update.bind(this)),this.$toggler.on("click.zf.responsiveToggle",this.toggleMenu.bind(this))},i.prototype._update=function(){e.MediaQuery.atLeast(this.options.hideFor)?(this.$element.hide(),this.$targetMenu.show()):(this.$element.show(),this.$targetMenu.hide())},i.prototype.toggleMenu=function(){e.MediaQuery.atLeast(this.options.hideFor)||(this.$targetMenu.toggle(0),this.$element.trigger("toggled.zf.responsiveToggle"))},i.prototype.destroy=function(){},e.plugin(i)}(jQuery,Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,this.$element.data(),s),this._init(),t.registerPlugin(this),t.Keyboard.register("Reveal",{ENTER:"open",SPACE:"open",ESCAPE:"close",TAB:"tab_forward",SHIFT_TAB:"tab_backward"})}i.defaults={animationIn:"",animationOut:"",showDelay:0,hideDelay:0,closeOnClick:!0,closeOnEsc:!0,multipleOpened:!1,vOffset:100,hOffset:0,fullScreen:!1,btmOffsetPct:10,overlay:!0,resetOnClose:!1},i.prototype._init=function(){if(this.id=this.$element.attr("id"),this.isActive=!1,this.$anchor=e(e('[data-open="'+this.id+'"]').length?'[data-open="'+this.id+'"]':'[data-toggle="'+this.id+'"]'),this.$anchor.length){var i=this.$anchor[0].id||t.GetYoDigits(6,"reveal");this.$anchor.attr({"aria-controls":this.id,id:i,"aria-haspopup":!0,tabindex:0}),this.$element.attr({"aria-labelledby":i})}(this.options.fullScreen||this.$element.hasClass("full"))&&(this.options.fullScreen=!0,this.options.overlay=!1),this.options.overlay&&(this.$overlay=this._makeOverlay(this.id)),this.$element.attr({role:"dialog","aria-hidden":!0,"data-yeti-box":this.id,"data-resize":this.id}),this._events()},i.prototype._makeOverlay=function(t){var i=e("
").addClass("reveal-overlay").attr({tabindex:-1,"aria-hidden":!0}).appendTo("body");return this.options.closeOnClick&&i.attr({"data-close":t}),i},i.prototype._events=function(){var t=this;this.$element.on({"open.zf.trigger":this.open.bind(this),"close.zf.trigger":this.close.bind(this),"toggle.zf.trigger":this.toggle.bind(this),"resizeme.zf.trigger":function(){t.$element.is(":visible")&&t._setPosition(function(){})}}),this.$anchor.length&&this.$anchor.on("keydown.zf.reveal",function(e){(13===e.which||32===e.which)&&(e.stopPropagation(),e.preventDefault(),t.open())}),this.options.closeOnClick&&this.options.overlay&&this.$overlay.off(".zf.reveal").on("click.zf.reveal",this.close.bind(this))},i.prototype._setPosition=function(e){var i=t.Box.GetDimensions(this.$element),n=this.options.fullScreen?"reveal full":i.height>=.5*i.windowDims.height?"reveal":"center";"reveal full"===n?(console.log("full"),this.$element.offset(t.Box.GetOffsets(this.$element,null,n,this.options.vOffset)).css({height:i.windowDims.height,width:i.windowDims.width})):t.MediaQuery.atLeast("medium")&&t.Box.ImNotTouchingYou(this.$element,null,!0,!1)?this.$element.css({"max-height":i.windowDims.height-this.options.vOffset*(this.options.btmOffsetPct/100+1),width:""}).offset(t.Box.GetOffsets(this.$element,null,n,this.options.vOffset)):(this.$element.css({width:i.windowDims.width-2*this.options.hOffset}).offset(t.Box.GetOffsets(this.$element,null,"center",this.options.vOffset,this.options.hOffset)),this.changedSize=!0),e()},i.prototype.open=function(){var i=this;this.isActive=!0,this.$element.css({visibility:"hidden"}).show().scrollTop(0),this._setPosition(function(){i.$element.hide().css({visibility:""}),i.options.multipleOpened||i.$element.trigger("closeme.zf.reveal",i.id),i.options.animationIn?i.options.overlay?t.Motion.animateIn(i.$overlay,"fade-in",function(){t.Motion.animateIn(i.$element,i.options.animationIn,function(){})}):t.Motion.animateIn(i.$element,i.options.animationIn,function(){}):i.options.overlay?i.$overlay.show(0,function(){i.$element.show(i.options.showDelay,function(){})}):i.$element.show(i.options.showDelay,function(){})}),this.$element.attr({"aria-hidden":!1}).attr("tabindex",-1).focus().trigger("open.zf.reveal"),e("body").addClass("is-reveal-open").attr({"aria-hidden":this.options.overlay||this.options.fullScreen?!0:!1}),setTimeout(function(){i._extraHandlers()},0)},i.prototype._extraHandlers=function(){var i=this,n=this.$element.find("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]").filter(function(){return!e(this).is(":visible")||e(this).attr("tabindex")<0?!1:!0});this.options.overlay||!this.options.closeOnClick||this.options.fullScreen||e("body").on("click.zf.reveal",function(t){
+i.close()}),this.options.closeOnEsc&&e(window).on("keydown.zf.reveal",function(e){0===n.length&&e.preventDefault(),t.Keyboard.handleKey(e,i,{close:function(){this.options.closeOnEsc&&this.close()}})}),this.$element.on("keydown.zf.reveal",function(s){var o=e(this);t.Keyboard.handleKey(s,i,{tab_forward:function(){this.$element.find(":focus").is(n.eq(-1))&&(n.eq(0).focus(),s.preventDefault())},tab_backward:function(){(this.$element.find(":focus").is(n.eq(0))||this.$element.is(":focus"))&&(n.eq(-1).focus(),s.preventDefault())},open:function(){o.is(n)&&this.open()},close:function(){this.options.closeOnEsc&&this.close()}}),0===n.length&&s.preventDefault()})},i.prototype.close=function(){if(!this.isActive||!this.$element.is(":visible"))return!1;var i=this;this.options.animationOut?t.Motion.animateOut(this.$element,this.options.animationOut,function(){i.options.overlay&&t.Motion.animateOut(i.$overlay,"fade-out",function(){})}):this.$element.hide(i.options.hideDelay,function(){i.options.overlay&&i.$overlay.hide(0,function(){})}),this.options.closeOnEsc&&e(window).off("keydown.zf.reveal"),!this.options.overlay&&this.options.closeOnClick&&e("body").off("click.zf.reveal"),this.$element.off("keydown.zf.reveal"),this.changedSize&&this.$element.css({height:"",width:""}),e("body").removeClass("is-reveal-open").attr({"aria-hidden":!1,tabindex:""}),this.options.resetOnClose&&this.$element.html(this.$element.html()),this.isActive=!1,this.$element.attr({"aria-hidden":!0}).trigger("closed.zf.reveal")},i.prototype.toggle=function(){this.isActive?this.close():this.open()},i.prototype.destroy=function(){this.options.overlay&&this.$overlay.hide().off().remove(),this.$element.hide(),this.$anchor.off(),t.unregisterPlugin(this)},t.plugin(i),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Slider",{ltr:{ARROW_RIGHT:"increase",ARROW_UP:"increase",ARROW_DOWN:"decrease",ARROW_LEFT:"decrease",SHIFT_ARROW_RIGHT:"increase_fast",SHIFT_ARROW_UP:"increase_fast",SHIFT_ARROW_DOWN:"decrease_fast",SHIFT_ARROW_LEFT:"decrease_fast"},rtl:{ARROW_LEFT:"increase",ARROW_RIGHT:"decrease",SHIFT_ARROW_LEFT:"increase_fast",SHIFT_ARROW_RIGHT:"decrease_fast"}})}function n(t,e){return t/e}function s(t,e,i,n){return Math.abs(t.position()[e]+t[n]()/2-i)}i.defaults={start:0,end:100,step:1,initialStart:0,initialEnd:100,binding:!1,clickSelect:!0,vertical:!1,draggable:!0,disabled:!1,doubleSided:!1,decimal:2,moveTime:200,disabledClass:"disabled"},i.prototype._init=function(){this.inputs=this.$element.find("input"),this.handles=this.$element.find("[data-slider-handle]"),this.$handle=this.handles.eq(0),this.$input=this.inputs.length?this.inputs.eq(0):t("#"+this.$handle.attr("aria-controls")),this.$fill=this.$element.find("[data-slider-fill]").css(this.options.vertical?"height":"width",0);var e=!1,i=this;(this.options.disabled||this.$element.hasClass(this.options.disabledClass))&&(this.options.disabled=!0,this.$element.addClass(this.options.disabledClass)),this.inputs.length||(this.inputs=t().add(this.$input),this.options.binding=!0),this._setInitAttr(0),this._events(this.$handle),this.handles[1]&&(this.options.doubleSided=!0,this.$handle2=this.handles.eq(1),this.$input2=this.inputs.length?this.inputs.eq(1):t("#"+this.$handle2.attr("aria-controls")),this.inputs[1]||(this.inputs=this.inputs.add(this.$input2)),e=!0,this._setHandlePos(this.$handle,this.options.initialStart,!0,function(){i._setHandlePos(i.$handle2,i.options.initialEnd)}),this._setInitAttr(1),this._events(this.$handle2)),e||this._setHandlePos(this.$handle,this.options.initialStart,!0)},i.prototype._setHandlePos=function(t,i,s,o){i=parseFloat(i),ithis.options.end&&(i=this.options.end);var a=this.options.doubleSided;if(a)if(0===this.handles.index(t)){var r=parseFloat(this.$handle2.attr("aria-valuenow"));i=i>=r?r-this.options.step:i}else{var l=parseFloat(this.$handle.attr("aria-valuenow"));i=l>=i?l+this.options.step:i}this.options.vertical&&!s&&(i=this.options.end-i);var d=this,h=this.options.vertical,u=h?"height":"width",f=h?"top":"left",c=t[0].getBoundingClientRect()[u]/2,p=this.$element[0].getBoundingClientRect()[u],m=n(i,this.options.end).toFixed(this.options.decimal),g=(p-c)*m,v=(100*n(g,p)).toFixed(this.options.decimal),i=i>0?parseFloat(i.toFixed(this.options.decimal)):0,w={};if(this._setValues(t,i),this.options.doubleSided){var y,b=0===this.handles.index(t);this.handles.index(t);b?(w[f]=(m>0?100*m:0)+"%",y=(100*(n(this.$handle2.position()[f]+c,p)-parseFloat(m))).toFixed(this.options.decimal)+"%",w["min-"+u]=y,o&&"function"==typeof o&&o()):(i=(100>i?i:100)-(parseFloat(this.$handle[0].style.left)||this.options.end-i),w["min-"+u]=i+"%")}this.$element.one("finished.zf.animate",function(){d.animComplete=!0,d.$element.trigger("moved.zf.slider",[t])});var $=d.$element.data("dragging")?1e3/60:d.options.moveTime;e.Move($,t,function(){t.css(f,v+"%"),d.options.doubleSided?d.$fill.css(w):d.$fill.css(u,100*m+"%")})},i.prototype._setInitAttr=function(t){var i=this.inputs.eq(t).attr("id")||e.GetYoDigits(6,"slider");this.inputs.eq(t).attr({id:i,max:this.options.end,min:this.options.start}),this.handles.eq(t).attr({role:"slider","aria-controls":i,"aria-valuemax":this.options.end,"aria-valuemin":this.options.start,"aria-valuenow":0===t?this.options.initialStart:this.options.initialEnd,"aria-orientation":this.options.vertical?"vertical":"horizontal",tabindex:0})},i.prototype._setValues=function(t,e){var i=this.options.doubleSided?this.handles.index(t):0;this.inputs.eq(i).val(e),t.attr("aria-valuenow",e)},i.prototype._handleEvent=function(t,e,i){if(i)var o=i,a=!0;else{t.preventDefault();var r=this.options.vertical,l=r?"height":"width",d=r?"top":"left",h=r?t.pageY:t.pageX,u=this.$handle[0].getBoundingClientRect()[l]/2,f=this.$element[0].getBoundingClientRect()[l],c=this.$element.offset()[d]-h,p=c>0?-u:-f>c-u?f:Math.abs(c),m=n(p,f),o=(this.options.end-this.options.start)*m,a=!1;if(!e){var g=s(this.$handle,d,p,l),v=s(this.$handle2,d,p,l);e=v>=g?this.$handle:this.$handle2}}this._setHandlePos(e,o,a)},i.prototype._events=function(i){if(this.options.disabled)return!1;var n,s,o=this;if(this.inputs.on("change.zf.slider",function(e){var i=o.inputs.index(t(this));o._handleEvent(e,o.handles.eq(i),t(this).val())}),this.options.clickSelect&&this.$element.off("mousedown.zf.slider").on("mousedown.zf.slider",function(t){return o.$element.data("dragging")?!1:(o.animComplete=!1,void(o.options.doubleSided?o._handleEvent(t):o._handleEvent(t,o.$handle)))}),this.options.draggable){this.handles.addTouch();var n,s,a=t("body");i.off("mousedown.zf.slider touchstart.zf.slider keydown.zf.slider").on("mousedown.zf.slider",function(e){i.addClass("is-dragging"),o.$fill.addClass("is-dragging"),o.$element.data("dragging",!0),o.animComplete=!1,n=t(e.currentTarget),a.on("mousemove.zf.slider",function(t){t.preventDefault(),o._handleEvent(t,n)}).on("mouseup.zf.slider",function(t){clearTimeout(s),o.animComplete=!0,o._handleEvent(t,n),i.removeClass("is-dragging"),o.$fill.removeClass("is-dragging"),o.$element.data("dragging",!1),a.off("mousemove.zf.slider mouseup.zf.slider")})})}i.on("keydown.zf.slider",function(i){var n,s=o.options.doubleSided?o.handles.index(t(this)):0,a=Number(o.inputs.eq(s).val()),r=t(this);e.Keyboard.handleKey(i,o,{decrease:function(){n=a-o.options.step},increase:function(){n=a+o.options.step},decrease_fast:function(){n=a-10*o.options.step},increase_fast:function(){n=a+10*o.options.step},handled:function(){i.preventDefault(),o._setHandlePos(r,n,!0)}})})},i.prototype.destroy=function(){this.handles.off(".zf.slider"),this.inputs.off(".zf.slider"),this.$element.off(".zf.slider"),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this)}function n(t){return parseInt(window.getComputedStyle(document.body,null).fontSize,10)*t}i.defaults={container:"
",stickTo:"top",anchor:"",topAnchor:"",btmAnchor:"",marginTop:1,marginBottom:1,stickyOn:"medium",stickyClass:"sticky",containerClass:"sticky-container",checkEvery:-1},i.prototype._init=function(){var i=this.$element.parent("[data-sticky-container]"),n=this.$element[0].id||e.GetYoDigits(6,"sticky"),s=this;i.length||(this.wasWrapped=!0),this.$container=i.length?i:t(this.options.container).wrapInner(this.$element),this.$container.addClass(this.options.containerClass),this.$element.addClass(this.options.stickyClass).attr({"data-resize":n}),this.scrollCount=this.options.checkEvery,this.isStuck=!1,""!==this.options.topAnchor?this._parsePoints():this.$anchor=t(this.options.anchor?"#"+this.options.anchor:document.body),this._setSizes(function(){s._calc(!1)}),this._events(n.split("-").reverse().join("-"))},i.prototype._parsePoints=function(){for(var e=this.options.topAnchor,i=this.options.btmAnchor,n=[e,i],s={},o=0,a=n.length;a>o&&n[o];o++){var r;if("number"==typeof n[o])r=n[o];else{var l=n[o].split(":"),d=t("#"+l[0]);r=d.offset().top,l[1]&&"bottom"===l[1].toLowerCase()&&(r+=d[0].getBoundingClientRect().height)}s[o]=r}this.points=s},i.prototype._events=function(e){var i=this,n="scroll.zf."+e;this.isOn||(this.canStick&&(this.isOn=!0,t(window).off(n).on(n,function(t){0===i.scrollCount?(i.scrollCount=i.options.checkEvery,i._setSizes(function(){i._calc(!1,window.pageYOffset)})):(i.scrollCount--,i._calc(!1,window.pageYOffset))})),this.$element.off("resizeme.zf.trigger").on("resizeme.zf.trigger",function(t,s){i._setSizes(function(){i._calc(!1),i.canStick?i.isOn||i._events(e):i.isOn&&i._pauseListeners(n)})}))},i.prototype._pauseListeners=function(e){this.isOn=!1,t(window).off(e),this.$element.trigger("pause.zf.sticky")},i.prototype._calc=function(t,e){return t&&this._setSizes(),this.canStick?(e||(e=window.pageYOffset),void(e>=this.topPoint?e<=this.bottomPoint?this.isStuck||this._setSticky():this.isStuck&&this._removeSticky(!1):this.isStuck&&this._removeSticky(!0))):(this.isStuck&&this._removeSticky(!0),!1)},i.prototype._setSticky=function(){var t=this.options.stickTo,e="top"===t?"marginTop":"marginBottom",i="top"===t?"bottom":"top",n={};n[e]=this.options[e]+"em",n[t]=0,n[i]="auto",n.left=this.$container.offset().left+parseInt(window.getComputedStyle(this.$container[0])["padding-left"],10),this.isStuck=!0,this.$element.removeClass("is-anchored is-at-"+i).addClass("is-stuck is-at-"+t).css(n).trigger("sticky.zf.stuckto:"+t)},i.prototype._removeSticky=function(t){var e,i,n=this.options.stickTo,s="top"===n,o={},a=(this.points?this.points[1]-this.points[0]:this.anchorHeight)-this.elemHeight;e=s?"marginTop":"marginBottom",i=s?"bottom":"top",o[e]=0,t&&!s||s&&!t?(o[n]=a,o[i]=0):(o[n]=0,o[i]=a),o.left="",this.isStuck=!1,this.$element.removeClass("is-stuck is-at-"+n).addClass("is-anchored is-at-"+(t?"top":"bottom")).css(o).trigger("top")},i.prototype._setSizes=function(t){this.canStick=e.MediaQuery.atLeast(this.options.stickyOn),this.canStick||t();var i=this.$container[0].getBoundingClientRect().width,n=window.getComputedStyle(this.$container[0]),s=parseInt(n["padding-right"],10);this.$anchor&&this.$anchor.length?this.anchorHeight=this.$anchor[0].getBoundingClientRect().height:this._parsePoints(),this.$element.css({"max-width":i-s+"px"});var o=this.$element[0].getBoundingClientRect().height||this.containerHeight;this.containerHeight=o,this.$container.css({height:o}),this.elemHeight=o,this.isStuck&&this.$element.css({left:this.$container.offset().left+parseInt(n["padding-left"],10)}),this._setBreakPoints(o,function(){t&&t()})},i.prototype._setBreakPoints=function(t,e){if(!this.canStick){if(!e)return!1;e()}var i=n(this.options.marginTop),s=n(this.options.marginBottom),o=this.points?this.points[0]:this.$anchor.offset().top,a=this.points?this.points[1]:o+this.anchorHeight,r=window.innerHeight;"top"===this.options.stickTo?(o-=i,a-=t+i):"bottom"===this.options.stickTo&&(o-=r-(t+s),a-=r-s),this.topPoint=o,this.bottomPoint=a,e&&e()},i.prototype.destroy=function(){this._removeSticky(!0),this.$element.removeClass(this.options.stickyClass+" is-anchored is-at-top").css({height:"",top:"",bottom:"","max-width":""}).off("resizeme.zf.trigger"),this.$anchor.off("change.zf.sticky"),t(window).off("scroll.zf.sticky"),this.wasWrapped?this.$element.unwrap():this.$container.removeClass(this.options.containerClass).css({height:""}),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=t.extend({},i.defaults,this.$element.data(),s),this._init(),e.registerPlugin(this),e.Keyboard.register("Tabs",{ENTER:"open",SPACE:"open",ARROW_RIGHT:"next",ARROW_UP:"previous",ARROW_DOWN:"next",ARROW_LEFT:"previous"})}i.defaults={autoFocus:!1,wrapOnKeys:!0,matchHeight:!1,linkClass:"tabs-title",panelClass:"tabs-panel"},i.prototype._init=function(){var i=this;if(this.$tabTitles=this.$element.find("."+this.options.linkClass),this.$tabContent=t('[data-tabs-content="'+this.$element[0].id+'"]'),this.$tabTitles.each(function(){var e=t(this),n=e.find("a"),s=e.hasClass("is-active"),o=n.attr("href").slice(1),a=o+"-label",r=t(o);e.attr({role:"presentation"}),n.attr({role:"tab","aria-controls":o,"aria-selected":s,id:a}),r.attr({role:"tabpanel","aria-hidden":!s,"aria-labelledby":a}),s&&i.options.autoFocus&&n.focus()}),this.options.matchHeight){var n=this.$tabContent.find("img");n.length?e.onImagesLoaded(n,this._setHeight.bind(this)):this._setHeight()}this._events()},i.prototype._events=function(){this._addKeyHandler(),this._addClickHandler(),this.options.matchHeight&&t(window).on("changed.zf.mediaquery",this._setHeight.bind(this))},i.prototype._addClickHandler=function(){var e=this;this.$tabTitles.off("click.zf.tabs").on("click.zf.tabs",function(i){i.preventDefault(),i.stopPropagation(),t(this).hasClass("is-active")||e._handleTabChange(t(this))})},i.prototype._addKeyHandler=function(){var i=this;i.$element.find("li:first-of-type"),i.$element.find("li:last-of-type");this.$tabTitles.off("keydown.zf.tabs").on("keydown.zf.tabs",function(n){n.stopPropagation(),n.preventDefault();var s,o,a=t(this),r=a.parent("ul").children("li");r.each(function(e){return t(this).is(a)?void(i.options.wrapOnKeys?(s=0===e?r.last():r.eq(e-1),o=e===r.length-1?r.first():r.eq(e+1)):(s=r.eq(Math.max(0,e-1)),o=r.eq(Math.min(e+1,r.length-1)))):void 0}),e.Keyboard.handleKey(n,i,{open:function(){a.find('[role="tab"]').focus(),i._handleTabChange(a)},previous:function(){s.find('[role="tab"]').focus(),i._handleTabChange(s)},next:function(){o.find('[role="tab"]').focus(),i._handleTabChange(o)}})})},i.prototype._handleTabChange=function(e){var i=e.find('[role="tab"]'),n=i.attr("href"),s=t(n),o=this.$element.find("."+this.options.linkClass+".is-active").removeClass("is-active").find('[role="tab"]').attr({"aria-selected":"false"}).attr("href");t(o).removeClass("is-active").attr({"aria-hidden":"true"}),e.addClass("is-active"),i.attr({"aria-selected":"true"}),s.addClass("is-active").attr({"aria-hidden":"false"}),this.$element.trigger("change.zf.tabs",[e])},i.prototype.selectTab=function(t){var e;e="object"==typeof t?t[0].id:t,e.indexOf("#")<0&&(e="#"+e);var i=this.$tabTitles.find('[href="'+e+'"]').parent("."+this.options.linkClass);this._handleTabChange(i)},i.prototype._setHeight=function(){var e=0;this.$tabContent.find("."+this.options.panelClass).css("height","").each(function(){var i=t(this),n=i.hasClass("is-active");n||i.css({visibility:"hidden",display:"block"});var s=this.getBoundingClientRect().height;n||i.css({visibility:"",display:""}),e=s>e?s:e}).css("height",e+"px")},i.prototype.destroy=function(){this.$element.find("."+this.options.linkClass).off(".zf.tabs").hide().end().find("."+this.options.panelClass).hide(),this.options.matchHeight&&t(window).off("changed.zf.mediaquery"),e.unregisterPlugin(this)},e.plugin(i)}(jQuery,window.Foundation),!function(t,e){"use strict";function i(n,s){this.$element=n,this.options=e.extend({},i.defaults,n.data(),s),this.className="",this._init(),this._events(),t.registerPlugin(this)}i.defaults={animate:!1},i.prototype._init=function(){var t;this.options.animate?(t=this.options.animate.split(" "),this.animationIn=t[0],this.animationOut=t[1]||null):(t=this.$element.data("toggler"),"."===t[0]?this.className=t.slice(1):this.className=t);var i=this.$element[0].id;e('[data-open="'+i+'"], [data-close="'+i+'"], [data-toggle="'+i+'"]').attr("aria-controls",i),this.$element.is(":hidden")&&this.$element.attr("aria-expanded","false")},i.prototype._events=function(){var t=this;this.$element.on("toggle.zf.trigger",function(){return t.toggle(),!1})},i.prototype.toggle=function(){this.options.animate?this._toggleAnimate():this._toggleClass()},i.prototype._toggleClass=function(){var t=this;this.$element.toggleClass(this.className),this.$element.hasClass(this.className)?this.$element.trigger("on.zf.toggler"):this.$element.trigger("off.zf.toggler"),t._updateARIA()},i.prototype._toggleAnimate=function(){var e=this;this.$element.is(":hidden")?t.Motion.animateIn(this.$element,this.animationIn,function(){this.trigger("on.zf.toggler"),e._updateARIA()}):t.Motion.animateOut(this.$element,this.animationOut,function(){this.trigger("off.zf.toggler"),e._updateARIA()})},i.prototype._updateARIA=function(){this.$element.is(":hidden")?this.$element.attr("aria-expanded","false"):this.$element.attr("aria-expanded","true")},i.prototype.destroy=function(){this.$element.off(".zf.toggler"),t.unregisterPlugin(this)},t.plugin(i),"undefined"!=typeof module&&"undefined"!=typeof module.exports&&(module.exports=i),"function"==typeof define&&define(["foundation"],function(){return i})}(Foundation,jQuery),!function(t,e,i){"use strict";function n(e,s){this.$element=e,this.options=t.extend({},n.defaults,this.$element.data(),s),this.isActive=!1,this.isClick=!1,this._init(),i.registerPlugin(this)}n.defaults={disableForTouch:!1,hoverDelay:200,fadeInDuration:150,fadeOutDuration:150,disableHover:!1,templateClasses:"",tooltipClass:"tooltip",triggerClass:"has-tip",showOn:"small",template:"",tipText:"",touchCloseText:"Tap to close.",clickOpen:!0,positionClass:"",vOffset:10,hOffset:12},n.prototype._init=function(){var n=this.$element.attr("aria-describedby")||i.GetYoDigits(6,"tooltip");this.options.positionClass=this._getPositionClass(this.$element),this.options.tipText=this.options.tipText||this.$element.attr("title"),this.template=this.options.template?t(this.options.template):this._buildTemplate(n),this.template.appendTo(e.body).text(this.options.tipText).hide(),this.$element.attr({title:"","aria-describedby":n,"data-yeti-box":n,"data-toggle":n,"data-resize":n}).addClass(this.triggerClass),this.usedPositions=[],this.counter=4,this.classChanged=!1,this._events()},n.prototype._getPositionClass=function(t){if(!t)return"";var e=t[0].className.match(/(top|left|right)/g);return e=e?e[0]:""},n.prototype._buildTemplate=function(e){var i=(this.options.tooltipClass+" "+this.options.positionClass).trim(),n=t("
").addClass(i).attr({role:"tooltip","aria-hidden":!0,"data-is-active":!1,"data-is-focus":!1,id:e});return n},n.prototype._reposition=function(t){this.usedPositions.push(t?t:"bottom"),!t&&this.usedPositions.indexOf("top")<0?this.template.addClass("top"):"top"===t&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"left"===t&&this.usedPositions.indexOf("right")<0?this.template.removeClass(t).addClass("right"):"right"===t&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):!t&&this.usedPositions.indexOf("top")>-1&&this.usedPositions.indexOf("left")<0?this.template.addClass("left"):"top"===t&&this.usedPositions.indexOf("bottom")>-1&&this.usedPositions.indexOf("left")<0?this.template.removeClass(t).addClass("left"):"left"===t&&this.usedPositions.indexOf("right")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):"right"===t&&this.usedPositions.indexOf("left")>-1&&this.usedPositions.indexOf("bottom")<0?this.template.removeClass(t):this.template.removeClass(t),this.classChanged=!0,this.counter--},n.prototype._setPosition=function(){var t=this._getPositionClass(this.template),e=i.Box.GetDimensions(this.template),n=i.Box.GetDimensions(this.$element),s="left"===t?"left":"right"===t?"left":"top",o="top"===s?"height":"width";"height"===o?this.options.vOffset:this.options.hOffset;if(e.width>=e.windowDims.width||!this.counter&&!i.Box.ImNotTouchingYou(this.template))return this.template.offset(i.Box.GetOffsets(this.template,this.$element,"center bottom",this.options.vOffset,this.options.hOffset,!0)).css({width:n.windowDims.width-2*this.options.hOffset,height:"auto"}),!1;for(this.template.offset(i.Box.GetOffsets(this.template,this.$element,"center "+(t||"bottom"),this.options.vOffset,this.options.hOffset));!i.Box.ImNotTouchingYou(this.template)&&this.counter;)this._reposition(t),this._setPosition()},n.prototype.show=function(){if("all"!==this.options.showOn&&!i.MediaQuery.atLeast(this.options.showOn))return!1;var t=this;this.template.css("visibility","hidden").show(),this._setPosition(),this.$element.trigger("closeme.zf.tooltip",this.template.attr("id")),this.template.attr({"data-is-active":!0,"aria-hidden":!1}),t.isActive=!0,this.template.stop().hide().css("visibility","").fadeIn(this.options.fadeInDuration,function(){}),this.$element.trigger("show.zf.tooltip")},n.prototype.hide=function(){var t=this;this.template.stop().attr({"aria-hidden":!0,"data-is-active":!1}).fadeOut(this.options.fadeOutDuration,function(){t.isActive=!1,t.isClick=!1,t.classChanged&&(t.template.removeClass(t._getPositionClass(t.template)).addClass(t.options.positionClass),t.usedPositions=[],t.counter=4,t.classChanged=!1)}),this.$element.trigger("hide.zf.tooltip")},n.prototype._events=function(){var t=this,e=(this.template,!1);this.options.disableHover||this.$element.on("mouseenter.zf.tooltip",function(e){t.isActive||(t.timeout=setTimeout(function(){t.show()},t.options.hoverDelay))}).on("mouseleave.zf.tooltip",function(i){clearTimeout(t.timeout),(!e||!t.isClick&&t.options.clickOpen)&&t.hide()}),this.options.clickOpen&&this.$element.on("mousedown.zf.tooltip",function(e){e.stopImmediatePropagation(),t.isClick?t.hide():(t.isClick=!0,!t.options.disableHover&&t.$element.attr("tabindex")||t.isActive||t.show())}),this.options.disableForTouch||this.$element.on("tap.zf.tooltip touchend.zf.tooltip",function(e){t.isActive?t.hide():t.show()}),this.$element.on({"close.zf.trigger":this.hide.bind(this)}),this.$element.on("focus.zf.tooltip",function(i){return e=!0,console.log(t.isClick),t.isClick?!1:void t.show()}).on("focusout.zf.tooltip",function(i){e=!1,t.isClick=!1,t.hide()}).on("resizeme.zf.trigger",function(){t.isActive&&t._setPosition()})},n.prototype.toggle=function(){this.isActive?this.hide():this.show()},n.prototype.destroy=function(){this.$element.attr("title",this.template.text()).off(".zf.trigger .zf.tootip").removeAttr("aria-describedby").removeAttr("data-yeti-box").removeAttr("data-toggle").removeAttr("data-resize"),this.template.remove(),i.unregisterPlugin(this)},i.plugin(n)}(jQuery,window.document,window.Foundation),function(t,e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?module.exports=e(require("jquery")):t.MotionUI=e(t.jQuery)}(this,function(t){"use strict";function e(e,o,a,r){function l(){e||o.hide(),d(),r&&r.apply(o)}function d(){o[0].style.transitionDuration=0,o.removeClass(h+" "+u+" "+a)}if(o=t(o).eq(0),o.length){if(null===s)return e?o.show():o.hide(),void r();var h=e?i[0]:i[1],u=e?n[0]:n[1];d(),o.addClass(a),o.css("transition","none"),requestAnimationFrame(function(){o.addClass(h),e&&o.show()}),requestAnimationFrame(function(){o[0].offsetWidth,o.css("transition",""),o.addClass(u)}),o.one("transitionend",l)}}!function(){Date.now||(Date.now=function(){return(new Date).getTime()});for(var t=["webkit","moz"],e=0;e
-
-
-
-
-
-
-
diff --git a/doc/assets/img/icons-font/fi-folder.svg b/doc/assets/img/icons-font/fi-folder.svg
deleted file mode 100644
index eef46f31943c5be317efa10fb78533d8dfb174d0..0000000000000000000000000000000000000000
--- a/doc/assets/img/icons-font/fi-folder.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/icons-font/fi-page.svg b/doc/assets/img/icons-font/fi-page.svg
deleted file mode 100644
index f9057e9937cdaf55160900cdcb9a3b1ae4abca62..0000000000000000000000000000000000000000
--- a/doc/assets/img/icons-font/fi-page.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/icons/apple-touch-icon-114x114-precomposed.png b/doc/assets/img/icons/apple-touch-icon-114x114-precomposed.png
deleted file mode 100644
index 7b91e864a0b9e78ce6650c0893e1a62d7eeb3217..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/icons/apple-touch-icon-114x114-precomposed.png and /dev/null differ
diff --git a/doc/assets/img/icons/apple-touch-icon-144x144-precomposed.png b/doc/assets/img/icons/apple-touch-icon-144x144-precomposed.png
deleted file mode 100644
index 970a323c35edecc0db341dc5d9e9f64d9defd826..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/icons/apple-touch-icon-144x144-precomposed.png and /dev/null differ
diff --git a/doc/assets/img/icons/apple-touch-icon-72x72-precomposed.png b/doc/assets/img/icons/apple-touch-icon-72x72-precomposed.png
deleted file mode 100644
index 0415205463b587c7ad8994462d51bdb40ab5b237..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/icons/apple-touch-icon-72x72-precomposed.png and /dev/null differ
diff --git a/doc/assets/img/icons/apple-touch-icon-precomposed.png b/doc/assets/img/icons/apple-touch-icon-precomposed.png
deleted file mode 100644
index 03d36dc5020a1c6409062e057ec87a7ca9614f2c..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/icons/apple-touch-icon-precomposed.png and /dev/null differ
diff --git a/doc/assets/img/icons/favicon.ico b/doc/assets/img/icons/favicon.ico
deleted file mode 100644
index 0ce83eaa696c96eca8451b74b9435abcbed5bf0e..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/icons/favicon.ico and /dev/null differ
diff --git a/doc/assets/img/icons/plane.svg b/doc/assets/img/icons/plane.svg
deleted file mode 100644
index c48f874dfb7ede5a988271241b202e1e3ec9052b..0000000000000000000000000000000000000000
--- a/doc/assets/img/icons/plane.svg
+++ /dev/null
@@ -1,3382 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-]>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/app_scss.png b/doc/assets/img/images/app_scss.png
deleted file mode 100644
index 0273319fac25255e1bb7f42cde41cac4ede97bb9..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/images/app_scss.png and /dev/null differ
diff --git a/doc/assets/img/images/button_settings.png b/doc/assets/img/images/button_settings.png
deleted file mode 100644
index 78293f1255044b4936907a37dece173c45df978f..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/images/button_settings.png and /dev/null differ
diff --git a/doc/assets/img/images/cactus.jpg b/doc/assets/img/images/cactus.jpg
deleted file mode 100644
index 253c5e92a240f3a9e17fba95fd6d95c73300d5fd..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/images/cactus.jpg and /dev/null differ
diff --git a/doc/assets/img/images/codekit.png b/doc/assets/img/images/codekit.png
deleted file mode 100644
index 56e804a0908e2c3ddb91e799c93953f06e63a4f6..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/images/codekit.png and /dev/null differ
diff --git a/doc/assets/img/images/css.svg b/doc/assets/img/images/css.svg
deleted file mode 100644
index 70de985020598d8058db009a559e022b88e25a1e..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/css.svg
+++ /dev/null
@@ -1,132 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/faster-to-code-medium.svg b/doc/assets/img/images/faster-to-code-medium.svg
deleted file mode 100644
index 2c31aa19d659f4324b00477c38e8f6c2b048f3e6..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/faster-to-code-medium.svg
+++ /dev/null
@@ -1,487 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/faster-to-code.svg b/doc/assets/img/images/faster-to-code.svg
deleted file mode 100644
index 6d545fb1398e15fb2410f7ada13d2d3880c69c1a..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/faster-to-code.svg
+++ /dev/null
@@ -1,1826 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-]>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/fi-bookmark.svg b/doc/assets/img/images/fi-bookmark.svg
deleted file mode 100644
index 0cc900b8f1c15308437b6404cc7faa69a157c8a5..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/fi-bookmark.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/fi-home.svg b/doc/assets/img/images/fi-home.svg
deleted file mode 100644
index 3fbbda22f4576190716135305563bcd813ff9a0f..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/fi-home.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
diff --git a/doc/assets/img/images/fi-info.svg b/doc/assets/img/images/fi-info.svg
deleted file mode 100644
index d71a2645bbdb96d029131a4d33c78bd90536814d..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/fi-info.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/fi-like.svg b/doc/assets/img/images/fi-like.svg
deleted file mode 100644
index cd1bbfa377bfa0be296bdb9916d752c57dfa0415..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/fi-like.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/fi-mail.svg b/doc/assets/img/images/fi-mail.svg
deleted file mode 100644
index 36dd35c7ecc7472c0d69d0bc577a9658b311a123..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/fi-mail.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/file_listing.png b/doc/assets/img/images/file_listing.png
deleted file mode 100644
index c0c0d52755447fb6c4931c52ecac121f6cb30483..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/images/file_listing.png and /dev/null differ
diff --git a/doc/assets/img/images/foundation-forum.svg b/doc/assets/img/images/foundation-forum.svg
deleted file mode 100644
index afdfee4ced3eb34c230bf19e64bed83c073bd69a..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/foundation-forum.svg
+++ /dev/null
@@ -1,219 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/git.svg b/doc/assets/img/images/git.svg
deleted file mode 100644
index 28e808e33037663b22e6e1761bc8b5907568aab5..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/git.svg
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/globalstyles.svg b/doc/assets/img/images/globalstyles.svg
deleted file mode 100644
index 9cb1db1c0e58e861d5c4cb7cc05d4eec6278a4f1..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/globalstyles.svg
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/howtouse.svg b/doc/assets/img/images/howtouse.svg
deleted file mode 100644
index ee4d15a412ad3349a58f3c1e326339d5655bd193..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/howtouse.svg
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/mixture_yeti.svg b/doc/assets/img/images/mixture_yeti.svg
deleted file mode 100644
index ffd0757bfe155d5a8ead845f3fbcb637f6385c63..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/mixture_yeti.svg
+++ /dev/null
@@ -1,165 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/node.svg b/doc/assets/img/images/node.svg
deleted file mode 100644
index f0e77add7d739450302cdacf0b1dc08f47a47fcd..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/node.svg
+++ /dev/null
@@ -1,105 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/rails.svg b/doc/assets/img/images/rails.svg
deleted file mode 100644
index 1718d9f21db69cc46546b91b43784102c6f5a902..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/rails.svg
+++ /dev/null
@@ -1,101 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/responsive-banner-main.svg b/doc/assets/img/images/responsive-banner-main.svg
deleted file mode 100644
index a78ba49f7465b81a291ec29be150d49ea4db1cf4..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/responsive-banner-main.svg
+++ /dev/null
@@ -1,264 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/responsive-medium.svg b/doc/assets/img/images/responsive-medium.svg
deleted file mode 100644
index 1280cdfe759d00774e2198b451ae9ebe07a8cc40..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/responsive-medium.svg
+++ /dev/null
@@ -1,516 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/responsive.svg b/doc/assets/img/images/responsive.svg
deleted file mode 100644
index a43838871b60906b5d486d8142828ef8f9280ea4..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/responsive.svg
+++ /dev/null
@@ -1,540 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/ruby.svg b/doc/assets/img/images/ruby.svg
deleted file mode 100644
index 051761e6ed458e112bceb1057b2af1bab9df240e..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/ruby.svg
+++ /dev/null
@@ -1,163 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/scss.svg b/doc/assets/img/images/scss.svg
deleted file mode 100644
index aaf7341e30960445dfab5f95e581404a3d3682eb..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/scss.svg
+++ /dev/null
@@ -1,108 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/scssflow-med.svg b/doc/assets/img/images/scssflow-med.svg
deleted file mode 100644
index ef83e673c8e1e00f2a1447d7431f2f2385e610f7..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/scssflow-med.svg
+++ /dev/null
@@ -1,959 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-SCSS
-
-
-
-
-
-
-
-
-
-
- Libsass
- Grunt
- +
-
-
-Compass
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-No
-
-Yes
-
-Do You Have Ruby Installed?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- SCSS
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Libsass + Grunt
-
- Compass
-
-
- Yes
-
- No
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/scssflow-small.svg b/doc/assets/img/images/scssflow-small.svg
deleted file mode 100644
index 2be88e258c3372b37a642e20b705a79a6826c244..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/scssflow-small.svg
+++ /dev/null
@@ -1,458 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/scssflow.svg b/doc/assets/img/images/scssflow.svg
deleted file mode 100644
index 17da6f8d7b2d0e1259ea6fe0fdd78fa9b207bc6b..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/scssflow.svg
+++ /dev/null
@@ -1,957 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-SCSS
-
-
-
-
-
-
-
-
-
-
- Libsass
- Grunt
- +
-
-
-Compass
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-No
-
-Yes
-
-Do You Have Ruby Installed?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- SCSS
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Libsass + Grunt
-
- Compass
-
-
- Yes
-
- No
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/support-business-gs.svg b/doc/assets/img/images/support-business-gs.svg
deleted file mode 100644
index 6234fd86175c17d6afeeeca47f81b757a4ca94e9..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/support-business-gs.svg
+++ /dev/null
@@ -1,133 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/support-forum-gs.svg b/doc/assets/img/images/support-forum-gs.svg
deleted file mode 100644
index e9093bbab3e7eda2507acb767126f09607c391a2..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/support-forum-gs.svg
+++ /dev/null
@@ -1,116 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/images/support-github.svg b/doc/assets/img/images/support-github.svg
deleted file mode 100644
index 1f70f5050d18cd85c5435a7106752e044f51778b..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/support-github.svg
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/assets/img/images/using-css.png b/doc/assets/img/images/using-css.png
deleted file mode 100644
index 399324cc3de76d3d2436a847efd4e5099e96f92e..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/images/using-css.png and /dev/null differ
diff --git a/doc/assets/img/images/whatyouget.svg b/doc/assets/img/images/whatyouget.svg
deleted file mode 100644
index 243b1eb98cf28afefbcf5e4779f0bcfd528b5ee6..0000000000000000000000000000000000000000
--- a/doc/assets/img/images/whatyouget.svg
+++ /dev/null
@@ -1,72 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/offcanvas/footer-icons-retina.png b/doc/assets/img/offcanvas/footer-icons-retina.png
deleted file mode 100644
index 825ca021a2e9d5bd17619063135e918d943120ed..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/offcanvas/footer-icons-retina.png and /dev/null differ
diff --git a/doc/assets/img/offcanvas/footer-icons.png b/doc/assets/img/offcanvas/footer-icons.png
deleted file mode 100644
index 3f6836dc9447bd3d2d013668cc921f71cfd475c4..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/offcanvas/footer-icons.png and /dev/null differ
diff --git a/doc/assets/img/offcanvas/menu-wht.png b/doc/assets/img/offcanvas/menu-wht.png
deleted file mode 100644
index eb1ee19e2cf1f616181bb184c9cf50c927c36fa1..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/offcanvas/menu-wht.png and /dev/null differ
diff --git a/doc/assets/img/offcanvas/search.png b/doc/assets/img/offcanvas/search.png
deleted file mode 100644
index b0ea275d017e966d173f7791be5700480ad31e71..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/offcanvas/search.png and /dev/null differ
diff --git a/doc/assets/img/offcanvas/zurb-logo.png b/doc/assets/img/offcanvas/zurb-logo.png
deleted file mode 100644
index 921f13adde503655af37db32ad81b40dd2c12f79..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/offcanvas/zurb-logo.png and /dev/null differ
diff --git a/doc/assets/img/offcanvas/zurb-wht.png b/doc/assets/img/offcanvas/zurb-wht.png
deleted file mode 100644
index 90488ecb4d8f547b4f3c823f546ed88662fb9127..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/offcanvas/zurb-wht.png and /dev/null differ
diff --git a/doc/assets/img/spaceship.svg b/doc/assets/img/spaceship.svg
deleted file mode 100644
index be8f48e2e516de198358cabd3ed822c9fea8157f..0000000000000000000000000000000000000000
--- a/doc/assets/img/spaceship.svg
+++ /dev/null
@@ -1,434 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/yeti-pointing.svg b/doc/assets/img/yeti-pointing.svg
deleted file mode 100644
index 628278a445c2f386fcacae16d6f7c7492d16234f..0000000000000000000000000000000000000000
--- a/doc/assets/img/yeti-pointing.svg
+++ /dev/null
@@ -1,13084 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-]>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/assets/img/yeti-ruby.png b/doc/assets/img/yeti-ruby.png
deleted file mode 100644
index 453c287834dab5aeee286bd0404319d71135de18..0000000000000000000000000000000000000000
Binary files a/doc/assets/img/yeti-ruby.png and /dev/null differ
diff --git a/doc/assets/img/zurb-logo.svg b/doc/assets/img/zurb-logo.svg
deleted file mode 100644
index 01b9dbd15967303a7ee42b5aec2d2d6d11c721f1..0000000000000000000000000000000000000000
--- a/doc/assets/img/zurb-logo.svg
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-
-
-
-
diff --git a/doc/assets/js/docs.js b/doc/assets/js/docs.js
deleted file mode 100644
index 3f8b67df7c6913b31aa5e1c92cc94d7d425c124a..0000000000000000000000000000000000000000
--- a/doc/assets/js/docs.js
+++ /dev/null
@@ -1,159 +0,0 @@
-var components = [];
-var unique_search_terms = {};
-
-function pushSearchTerm(searchTerm, data) {
- if (!unique_search_terms[searchTerm]) {
- components.push({
- value: searchTerm,
- data: data
- });
-
- unique_search_terms[searchTerm] = true
- }
-};
-
-$("[data-search]")
- .each(function() {
- var self = $(this),
- searchTerm = self.text().trim(),
- otherSearchTerms = self.data("search").trim(),
- url = self.attr("href");
-
- pushSearchTerm(searchTerm, self.attr("href"))
-
- if (otherSearchTerms !== "") {
- $.each(otherSearchTerms.split(","), function(idx, el) {
- pushSearchTerm(el, self.attr("href"))
- });
- }
- });
-
-$('#autocomplete').autocomplete({
- lookup: components,
- autoSelectFirst: true,
- onSelect: function (suggestion) {
- window.location = suggestion.data;
- }
-});
-
-$('input, textarea').placeholder();
-
-$('#interchangeMarkup').on('replace', function () {
- $.getScript("https://maps.googleapis.com/maps/api/js?key=AIzaSyBOVwxUM9akvFrSWmmb2iKc7Fe0vjRBY7c&sensor=false&callback=initializeMaps");
-});
-
-function initializeMaps() {
- // Basic options for a simple Google Map
- // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
- var mapOptions = {
- // How zoomed in you want the map to start at (always required)
- zoom: 11,
-
- // The latitude and longitude to center the map (always required)
- center: new google.maps.LatLng(40.6700, -73.9400), // New York
-
- // How you would like to style the map.
- // This is where you would paste any style found on Snazzy Maps.
- styles: [{'featureType':'water','stylers':[{'visibility':'on'},{'color':'#acbcc9'}]},{'featureType':'landscape','stylers':[{'color':'#f2e5d4'}]},{'featureType':'road.highway','elementType':'geometry','stylers':[{'color':'#c5c6c6'}]},{'featureType':'road.arterial','elementType':'geometry','stylers':[{'color':'#e4d7c6'}]},{'featureType':'road.local','elementType':'geometry','stylers':[{'color':'#fbfaf7'}]},{'featureType':'poi.park','elementType':'geometry','stylers':[{'color':'#c5dac6'}]},{'featureType':'administrative','stylers':[{'visibility':'on'},{'lightness':33}]},{'featureType':'road'},{'featureType':'poi.park','elementType':'labels','stylers':[{'visibility':'on'},{'lightness':20}]},{},{'featureType':'road','stylers':[{'lightness':20}]}]
- };
-
- // Get the HTML DOM element that will contain your map
- // We are using a div with id="map" seen below in the
- var mapElement = document.getElementById('map');
-
- // Create the Google Map using out element and options defined above
- var map = new google.maps.Map(mapElement, mapOptions);
-}
-
-var currentUrl = window.location.href;
- partial = currentUrl.split('docs')[1].split('/'),
- page = partial[partial.length-1],
- sidenav_links = $('.side-nav a');
-
-sidenav_links.each(function () {
- var link = $(this);
- if (page == link.attr('href')) {
- link.closest('li').addClass('active');
- }
-});
-
-// Fetch forum posts
-if ($('[data-forum-posts]').length > 0) {
- var cb = function(data) {
- var html = '';
- $.each(data, function(idx, el) {
- html += JST['doc/templates/forum_post.html'](el);
- });
- $('[data-forum-posts]').each(function() {
- $(this).html(html);
- });
- };
- $.ajax({
- url:'http://foundation.zurb.com/forum/api/v1/posts.json',
- dataType:'jsonp',
- success: cb
- });
-}
-
-// Fetch BuildingBlocks
-if ($('[data-building-blocks]').length > 0) {
- var cb = function(data) {
- var html = '';
- $.each(data, function(idx, el) {
- html += JST['doc/templates/building_block.html'](el);
- });
- $('[data-building-blocks]').each(function() {
- $(this).html(html);
- });
- if ($('.building-block-item').length === 0) {
- $('.building-blocks-section').hide();
- };
- };
- $.ajax({
- url:'http://zurb.com/library/api/building_blocks/type/' + $("#component-name").attr("name"),
- dataType:'jsonp',
- success: cb
- });
-}
-
-
-// COUNTDOWN TIMER
-
-function getTimeRemaining(endtime){
- var t = Date.parse(endtime) - Date.parse(new Date());
- var minutes = Math.floor( (t/1000/60) % 60 );
- var hours = Math.floor( (t/(1000*60*60)) );
- var seconds = Math.floor( (t/1000) % 60 );
-
- return {
- 'total': t,
- 'hours': hours,
- 'minutes': minutes,
- 'seconds': seconds
- };
-}
-
-function initializeClock(id, endtime){
- var clock = document.getElementById(id);
- var hoursSpan = clock.querySelector('.hours');
- var minutesSpan = clock.querySelector('.minutes');
- var secondsSpan = clock.querySelector('.seconds');
-
- function updateClock(){
- var t = getTimeRemaining(endtime);
-
- hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
- minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
- secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
-
- if(t.total<=0){
- clearInterval(timeinterval);
- }
- }
-
- updateClock();
- var timeinterval = setInterval(updateClock,1000);
-}
-
-var deadline = 'Thurs, 19 Nov 2015 10:15:00 PST';
-initializeClock('clockdiv', deadline);
diff --git a/doc/assets/scss/_code.scss b/doc/assets/scss/_code.scss
deleted file mode 100644
index 8f97013a5602a04b662bf832bada11b1fc6f4647..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_code.scss
+++ /dev/null
@@ -1,130 +0,0 @@
-/*
-
-github.com style (c) Vasily Polovnyov
-
-*/
-
-pre code {
- display: block;
- padding: 0.5em;
- background: #FAFAFA;
- color: #333;
-}
-
-pre .comment,
-pre .template_comment,
-pre .diff .header,
-pre .javadoc {
- color: #998;
- font-style: italic;
-}
-
-pre .keyword,
-pre .css .rule .keyword,
-pre .winutils,
-pre .javascript .title,
-pre .nginx .title,
-pre .subst,
-pre .request,
-pre .status {
- color: #333;
- font-weight: bold;
-}
-
-pre .number,
-pre .hexcolor,
-pre .ruby .constant {
- color: #099;
-}
-
-pre .string,
-pre .tag .value,
-pre .phpdoc,
-pre .tex .formula {
- color: #d14;
-}
-
-pre .title,
-pre .id,
-pre .coffeescript .params,
-pre .scss .preprocessor {
- color: #900;
- font-weight: bold;
-}
-
-pre .javascript .title,
-pre .lisp .title,
-pre .clojure .title,
-pre .subst {
- font-weight: normal;
-}
-
-pre .class .title,
-pre .haskell .type,
-pre .vhdl .literal,
-pre .tex .command {
- color: #458;
- font-weight: bold;
-}
-
-pre .tag,
-pre .tag .title,
-pre .rules .property,
-pre .django .tag .keyword {
- color: #000080;
- font-weight: normal;
-}
-
-pre .attribute,
-pre .variable,
-pre .lisp .body {
- color: #008080;
-}
-
-pre .regexp {
- color: #009926;
-}
-
-pre .class {
- color: #458;
- font-weight: bold;
-}
-
-pre .symbol,
-pre .ruby .symbol .string,
-pre .lisp .keyword,
-pre .tex .special,
-pre .prompt {
- color: #990073;
-}
-
-pre .built_in,
-pre .lisp .title,
-pre .clojure .built_in {
- color: #0086b3;
-}
-
-pre .preprocessor,
-pre .pi,
-pre .doctype,
-pre .shebang,
-pre .cdata {
- color: #999;
- font-weight: bold;
-}
-
-pre .deletion {
- background: #fdd;
-}
-
-pre .addition {
- background: #dfd;
-}
-
-pre .diff .change {
- background: #0086b3;
-}
-
-pre .chunk {
- color: #aaa;
-}
\ No newline at end of file
diff --git a/doc/assets/scss/_footer-banner.scss b/doc/assets/scss/_footer-banner.scss
deleted file mode 100644
index 87c83d0479dbb123189e9592060d487d4e2a76ed..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_footer-banner.scss
+++ /dev/null
@@ -1,221 +0,0 @@
-@mixin proxima-nova { font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
-@mixin proxima-nova-condensed { font-family: "Proxima Nova Condensed", "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
-
-#courses-banner-large {
- margin-top: 80px;
- background: #f4f4f4;
- padding: 40px 0;
-
- .banner-image img {
- @media only screen and (max-width: 767px) { width: 100%; }
- width: 95%;
- }
-
- .banner-info {
- h5 {
- @include proxima-nova;
- @media only screen and (max-width: 767px) { text-align: center; font-size: 22px;}
- font-weight: 200;
- color: #333;
- margin-bottom: 22px;
- font-size: 24px;
- }
-
- p {
- @media only screen and (max-width: 767px) { text-align: center; }
- font-size: 15px;
- color: #333;
- }
-
- h3 {
- @include proxima-nova;
- font-size: 36px;
- font-weight: 200;
- color: #333;
- margin: 24px 0 20px;
-
- @media only screen and (max-width: 767px) { text-align: center; }
-
- }
-
- .learn-more {
- @media only screen and (max-width: 767px) { margin: 0; text-align: center;}
- margin-left: 20px;
- }
-
- a.inline-hide {
- @media only screen and (max-width: 767px) { display: none; }
- }
-
- a.button {
- @media only screen and (max-width: 767px) { width: 100%; }
- @include proxima-nova;
- font-weight: bold !important;
- border: none;
- box-shadow: none;
- color:#fff;
- -webkit-font-smoothing: antialiased;
- }
- }
-}
-
-#courses-banner-small {
- margin-top: 30px;
- background: #f4f4f4;
- padding: 15px 0;
-
- .banner-image img {
- @media only screen and (max-width: 767px) { width: 100%; }
- width: 72%;
- margin: -40px auto 0;
- display: block;
- }
-
- .banner-info {
- h5 {
- @media only screen and (max-width: 767px) { text-align: center; font-size: 22px; }
- margin-bottom: 10px;
- margin-top: 10px;
- font-weight: 200;
- color: #333;
- font-size: 24px;
- }
-
- p {
- @media only screen and (max-width: 767px) { text-align: center; }
- font-size: 15px;
- color: #333;
-
- &.date {
- margin-top: 20px;
- margin-bottom: 10px;
- }
- }
-
- .learn-more {
- @media only screen and (max-width: 767px) { margin: 0; text-align: center;}
- margin-left: 20px;
- }
-
- a.inline-hide {
- @media only screen and (max-width: 767px) { display: none; }
- }
- a.button {
- @media only screen and (max-width: 767px) { width: 100%; }
- @include proxima-nova;
- font-weight: bold !important;
- border: none;
- box-shadow: none;
- color:#fff;
- -webkit-font-smoothing: antialiased;
- }
- }
-}
-
-/* -----------------------------------------
- Proxima Nova
------------------------------------------ */
-/* Regular */
-@font-face {
- font-family: 'proxima-nova';
- src: font-url("ProximaNova-Reg-webfont.eot");
- src: font-url("ProximaNova-Reg-webfont.eot?iefix") format('eot'),
- font-url("ProximaNova-Reg-webfont.woff") format('woff'),
- font-url("ProximaNova-Reg-webfont.ttf") format('truetype'),
- font-url("ProximaNova-Reg-webfont.svg#webfontZam02nTh") format('svg');
- font-weight: normal;
- font-style: normal;
-}
-/* Light */
-@font-face {
- font-family: 'proxima-nova';
- src: font-url("ProximaNova-Light-webfont.eot");
- src: font-url("ProximaNova-Light-webfont.eot?iefix") format('eot'),
- font-url("ProximaNova-Light-webfont.woff") format('woff'),
- font-url("ProximaNova-Light-webfont.ttf") format('truetype'),
- font-url("ProximaNova-Light-webfont.svg#webfontBtAcCspH") format('svg');
- font-weight: 200;
- font-style: normal;
-}
-
-/* Bold */
-@font-face {
- font-family: 'proxima-nova';
- src: font-url("ProximaNova-Bold-webfont.eot");
- src: font-url("ProximaNova-Bold-webfont.eot?iefix") format('eot'),
- font-url("ProximaNova-Bold-webfont.woff") format('woff'),
- font-url("ProximaNova-Bold-webfont.ttf") format('truetype'),
- font-url("ProximaNova-Bold-webfont.svg#webfontZ6etP9ZY") format('svg');
- font-weight: bold;
- font-style: normal;
-}
-/* Xtra Bold */
-@font-face {
- font-family: 'proxima-nova';
- src: font-url("ProximaNova-Xbold-webfont.eot");
- src: font-url("ProximaNova-Xbold-webfont.eot?iefix") format('eot'),
- font-url("ProximaNova-Xbold-webfont.woff") format('woff'),
- font-url("ProximaNova-Xbold-webfont.ttf") format('truetype'),
- font-url("ProximaNova-Xbold-webfont.svg#webfont2rpW2ohz") format('svg');
- font-weight: 900;
- font-style: normal;
-}
-/* Regular Italic */
-@font-face {
- font-family: 'proxima-nova';
- src: font-url('proximanova-regitalic-webfont.eot');
- src: font-url('proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
- font-url('proximanova-regitalic-webfont.woff') format('woff'),
- font-url('proximanova-regitalic-webfont.ttf') format('truetype'),
- font-url('proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
- font-weight: normal;
- font-style: italic;
-}
-
-/* Condensed Regular */
-@font-face {
- font-family: 'proxima-nova-condensed';
- src: font-url('proximanovacond-regular.eot');
- src: font-url('proximanovacond-regular.eot?#iefix') format('embedded-opentype'),
- font-url('proximanovacond-regular.woff') format('woff'),
- font-url('proximanovacond-regular.ttf') format('truetype'),
- font-url('proximanovacond-regular.svg#proximanovacond-regular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
-
-/* Condensed Bold */
-@font-face {
- font-family: 'proxima-nova-condensed';
- src: font-url("proximanovacond-bold-webfont.eot");
- src: font-url("proximanovacond-bold-webfont.eot?#iefix") format('embedded-opentype'),
- font-url("proximanovacond-bold-webfont.woff") format('woff'),
- font-url("proximanovacond-bold-webfont.ttf") format('truetype'),
- font-url("proximanovacond-bold-webfont.svg#ProximaNovaCondensedBold") format('svg');
- font-weight: bold;
- font-style: normal;
- text-transform: uppercase !important;
-}
-
-/* Condensed Semibold */
-@font-face {
- font-family: 'proxima-nova-condensed';
- src: font-url('proximanovacond-semibold-webfont.eot');
- src: font-url('proximanovacond-semibold-webfont.eot?#iefix') format('embedded-opentype'),
- font-url('proximanovacond-semibold-webfont.woff') format('woff'),
- font-url('proximanovacond-semibold-webfont.ttf') format('truetype'),
- font-url('proximanovacond-semibold-webfont.svg#proxima_nova_condensedSBd') format('svg');
- font-weight: 600;
- font-style: normal;
-}
-/* ZURB logo font */
-@font-face {
- font-family: 'zurb-logo';
- src: font-url("zurb-webfont.eot");
- src: font-url("zurb-webfont.eot?#iefix") format('embedded-opentype'),
- font-url("zurb-webfont.woff") format('woff'),
- font-url("zurb-webfont.ttf") format('truetype'),
- font-url("zurb-webfont.svg") format('svg');
- font-weight: normal;
- font-style: normal;
-}
\ No newline at end of file
diff --git a/doc/assets/scss/_footer.scss b/doc/assets/scss/_footer.scss
deleted file mode 100644
index c8c876df589d628b34f1179932bf0ed13f6ad364..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_footer.scss
+++ /dev/null
@@ -1,200 +0,0 @@
-
-/* Newsletter */
-#newsletter {
- padding: 20px 0;
- background: #085a78; padding: 10px 0 10px 0;
- h5 { font-size: 20px;font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
- font-weight: 400; margin-bottom: 0px; margin-top: 10px; color: #fff; line-height: 24px; }
- p { clear: both; font-size: 13px; padding-top: 2px; color: #fff; }
- a { color: #fff; }
- .margintop-20px{
- margin-top:20px;
- }
- .row.collapse form {
- input[type="text"] { font-size: 17px; font-weight: 200; color: #999; border: 0; }
- .button { border: 0; box-shadow: none; background: #257696; }
- .button:hover { background: #1b566d; }
- }
-}
-
-/* Global Footer */
-
-.zurb-footer-top {
- padding: 40px 0; color: white;
- .row .columns { @include clearfix(); }
- &.zurb { background-position: 10px 7px; }
- .property {
- text-align: center;
- .property-info { padding-top: 37px; }
-
- h2 {
- margin: 0; padding: 0 !important;
- a {
- transition: all .25s ease-in-out; font-family: "zurb-logo"; font-weight: normal; font-size: em-calc(18px); padding: 0;
- &:hover { @include opacity(0.8); }
- &.services { width: 190px; }
- span { display: none; }
- strong { font-size: 17px; margin-left: -7px; }
- }
- }
- h3 { font-size: 1.4rem; font-weight: bold; color: white; margin-bottom: 20px; }
- h4 { font-size: 1.1rem; font-weight: 200; color: white; margin-bottom: 10px; }
- p, li, a { font-size: 13px; line-height: 21px; color: white; }
- a {
- font-weight: bold; color: white;
- }
- }
- .learn-links, .support-links, .connect-links {
- padding: 50px 0 0 0; border-left: 1px solid rgba(255, 255, 255, 0.2); background: image-url("../img/icons/footer-top-icons.png") no-repeat center 0; height: 220px; margin-bottom: 30px;
- ul { margin-left: 0px !important;
- list-style: none;
- li { line-height: 20px; }
- }
- }
- .learn-links { background-position: center -325px; }
- .support-links { background-position: center -635px; }
- .connect-links {
- padding: 50px 20px 0; background-position: center -9px;
- .button { font-size: 12px; font-weight: normal; background: rgba(0, 0, 0, 0.1); color: #FFF !important; font-weight: bold; text-shadow: none; box-shadow: none; border: none; padding: 6px 16px; }
- }
-
- .global {
- border-top: 1px solid rgba(255, 255, 255, 0.2);
- .footer-link-block {
- font-weight: normal; display: block; margin: 30px 0 0 0;
- &.services { background: url("../img/icons/footer-studios.png") left top no-repeat; }
- &.foundation { background: url("../img/icons/footer-foundation.png") left top no-repeat;}
- &.apps { background: url("../img/icons/footer-products.png") left top no-repeat; }
- &.expo { background: url("../img/icons/footer-expo.png") left top no-repeat; }
- span {
- display: block; color: white; font-size: 0.75rem; padding-left: 40px; line-height: 18px;
- &.title { font-size: 1.0rem; margin-bottom: 5px; }
- }
- }
- }
-
-}
-.zurb-footer-top .property h4 { text-transform: none; }
-
-.zurb-footer-bottom {
- background: #333; padding: 24px 0 10px;
- .design-border { border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom: 25px; }
- a.zurb-logo { color: #858585; font-weight: normal; background: url("../img/icons/footer-icons.png") no-repeat 0 3px; padding: 23px 0 0 0 !important; font-size: em-calc(16px); display: inline-block; width: 90px;
- &:hover { @include opacity(0.8); }
- }
- ul.zurb-links { margin: 0; display: inline-block; padding-bottom:0px;
- li { display: block; float: left; margin-left: 6px; text-transform: uppercase; font-weight: 700; font-size: 0.75rem ;
- a { color: #666; padding: 3px 6px;
- &:hover { color: #777; }
- }
- }
- }
- p.copyright { margin: 6px 0 0; font-size: 0.75rem; color: #666; }
- ul.home-social { display: block; float: right; margin-bottom: 8px;
- li { list-style: none; display: block; float: left; margin-left: 10px;
- &:first-child { margin-left: 0; }
- a { display: block; height: 50px; width: 50px; background: url("../img/icons/social.png") no-repeat center 0;
- &:hover { @include opacity(0.8); }
- &.twitter { background-position: center 0; }
- &.facebook { background-position: center -200px; }
- &.mail { background-position: center -400px; }
- }
- }
- }
-}
-
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
- .zurb-footer-top .property { padding-top: 0px;
- .learn-links, .support-links, .connect-links { height: 240px; padding: 50px 10px 0; }
- }
-}
-
-@media only screen and (max-width: 767px) {
- .zurb-footer-top {
- .property {
- .property-info { padding-top: 0px; }
- .learn-links, .support-links, .connect-links { border: none; height: auto; padding: 80px 20px 0; margin: 4px 0 0 0; border-top: 1px dotted rgba(255, 255, 255, 0.2);
- li a { font-size: 15px; line-height: 2; }
- p, a { font-size: 16px; }
- }
- .learn-links { background-position: center -300px;padding-top: 76px 20px 0;
- }
- .support-links { padding: 76px 20px 0; background-position: center -618px; }
- .connect-links { padding: 76px 20px 14px ; background-position: center 10px; }
- }
- .global { border: none; }
- .footer-link-block {
- span { font-size: em-calc(11px); line-height: 16px; }
- &.services { border-top: 1px dotted rgba(255, 255, 255, 0.2); padding-top: 40px; margin-top: 0; background-position: center 10px !important;}
- }
- }
-
- .zurb-footer-bottom { text-align: center;
- .columns { padding: 0; }
- a.zurb-logo { display: block; margin: 0 auto; }
- ul.zurb-links { margin: 16px 0 10px; }
- ul.home-social { float: none; margin: 0 0 20px 0; text-align: center; height: 44px; display: inline-block;}
- }
-}
-
-/* Reformating pillars */
-
-@media only screen and (max-width: 767px) {
- .zurb-footer-top .property .connect-links { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin-bottom: 20px; }
- .zurb-footer-top .global {
- .footer-link-block { padding-top: 50px; text-align: center; margin: 0 !important; clear: both;
- span { padding-left: 0px; }
- &.services { border-top: 0; background-position: center 15px !important; }
- &.foundation { background-position: center 15px !important; }
- &.apps { padding-top: 80px; background-position: center 45px !important; }
- &.expo { padding-top: 80px; background-position: center 45px !important; }
- }
- }
- .zurb-footer-top .property .learn-links { background: none; border: none; padding-top: 0;margin: 0; }
-}
-
-
-/* Retina Images */
-@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
- .zurb-footer-top .info-padding { background-image: url("../img/icons/footer-large-icon-retina.png"); background-size: 100px 400px; }
- .zurb-footer-bottom ul.home-social li a { background-image: url("../img/icons/social-retina.png"); background-size: 50px 600px; }
- .zurb-footer-top .global .footer-link-block { font-weight: normal; display: block; margin: 30px 0 0 0;
- &.services { background: url("../img/icons/footer-studios-retina.png") left top no-repeat; }
- &.foundation { background-image: url("../img/icons/footer-foundation-retina.png") left top no-repeat;}
- &.apps { background-image: url("../img/icons/footer-products-retina.png") left top no-repeat; }
- &.expo { background-image: url("../img/icons/footer-expo-retina.png") left top no-repeat; }
- }
- .zurb-footer-bottom a.zurb-logo { background-image: url("../img/icons/footer-icons-retina.png"); background-size: 100px 1400px; }
- .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { background-image: url("../img/icons/footer-top-icons-retina.png"); background-size: 100px 1400px; }
-}
-@media only screen and (max-width: 320px), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
- .zurb-footer-top .info-padding { background-image: url("../img/icons/footer-large-icon-retina.png"); background-size: 100px 400px; }
- .zurb-footer-bottom ul.home-social li a { background-image: url("../img/icons/social-retina.png"); background-size: 50px 600px; }
- .zurb-footer-top .global .footer-link-block { font-weight: normal; display: block; margin: 30px 0 0 0;
- &.services { background: url("../img/icons/footer-studios-retina.png") left top no-repeat; background-size: 30px; }
- &.foundation { background: url("../img/icons/footer-foundation-retina.png") left top no-repeat; background-size: 30px; }
- &.apps { background: url("../img/icons/footer-products-retina.png") left top no-repeat; background-size: 30px; }
- &.expo { background: url("../img/icons/footer-expo-retina.png") left top no-repeat; background-size: 30px; }
- }
- .zurb-footer-bottom a.zurb-logo { background-image: url("../img/icons/footer-icons-retina.png"); background-size: 100px 1400px; }
- .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { background-image: url("../img/icons/footer-top-icons-retina.png"); background-size: 100px 1400px; }
-}
-
-@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
- .zurb-footer-top .property .learn-links { background:none; }
-}
-
-.zurb-footer-top {
- &.bg-blue { background: #2DAEBF; }
- &.bg-fblue { background: #074e68; }
- &.bg-green { background: #B8D30B; }
- &.bg-dgreen { background: #afc908; }
- &.bg-magenta { background: #A9014B; }
- &.bg-orange { background: #FF5C00; }
- &.bg-lorange { background: #FF6908; }
- &.bg-oyellow { background: #FC9200; }
- &.bg-loyellow { background: #FFB515; }
- &.bg-navy { background: #074e68; }
-}
-
-
diff --git a/doc/assets/scss/_foundation-forum.scss b/doc/assets/scss/_foundation-forum.scss
deleted file mode 100644
index 4e8286831ea34958c9e6196e6c67e2c415a9f58d..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_foundation-forum.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-$gray: #666666;
-$forumblue:#074e68;
-
-@mixin proxima-nova {
- font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-
-.row.post {
- h5 { margin-top:0 !important; }
-}
-
-@import "post_count";
-@import "post_description";
-
diff --git a/doc/assets/scss/_global.scss b/doc/assets/scss/_global.scss
deleted file mode 100644
index aa333a35622d1e6b6e25951374b328676461ecbf..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_global.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-//
-// @name _global.scss
-// @dependencies n/a
-//
-
-//
-// @mixins
-//
-
-// Outputs opacity along with an IE8-friendly filter opacity
-@mixin opacity($opacity) {
- opacity: $opacity;
- filter: unquote("alpha(opacity=#{$opacity * 100})");
-}
-
-@mixin box-shadow (
- $shadow-1 : default,
- $shadow-2 : false,
- $shadow-3 : false,
- $shadow-4 : false,
- $shadow-5 : false,
- $shadow-6 : false,
- $shadow-7 : false,
- $shadow-8 : false,
- $shadow-9 : false,
- $shadow-10: false
-) { }
-
-//
-// @functions
-//
-
-@function image-url($path) {
- @return unquote("url(../img/#{$path})");
-}
-
-@function font-url($path) {
- @return unquote("url(../fonts/#{$path})");
-}
-
-//
-// @variables
-//
-
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
-$rem-base: 18;
-// $text-direction: rtl;
diff --git a/doc/assets/scss/_marketing-off-canvas.scss b/doc/assets/scss/_marketing-off-canvas.scss
deleted file mode 100644
index 74a9aa4adfea47faa3cc53d528d3e73edd57917d..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_marketing-off-canvas.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-.marketing-left-off-canvas-menu .zurb-links ul.pillars li a { padding: 0 !important; }
-
-$marketing-oc-width: 84%;
-
-.marketing.off-canvas-wrap {
-
- .marketing-left-off-canvas-menu {
- @include off-canvas-menu($position: left);
- width: $marketing-oc-width;
- hr { border-color: #444444; margin:5px 0 10px 0 !important; }
- .off-canvas-list li.gs { padding: 0 1.08rem; margin-top: 8px; }
- .off-canvas-list li a { border-bottom: none !important; font-size: 1.25rem; padding: 0.2rem 0.95rem ; color: #ccc; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 500; }
- .off-canvas-list li label { background: none !important; border-top: none !important; padding: 0.4rem 0.95rem 0.4rem 0.95rem !important; font-size: 0.775rem !important; }
- .off-canvas-list li label.first { padding-top: 0.75rem !important; }
-
- }
-
- // ANIMATION CLASSES
- // These classes are added with JS and trigger the actual animation.
- &.move-right {
- > .inner-wrap {
- @include translate3d(83.5%,0,0);
- }
- a.exit-off-canvas { @include back-link;}
- }
-
- &.move-left {
- > .inner-wrap {
- @include translate3d(-(83.5%),0,0);
-
- }
- a.exit-off-canvas { @include back-link; }
- }
-}
-
-// IE9 HAX
-// Womp womp! IE9 doesn't do CSS transforms. Let's fix this.
-.lt-ie10 {
-
- .marketing.off-canvas-wrap {
- // move off canvas menus off the viewport
- .marketing-left-off-canvas-menu { left: -($marketing-oc-width); }
- .marketing-right-off-canvas-menu { right: -($marketing-oc-width); }
-
- // Snap them in place
- &.move-left > .inner-wrap { right: $marketing-oc-width; }
- &.move-right > .inner-wrap { left: $marketing-oc-width; }
- }
-
-}
-
-.marketing-left-off-canvas-menu .zurb-links { padding-bottom: 25px; margin-top: -5px; }
-.marketing-left-off-canvas-menu .zurb-links ul.top { margin-top: 15px; }
-.marketing-left-off-canvas-menu .zurb-links ul.top li { display: inline-block; margin-left: 0px; line-height: 1;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
-.marketing-left-off-canvas-menu .zurb-links ul.top li.logo { margin-left: 0px; width: 60px; height: 10px; }
-.marketing-left-off-canvas-menu .zurb-links ul.top li.logo a { margin-top: 1px; padding: 3px 8px 3px 0px !important; display:block; font-size: 0.9rem !important; height: 12px; width: 60px; background:url("../img/offcanvas/zurb-logo.png") no-repeat; background-size: 100%; }
-.marketing-left-off-canvas-menu .zurb-links ul.top li.logo img { width:60px; margin-top: -4px; }
-.marketing-left-off-canvas-menu .zurb-links ul.top li a { color: #727272 !important; text-transform: uppercase; font-size: 11px !important; padding: 5px !important; font-weight: 600 !important; }
-.marketing-left-off-canvas-menu .zurb-links ul.pillars { list-style: none; }
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block span.title { padding-bottom:0px;padding-left: 40px; font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1.3rem !important; margin-bottom: 8px; color: #cccccc;}
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block span { display: block; color: #ccc; font-size: 1.0rem !important;line-height: 18px; margin-bottom: 18px; line-height: 20px; margin-bottom: 24px; color: #727272; padding-left: 0; font-size: 0.9rem !important; }
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block { font-weight: normal; background: url("../img/offcanvas/footer-icons.png") no-repeat 0 0; display: block; margin-bottom: 14px; padding-top: 6px; }
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block.expo { background-position: 0 -798px; }
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block.services { background-position: 0 -198px; }
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block.apps { background-position: 0 -598px; }
-.marketing-left-off-canvas-menu .zurb-links .footer-link-block.foundation { background-position: 0 -398px; }
-
-
-/* Retina Images */
-
-@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block { font-weight: normal; background: url("../img/offcanvas/footer-icons-retina.png") no-repeat 0 0; display: block; margin-bottom: 14px; padding-top: 6px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.expo { background-position: 0 -798px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.services { background-position: 0 -400px;}
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.apps { background-position: 0 -598px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.foundation { background-position: 0 -398px; }
-}
-
-@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (max-width: 320px) {
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block { font-weight: normal; background: url("../img/offcanvas/footer-icons-retina.png") no-repeat 0 0; display: block; margin-bottom: 14px; padding-top: 6px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.expo { background-position: 0 -793px; background-size: 100px 1400px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.services { background-position: 0 -197px !important; background-size: 100px 1400px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.apps { background-position: 0 -595px; background-size: 100px 1400px; }
- .marketing-left-off-canvas-menu .zurb-links .footer-link-block.foundation { background-position: 0 -395px;background-size: 100px 1400px;}
-}
diff --git a/doc/assets/scss/_post_count.scss b/doc/assets/scss/_post_count.scss
deleted file mode 100644
index 972207a44d10f3cf26eee8ade2ca51a366c65989..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_post_count.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-// Post List Columns Spacing
-.post-count-spacing {
-
- > li:first-child {
- @media #{$small} {
- padding-left:0;
- }
- margin-bottom: 10px;
- padding-bottom:0;
- @media #{$small} { width: 105px; }
- width: 95px;
-
- form { margin-bottom:0 !important; }
- }
-
- > li:last-child {
- padding-bottom:0;
- line-height: 1.2em;
- padding-left:emCalc(10px);
-
- width:65%;
-
- @media screen and (min-width:550px) and (max-width:767px) {
- width:70% !important;
- }
-
- @media screen and (min-width:767px) and (max-width:850px) {
- width:73% !important;
- }
-
- @media screen and (min-width:851px) and (max-width:1999px) {
- width:75% !important;
- }
-
- @media screen and (min-width:1200px) {
- width:80% !important;
- padding-left:emCalc(15px);
- }
-
- }
-
-}
-
-
-// Post Count Stub
-.post-count {
- width: 80px !important;
- @media #{$small} {
- width:95px !important;
- }
- height: 80px;
- border:none !important;
- background-color:lighten($gray, 50%);
- text-align:center;
- &.new {
- }
-
- &.new-general {
- background-color:$forumblue;
- color:lighten($forumblue,70%);
- }
- &.old-general {
- background-color:lighten($gray, 55%) !important;
- }
-
- .post-count-container {
- height: 50px;
- &.old-general {
- background-color:lighten($gray, 55%) !important;
- }
-
- background-color:lighten($gray, 55%);
- &.new {
- background-color:$forumblue;
- color:lighten($forumblue, 70%);
- }
-
- &.new-general {
- background-color:$forumblue;
- color:lighten($forumblue,70%);
- }
-
-
- span.reply-count {
- position:relative;
- top: 4px;
- color:$gray;
- @include proxima-nova;
- font-size: 1.75em;
- font-weight:700;
- &.old-general {
- background-color:lighten($gray, 55%) !important;
- top: 18px;
- font-size:1.75em;
- }
-
- &.new-general {
- top: 18px;
- color:lighten($forumblue,70%);
- font-size:1.75em;
-
- &.with-replies {
- top: 6px;
- }
- }
-
- &.new-post {
- color:lighten($forumblue, 70%);
- top:6px;
-
- &.already-checked {
- top:0.2em !important;
- }
- }
-
- }
-
- .label {
- display:block;
- background-color: transparent !important;
- text-transform:uppercase;
- @include proxima-nova;
- color:lighten($forumblue, 50%);
- position:relative;
- top:emCalc(-15px);
- &.new-post { }
- }
- }
-
- .total-post-count {
- height:30px;
- @include proxima-nova;
- color:lighten($gray, 10%);
- font-size:emCalc(11px);
- text-transform:uppercase;
- padding:8px 3px 3px 3px;
- font-weight:700;
- &.total-replies {
- color:lighten($gray, 10%);
- &.new {
- background-color:darken($forumblue, 5%);
- color:lighten($forumblue, 70%);
- }
- }
- }
-}
-
diff --git a/doc/assets/scss/_post_description.scss b/doc/assets/scss/_post_description.scss
deleted file mode 100644
index e2f09aacecfd5e9e8cd675107527f0cf6a993dbb..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_post_description.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-
-.post-count-spacing {
- @media #{$small} {
- margin:0;
- }
-
- .post-description {
- margin-top: 10px !important;
- @media #{$small} {
- margin-top:0 !important;
- }
- }
-
- .author-name {
- margin-top:5px;
- line-height: 13px;
- margin-bottom:5px;
- text-transform: uppercase;
- font-size:11px;
- a {
- color: $gray !important;
- &:hover {
- color:lighten($gray,10%) !important;
- }
- }
- }
-
- .last-reply-by {
- a {
- color:lighten($gray,15%);
- }
- }
-
- h5 {
- line-height:1em;
- margin-bottom:5px;
- margin-top:-4px;
- font-size: 18px !important;
- @media #{$small} {
- font-size: 1.5em !important;
- margin-top:-2px;
- }
- }
-
- p {
- margin-bottom:0;
-
- }
-
- p.moderator-links {
- margin-top:5px;
- margin-bottom:5px;
- }
-
-
- p.tags {
- margin-top:2px !important;
- margin-bottom:5px !important;
- line-height: 28px;
- a {
- @media screen and (min-width:767px) {
- margin: emCalc(0px) emCalc(5px) emCalc(15px) 0 !important;
- }
-
- @media screen and (min-width:0px) and (max-width:767px) {
- margin: emCalc(15px) emCalc(5px) emCalc(15px) 0 !important;
- }
-
- }
- }
-
- span.when {
- @media screen and (min-width:0px) and (max-width:767px) {
- margin-top:emCalc(15px);
- }
-
- color:lighten($gray, 25%);
- @media screen and (min-width:0px) and (max-width:767px) {
- @include proxima-nova;
- font-weight: 400;
- color: $gray;
- font-size: emCalc(13px);
- }
-
- }
-}
-
-
-.row.posts {
- .row.post.impressions {
- &.old {
- a { color:lighten($gray,20%); }
- }
- &.new { }
- hr { margin: 1.25em 0 1.1875em; }
- }
-}
-
diff --git a/doc/assets/scss/_sidebar.scss b/doc/assets/scss/_sidebar.scss
deleted file mode 100644
index a53c78c64a35f8692fe892dcc7326428bd3c4733..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_sidebar.scss
+++ /dev/null
@@ -1,119 +0,0 @@
-$panel-bg-color: #FAFAFA;
-
-.sidebar {
- background: $panel-bg-color;
- padding: 32px 20px;
-}
-.sidebar.fixed,
-[data-magellan-expedition] {
- // min-width: 270px !important;
- // max-width: 270px;
- // width: 270px;
- left: auto !important;
-
-}
-.side-nav .heading { text-transform: uppercase; }
-.side-nav li {
- margin: 0;
- padding: 0;
- }
-.side-nav li a {
- padding: rem-calc(6) 0;
- &:not(.button) { padding: rem-calc(6) 0; }
- &:hover {
- color: darken($primary-color, 20%);
- span {
- background: darken($secondary-color, 5%);
- color: #000;
- }
- }
-}
-
-.side-nav .heading,
-.sidebar form {
- padding: 2px 0px;
-}
-
-.side-nav li.divider { margin: 16px 0px; }
-
-.sidebar {
- h1,h2,h3,h4,h5,h6 {
- padding: 4px 0px;
- font-size: rem-calc(14);
- font-weight: bold;
- }
-}
-.sidebar .download.button {
- margin: 10px 0px;
- font-size: 1rem;
-}
-
-/*
-.sidebar .side-nav {
- overflow-y: scroll;
- height: 600px;
-
-}
-*/
-.sidebar .label {
- background: #ddd; border-radius: $global-radius; color: #777; margin-left: 5px;
-}
-
-[data-magellan-expedition] {
-}
-.sidebar form { margin-bottom: 0; }
-.sidebar .button { font-size: rem-calc(12); }
-.magellan-fixed {
- &.magellan-outer-wrapper {
- overflow-y: scroll;
- width:inherit;
- }
- .magellan-inner-wrapper {
- overflow-y: scroll;
- }
-}
-.sidebar {
- input[type="search"]:focus {
- box-shadow: 0 0 0 !important;
- }
-}
-#jobs {
-/*
- h6 {
- padding:0;
- font-size: 12px;
- text-transform: uppercase;
- font-weight: 300;
- margin-bottom: 8px;
- }
-*/
- ul {
- margin-left: 0;
- list-style: none;
- // li { margin-bottom: 10px;}
- }
- .positionTitle {
- font-size: 14px;
- }
- .location {
- display: block;
- font-size: 11px;
- color: #666;
- }
- #via {
- font-size: 12px;
- color: #333;}
-}
-
-.fader {
- display: block;
- position: fixed;
- z-index: 400;
- bottom: 0;
- width: 220px;
- background: url(../img/fader.png) no-repeat center bottom;
-}
-
-input[type="search"]:focus {
- background: #fff;
-}
\ No newline at end of file
diff --git a/doc/assets/scss/_syntax-highlighting.scss b/doc/assets/scss/_syntax-highlighting.scss
deleted file mode 100644
index f8a79cd769144e333308e0aa531ca2c8962a4976..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_syntax-highlighting.scss
+++ /dev/null
@@ -1,62 +0,0 @@
-/* Syntax Highlighting */
-.hll { background-color: #ffffcc }
-.c { color: #999988; font-style: italic } /* Comment */
-.err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.k { color: #000000; font-weight: bold } /* Keyword */
-.o { color: #000000; font-weight: bold } /* Operator */
-.cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
-.c1 { color: #999988; font-style: italic } /* Comment.Single */
-.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.ge { color: #000000; font-style: italic } /* Generic.Emph */
-.gr { color: #aa0000 } /* Generic.Error */
-.gh { color: #999999 } /* Generic.Heading */
-.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.go { color: #888888 } /* Generic.Output */
-.gp { color: #555555 } /* Generic.Prompt */
-.gs { font-weight: bold } /* Generic.Strong */
-.gu { color: #aaaaaa } /* Generic.Subheading */
-.gt { color: #aa0000 } /* Generic.Traceback */
-.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
-.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
-.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
-.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
-.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
-.kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.m { color: #009999 } /* Literal.Number */
-.s { color: #d01040 } /* Literal.String */
-.na { color: #008080 } /* Name.Attribute */
-.nb { color: #0086B3 } /* Name.Builtin */
-.nc { color: #445588; font-weight: bold } /* Name.Class */
-.no { color: #008080 } /* Name.Constant */
-.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
-.ni { color: #800080 } /* Name.Entity */
-.ne { color: #990000; font-weight: bold } /* Name.Exception */
-.nf { color: #990000; font-weight: bold } /* Name.Function */
-.nl { color: #990000; font-weight: bold } /* Name.Label */
-.nn { color: #555555 } /* Name.Namespace */
-.nt { color: #000080 } /* Name.Tag */
-.nv { color: #008080 } /* Name.Variable */
-.ow { color: #000000; font-weight: bold } /* Operator.Word */
-.w { color: #bbbbbb } /* Text.Whitespace */
-.mf { color: #009999 } /* Literal.Number.Float */
-.mh { color: #009999 } /* Literal.Number.Hex */
-.mi { color: #009999 } /* Literal.Number.Integer */
-.mo { color: #009999 } /* Literal.Number.Oct */
-.sb { color: #d01040 } /* Literal.String.Backtick */
-.sc { color: #d01040 } /* Literal.String.Char */
-.sd { color: #d01040 } /* Literal.String.Doc */
-.s2 { color: #d01040 } /* Literal.String.Double */
-.se { color: #d01040 } /* Literal.String.Escape */
-.sh { color: #d01040 } /* Literal.String.Heredoc */
-.si { color: #d01040 } /* Literal.String.Interpol */
-.sx { color: #d01040 } /* Literal.String.Other */
-.sr { color: #009926 } /* Literal.String.Regex */
-.s1 { color: #d01040 } /* Literal.String.Single */
-.ss { color: #990073 } /* Literal.String.Symbol */
-.bp { color: #999999 } /* Name.Builtin.Pseudo */
-.vc { color: #008080 } /* Name.Variable.Class */
-.vg { color: #008080 } /* Name.Variable.Global */
-.vi { color: #008080 } /* Name.Variable.Instance */
-.il { color: #009999 } /* Literal.Number.Integer.Long */
\ No newline at end of file
diff --git a/doc/assets/scss/_zurb-footer.scss b/doc/assets/scss/_zurb-footer.scss
deleted file mode 100644
index 766c45efd6ad2555f94d01c13cb695e6779c86dc..0000000000000000000000000000000000000000
--- a/doc/assets/scss/_zurb-footer.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-// Footer Styles
-
-/* -----------------------------------------
- ZURB Footer
------------------------------------------ */
-
-.zurb-footer-bottom { background: #333; padding: 24px 0 10px;
- .design-border { border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom: 25px; }
- a.zurb-logo { color: #858585; font-weight: normal; background: url(../img/icons/footer-icons.png) no-repeat 0 3px; padding: 25px 0 0 0; font-size: rem-calc(16px); display: inline-block; width: 90px;
- &:hover { opacity: 0.8; }
- }
- ul.zurb-links { margin: 0; display: inline-block;
- li { display: block; float: left; margin-left: 6px; text-transform: uppercase; font-weight: 700; font-size: rem-calc(14px) ;
- a { color: #666; padding: 3px 6px;
- &:hover { color: #777; }
- }
- }
- }
- p.copyright { margin: 6px 0 0; font-size: rem-calc(12px); color: #666; }
- ul.home-social { display: block; float: right; margin-bottom: 8px;
- li { list-style: none; display: block; float: left; margin-left: 10px;
- &:first-child { margin-left: 0; }
- a { display: block; height: 50px; width: 50px; background: url(../img/icons/social.png) no-repeat center 0;
- &:hover { opacity: 0.8; }
- &.twitter { background-position: center 0; }
- &.facebook { background-position: center -200px; }
- &.mail { background-position: center -400px; }
- }
- }
- }
-}
-
-@media only screen and (max-width: 767px) {
- .zurb-footer-bottom { text-align: center;
- .columns { padding: 0; }
- a.zurb-logo { display: block; margin: 0 auto; }
- ul.zurb-links { margin: 16px 0 10px; }
- ul.home-social { float: none; margin: 0 0 20px 0; text-align: center; height: 44px; display: inline-block;}
- }
-}
-
-@media only screen and (max-width: 320px) {
-
- .zurb-footer-bottom ul.zurb-links li a { font-size: 12px; }
-}
diff --git a/doc/assets/scss/docs.scss b/doc/assets/scss/docs.scss
deleted file mode 100644
index 8aa2d83b1721e3530de650d92694f81f44e74bd5..0000000000000000000000000000000000000000
--- a/doc/assets/scss/docs.scss
+++ /dev/null
@@ -1,1285 +0,0 @@
-
-//Mixins
-@import "global";
-
-//Foundation Libraries
-@import
- "foundation/settings",
- "foundation";
-
-//Marketing Site Common Library
-@import
- "code",
- "marketing-off-canvas",
- "footer",
- "foundation-forum",
- "footer-banner";
-
-
-
-/* Banner for announcements */
-a#notice {
- display:block;
- overflow: hidden;
- position: relative;
- padding: 1rem 0;
- width:100%;
- // background: #FF6908; /* Old browsers */
- // background: -moz-linear-gradient(left, #C9025C 0%, #DB0A5B 100%); /* FF3.6+ */
- // background: -webkit-gradient(linear, left top, right top, color-stop(0%,#81CFE0), color-stop(100%,#DB0A5B)); /* Chrome,Safari4+ */
- // background: -webkit-linear-gradient(left, #C9025C 0%,#DB0A5B 100%); /* Chrome10+,Safari5.1+ */
- // background: -o-linear-gradient(left, #C9025C 0%,#DB0A5B 100%); /* Opera 11.10+ */
- // background: -ms-linear-gradient(left, #C9025C 0%,#DB0A5B 100%); /* IE10+ */
- // background: linear-gradient(to right, #C9025C 0%,#DB0A5B 100%); /* W3C */
- // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9025C', endColorstr='#DB0A5B',GradientType=1 ); /* IE6-9 */
- background: rgba(15,28,33,1);
- background: -moz-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
- background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,28,33,1)), color-stop(45%, rgba(38,54,62,1)), color-stop(76%, rgba(79,88,99,1)), color-stop(100%, rgba(198,134,127,1)));
- background: -webkit-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
- background: -o-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
- background: -ms-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
- background: linear-gradient(to bottom, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c21', endColorstr='#c6867f', GradientType=0 );
- // span {
- // border-bottom: #fff 4px dashed;
- // width: 36%;
- // position: absolute;
- // bottom: 25px;
- // &.left-side { left: 0; }
- // &.right-side { right: 0; }
- // @media only screen and (max-width: 1000px) { width: 30%; }
- // @media only screen and (max-width: 675px) { width: 16%; }
- // }
-
- .countdown {
- display: inline;
- color: #ffffff;
- font-size: 16px;
- font-weight: 700;
- margin-left: 3px;
- }
-
- .timer-colon {
- margin: 0px -2px 0px -4px;
- padding: 0;
- }
-
- .timer-hour, .timer-minute, .timer-second {
- letter-spacing: 2px;
- }
-
- .info {
- left: 0;
- right: 0;
- // top: 15px;
- z-index: 20;
- // width: 75%;
- margin-left: auto;
- margin-right: auto;
- // position: absolute;
- h5 { color: #ffffff; }
- text-align: center;
- @media only screen and (max-width: 675px) { width: 100%; padding: 0 15px 0px 15px; position: relative; }
- }
-}
-
-
-.spaced-divider hr {
- margin: 0.5rem;
- border: 1px solid #4e4e4e;
-}
-
-.top-bar-section .dropdown li.title{
- color: rgba(255,255,255,0.5);
- padding-top: 10px;
- padding-left: 15px;
- font-size: 0.8em;
-// text-transform: uppercase;
-// letter-spacing: 2px;
-}
-
-.top-bar-section .divider, .top-bar-section [role="separator"]{
- border-top: solid 1px #484848;
-}
-
-.row {
- max-width: rem-calc(1440);
- &.display {
- background: #eee;
- font-size: 11px;
- margin-bottom: 10px;
- line-height: 2rem;
- border: solid 1px #c6c6c6;
- margin-#{$default-float}: 0 !important;
- margin-#{$opposite-direction}: 0 !important;
- .columns {
- &:nth-child(2),
- &.small-centered,
- &.large-centered {
- background: darken(#eee, 5%);
- }
- &.color-end {
- background: darken(#eee, 10%)
- }
- }
- }
-}
-
-.row {
- max-width: rem-calc(1440);
- &.display-end {
- background: #fff;
- font-size: 11px;
- margin-bottom: 10px;
- line-height: 2rem;
- border: solid 1px #c6c6c6;
- margin-#{$default-float}: 0 !important;
- margin-#{$opposite-direction}: 0 !important;
- .columns {
- background: darken(#eee, 5%);
- border-left: 1px solid #c6c6c6;
- &.color-end {
- background: darken(#eee, 10%)
- }
- }
- }
-}
-
-.top-bar-section ul li > a{ font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;font-size: 0.8125rem !important; }
-h1 { margin-top: 20px; }
-// h2, h3 { margin: 1rem 0 0.15rem; }
-h2.subheader { margin: 0 0 20px 0; font-size: 1.25rem; }
-h3.subheader { margin: 0 0 20px 0; font-size: 1.25rem; }
-h4 { font-size: 0.75rem; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 900; }
-
-
-.top30 { margin-top: 30px; }
-.top20 { margin-top: 20px; }
-.bottom30 { margin-top: 30px; }
-.bottom20 { margin-top: 20px; }
-
-hr { margin: 2.5rem 0 2rem;}
-hr.dashed { border-style: dashed; }
-
-// Docs Components
-@import
- "syntax-highlighting",
- "sidebar",
- "zurb-footer";
-
-.custom-block-grid {
- @include block-grid(3);
-}
-
-// Auto complete styles
-.autocomplete-suggestions {
- border: 1px solid $secondary-color;
- background: #FFF;
- overflow: auto;
-}
-.autocomplete-suggestion {
- padding: 6px;
- font-size: 0.8rem;
- white-space: nowrap;
- overflow: hidden;
-}
-.autocomplete-selected {
- background-color: lighten($primary-color, 5%);
- @include single-transition($property:all, $speed:100ms, $ease:ease-in-out);
- color: #fff;
- strong {
- color: #fff !important;
- }
-}
-.autocomplete-suggestions {
- strong {
- font-weight: bold;
- color: $primary-color;
- // text-shadow: 0px 0px 1px lighten($primary-color, 20%);
- }
-}
-
-// Docs Styles
-.section-header {
- h1 { border-bottom: 1px solid #ddd; }
- ul.inline-list {
- display: inline-block;
- position: absolute;
- top: 47px;
- right: 0.9375rem;
- }
-}
-
-table.plugin-options {
- width: 100%;
- border: none;
- td[rowspan] {
- background: #f9f9f9;
- vertical-align: top;
- }
- tbody {
- td:not([rowspan]) {
- font-family: Consolas, 'Liberation Mono', Courier, monospace;
- }
- }
- thead {
- td:first-child {
- width: 20%;
- }
- }
-}
-
-// Modified Panel
-.easel {
- @include panel($bg: $panel-bg-color);
- @include radius();
- border: 1px solid darken($panel-bg-color, 6%);
-}
-
-// 12 column grid mixin (would be cool to implement with mixins where possible)
-.full-grid {
- @include grid-column($columns:12);
- .panel {
- @extend .easel;
- }
-}
-
-
-.half-grid {
- @include grid-column($columns:6);
-
-}
-
-.code {
- @include grid-column($columns:7);
- padding-right: 0;
-}
-
-.options { @include grid-column($columns:5); }
-
-.options-bg {
- padding: 18px;
- background-color: darken($panel-bg-color, 0%);
- border: 1px solid darken($panel-bg-color, 4%);
- border-radius: 4px;
- ul {
- margin-#{$default-float}: 20px;
- }
- dt { color: #008080; }
-}
-
-pre { margin-bottom: 15px;
- code {
- .code-container {
- margin: 10px 0px;
- padding: 5px;
- overflow-x: auto;
- line-height: 1.3rem;
- font-weight: normal;
- }
- }
-}
-
-#masthead { @include grid-row; @include panel; max-width: none;
- hgroup { @include grid-column(4); }
- section { @include grid-column(8); }
-}
-
-footer { margin-top: 45px; }
-
-#appHeader { background: $primary-color; }
-
-#appHeader a.sidebar-button span {
- @include box-shadow(-15px 0 2px #fff, -6px 0 2px #fff, 3px 0 2px #fff);
-}
-
-// Examples
-.magellan-container {
- padding: 0 !important;
- background: #fff;
-}
-.example-orbit {}
-.example-orbit-content li div {
- color:white;
- background:#2ba6cb;
- padding:30px 40px;
- h1,h2,h3 {color:white;}
-}
-
-// Typgraphy Overrides
-
-.type-demo {
-
- /* Typography resets */
- div,
- dl,
- dt,
- dd,
- ul,
- ol,
- li,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- pre,
- form,
- p,
- blockquote,
- th,
- td {
- margin:0;
- padding:0;
- }
-
- /* Default Link Styles */
- a {
- color: $anchor-font-color;
- text-decoration: $anchor-text-decoration;
- line-height: inherit;
-
- &:hover,
- &:focus { color: $anchor-font-color-hover; }
-
- img { border:none; }
- }
-
- /* Default paragraph styles */
- p {
- font-family: $paragraph-font-family;
- font-weight: $paragraph-font-weight;
- font-size: $paragraph-font-size;
- line-height: $paragraph-line-height;
- margin-bottom: $paragraph-margin-bottom;
- text-rendering: $paragraph-text-rendering;
-
- &.lead { @include lead; }
-
- & aside {
- font-size: $paragraph-aside-font-size;
- line-height: $paragraph-aside-line-height;
- font-style: $paragraph-aside-font-style;
- }
- }
-
- /* Default header styles */
- h1, h2, h3, h4, h5, h6 {
- font-family: $header-font-family;
- font-weight: $header-font-weight;
- font-style: $header-font-style;
- color: $header-font-color;
- text-rendering: $header-text-rendering;
- margin-top: $header-top-margin;
- margin-bottom: $header-bottom-margin;
- line-height: $header-line-height;
- text-transform: none;
-
- small {
- font-size: $small-font-size;
- color: $small-font-color;
- line-height: 0;
- }
-
- &.subheader { @include subheader; text-transform: none; }
- }
-
- h1 { font-size: $h1-font-size - rem-calc(10); }
- h2 { font-size: $h2-font-size - rem-calc(10); }
- h3 { font-size: $h3-font-size - rem-calc(5); }
- h4 { font-size: $h4-font-size - rem-calc(5); }
- h5 { font-size: $h5-font-size; }
- h6 { font-size: $h6-font-size; }
-
- hr {
- border: $hr-border-style $hr-border-color;
- border-width: $hr-border-width 0 0;
- clear: both;
- margin: $hr-margin 0 ($hr-margin - rem-calc(1));
- height: 0;
- }
-
- /* Helpful Typography Defaults */
- em,
- i {
- font-style: italic;
- line-height: inherit;
- }
-
- strong,
- b {
- font-weight: bold;
- line-height: inherit;
- }
-
- small {
- font-size: $small-font-size;
- line-height: inherit;
- }
-
- code {
- font-family: $code-font-family;
- font-weight: $code-font-weight;
- color: $code-color;
- }
-
- /* Lists */
- ul,
- ol,
- dl {
- font-size: $paragraph-font-size;
- line-height: $paragraph-line-height;
- margin-bottom: $paragraph-margin-bottom;
- list-style-position: $list-style-position;
- font-family: $paragraph-font-family;
- }
-
- ul {
- margin-#{$default-float}: $list-side-margin;
- &.no-bullet {
- margin-#{$default-float}: $list-side-margin-no-bullet;
- li {
- ul,
- ol {
- margin-#{$default-float}: $list-nested-margin;
- margin-bottom: 0;
- list-style: none;
- }
- }
- }
- }
-
- /* Unordered Lists */
- ul {
- li {
- ul,
- ol {
- margin-#{$default-float}: $list-nested-margin;
- margin-bottom: 0;
- font-size: 1rem; /* Override nested font-size change */
- }
- }
- &.square,
- &.circle,
- &.disc {
- li ul { list-style: inherit; }
- }
-
- &.square { list-style-type: square; margin-#{$default-float}: $list-side-margin;}
- &.circle { list-style-type: circle; margin-#{$default-float}: $list-side-margin;}
- &.disc { list-style-type: disc; margin-#{$default-float}: $list-side-margin;}
- &.no-bullet { list-style: none; }
- }
-
- /* Ordered Lists */
- ol {
- margin-#{$default-float}: $list-ordered-side-margin;
- li {
- ul,
- ol {
- margin-#{$default-float}: $list-nested-margin;
- margin-bottom: 0;
- }
- }
- }
-
- /* Definition Lists */
- dl {
- dt {
- margin-bottom: $definition-list-header-margin-bottom;
- font-weight: $definition-list-header-weight;
- }
- dd { margin-bottom: $definition-list-margin-bottom; }
- }
-
- /* Abbreviations */
- abbr,
- acronym {
- text-transform: uppercase;
- color: $body-font-color;
- border-bottom: $acronym-underline;
- cursor: $cursor-help-value;
- }
- abbr {
- text-transform: none;
- }
-
- /* Blockquotes */
- blockquote {
- margin: 0 0 $paragraph-margin-bottom;
- padding: $blockquote-padding;
- border-#{$default-float}: $blockquote-border;
-
- cite {
- display: block;
- font-size: $blockquote-cite-font-size;
- color: $blockquote-cite-font-color;
- &:before {
- content: "\2014 \0020";
- }
-
- a,
- a:visited {
- color: $blockquote-cite-link-color;
- }
- }
- }
- blockquote,
- blockquote p {
- line-height: $paragraph-line-height;
- color: $blockquote-font-color;
- }
-
- /* Microformats */
- .vcard {
- display: inline-block;
- margin: $microformat-margin;
- border: $microformat-border-width $microformat-border-style $microformat-border-color;
- padding: $microformat-padding;
-
- li {
- margin: 0;
- display: block;
- }
- .fn {
- font-weight: $microformat-fullname-font-weight;
- font-size: $microformat-fullname-font-size;
- }
- }
-
- .vevent {
- .summary { font-weight: $microformat-summary-font-weight; }
-
- abbr {
- cursor: $cursor-default-value;
- text-decoration: $microformat-abbr-font-decoration;
- font-weight: $microformat-abbr-font-weight;
- border: none;
- padding: $microformat-abbr-padding;
- }
- }
-
-
- @media #{$medium-up} {
- h1,h2,h3,h4,h5,h6 { line-height: $header-line-height; }
- h1 { font-size: $h1-font-size; }
- h2 { font-size: $h2-font-size; }
- h3 { font-size: $h3-font-size; }
- h4 { font-size: $h4-font-size; }
- }
-
-}
-
-// Alert Styles
-
-.custom-bg {
- @include alert(#ff6c3c);
-}
-
-.alert-base {
- @include alert-base();
-}
-
-.alert-background {
- @include alert-base();
- @include alert-style();
-}
-
-.close {
- @include alert-close();
-}
-
-.alert-radius {
- @include alert-base();
- @include alert-style();
- @include radius()
-}
-
-// Thumbnail Styles
-.th-custom {
- @include thumb(10px,0 0 0 2px black, 0 0 10px 2px rgba(orange,0.5));
- @include radius(6);
- @include single-transition(all,400ms,ease-in);
-}
-
-$custom-link-color: #FF6908;
-$custom-divider-color: lighten($custom-link-color, 40%);
-.custom-sidenav-class {
- @include side-nav(
- $divider-color:$custom-divider-color,
- $font-size:1.2rem,
- $link-color:$custom-link-color);
-}
-
-.basic-subnav-class {
- @include sub-nav();
-}
-
-$custom-font-color:$custom-link-color;
-$custom-active-bg:darken($custom-link-color, 5%);
-.custom-subnav-class {
- @include sub-nav(
- $font-color:$custom-font-color,
- $font-size:1.2rem,
- $active-bg:$custom-active-bg);
-}
-
-// custom off-canvas styles
-// .docs-wrap { margin-top: 30px; }
-.docs-wrap .inner-wrap { background: #efefef; }
-.docs-wrap .main-section { padding: 0 20px 0 20px; }
-.main-section { @include kill-flicker; }
-.doc-oc-list { background: $off-canvas-bg; }
-
-// Make sure topbar dropdowns are above tab bar.
-.docs-bar ul.dropdown { z-index: 1003; }
-
-// Side nav custom active style
-.sidebar .side-nav li.active > a:first-child {
- font-weight: bold;
- color: lighten(#004054,20%);
- position: relative;
- margin: 0 -20px;
- padding-#{$default-float}:20px;
- padding-#{$opposite-direction}: 20px;
- background: rgba(#004054, 0.05);
-
- // &::before {
- // content:"";
- // @include css-triangle(6px, darken(#008cba, 10%), left);
- // position: absolute;
- // left:0;
- // top:50%;
- // margin-top:-6px;
- // }
- }
-.sidebar .side-nav li:hover > a:first-child {
- color: lighten(#004054,10%);
- position: relative;
- margin: 0 -20px;
- padding-#{$default-float}:20px;
- padding-#{$opposite-direction}: 20px;
- background: rgba(#004054, 0.03);
- }
-
-// Compatibility
-.row.support { padding: 9px 0; margin-#{$default-float}:0; margin-#{$opposite-direction}:0; }
-.row.support:nth-child(2n) { background: #f4f4f4; }
-
-.support .win { color: #4ea600; font-weight: bold; }
-.support .meh { color: #888; font-weight: bold; }
-.support .fail { color: #cc0000; font-weight: bold; }
-
-.docs-bar .top-bar-section .has-dropdown > a:after { display: none; }
-.docs-bar .top-bar-section .has-dropdown a { padding-#{$opposite-direction}: 15px !important; }
-
-
-// Fix for Google Maps
-div#interchangeMarkup img {
- max-width: none;
-}
-
-/*------------------------------------
-you will need
-------------------------------------*/
-.circle-list {
- a {
- margin-bottom: 0px;
- }
- img {
- width: 160px;
- margin-top: 15px;
- margin-bottom: 20px;
- }
- h4 {
- font-size: 1.3rem;
- font-weight: normal;
- text-transform: capitalize;
- }
-}
-
-
-/*------------------------------------
-images
-------------------------------------*/
-.others {
- max-height: 180px;
- display: block;
- margin: 10px auto;
-}
-
-
-.flow-chart {
- margin: 10px 10px 15px 0;
- @media #{$small-only} {
- margin:20px;
- }
-}
-
-.command-line {
- @media #{$small-only} {
- margin:20px;
- }
-}
-
-/*------------------------------------
-padding
-------------------------------------*/
-.recommended {
- padding-top:10px;
-}
-
-.path-container code {
- color:$primary-color;
-}
-
-.sub-nav {
- background-color: $panel-bg;
- padding: 10px 10px 10px 0;
-}
-
-.above-magellan {
- margin-bottom: 30px
-}
-
-.otherapps {
- margin-bottom: 20px !important;
-}
-
-/*------------------------------------
- timeline styles
-------------------------------------*/
-.two-paths {
- margin-top: 20px;
-}
-
-.path-container {
- .path-item {
- margin-top: 10px;
- margin-bottom: 25px;
- }
- h4 {
- font-size: 1.3rem;
- font-weight: normal;
- text-transform: capitalize;
- padding-bottom: 10px;
-
- }
-}
-
-
-/*------------------------------------
-circles
-------------------------------------*/
-.circlenumber {
- background-color: #fff;
- border-radius: 50%;
- border: 2px solid #0b4f69;
- width: 35px;
- height: 35px;
- position: relative;
- margin-top: -5px;
- margin-right: 18px;
- margin-bottom: 5px;
- margin-left: 0.83333rem;
- z-index: 2;
- h3 {
- color: #0b4f69;
- position: relative;
- text-align: center;
- top: 2.5%;
- font-weight: bold;
- font-size: 16px;
- }
-}
-
-
-@media only screen and (min-width: 0) and (max-width: 64.063em){
- .path-item {
- padding-left: 0.83333rem;
- .circlenumber {
- left: -12px;
- }
- }
-}
-
-@media #{$large-up} {
- .path-item {
- padding-left: 65px;
- position: relative;
- .circlenumber {
- position: absolute;
- left: 0;
- }
- }
-}
-
-/*------------------------------------
- mobile timeline styles
-------------------------------------*/
-@media only screen and (max-width: 1800px) {
- .path-container {
- .circle {
- top: 0;
- right: 0;
- left: 0;
- float: none;
- padding-top: 0px;
- margin-right: auto;
- }
- .panel {
- border: none;
- font-family: Consolas, 'Liberation Mono', Courier, monospace;
- font-weight: normal;
- padding-left:20px;
- }
- }
-}
-
-/*------------------------------------
-misc
-------------------------------------*/
-p.note {
- font-size: 16px;
-}
-
-@media #{$small-only} {
- .other-uses {
- .button {
- display: block !important;
- }
- }
-}
-
-.path-item:last-child, .path-item p:last-child, .nocli ul:last-child, .other-uses .button:last-child, .path-container p:last-child{
- margin-bottom: 0;
-}
-
-.dashed {
- border-style: dashed;
-}
-
-/*------------------------------------
-what you get
-------------------------------------*/
-.header-container {
- padding: 15px 30px 10px 30px;
- background: #0b4f69;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
- h3 {
- color:#fff;
- }
-}
-
-.info-list {
- font-size: .95rem;
- background: #fafafa;
- list-style: none;
- margin: 0 0 20px 0;
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- li {
- padding: 20px 30px;
- pre {
- margin-bottom: 0;
- code {
- background: #fff;
- }
- }
- }
- li:nth-child(even) {
- background: #f5f5f5;
- }
-}
-
-.file-list {
- ul {
- list-style: none;
- margin-bottom: 12px;
- }
-
- img {
- border-radius: 5px;
- padding-bottom: 20px;
- }
-
- hr {
- margin-bottom: 4px;
- margin-top: 2px;
- width: 30%;
- }
-
- .fi-folder {
- color: #0b4f69;
- }
-
- .fi-page{
- color: #6f6f6f;
- }
-
- &.resources {
- ul {
- margin-left: 0;
- }
- .button {
- margin-top: 1rem;
- }
- }
-}
-
-.whatis {
- margin-top: 30px !important;
- @media only screen and (min-width: 0) and (max-width: 64.063em) {
- img {
- margin-bottom: 15px;
- }
- }
-}
-
-.setting_sass {
- padding-top: 23px;
-}
-
-.app-image {
- margin-right: 20px;
- margin-bottom: 20px;
- border-radius: 5px;
-}
-
-.arrow-list {
- margin-bottom: 0;
- li {
- padding-left: 20px;
- list-style: none;
- position:relative;
- i {
- position: absolute;
- left: 0;
- }
- }
-}
-
-.using-sass {
- pre:last-child {
- margin-bottom: 0;
- }
-}
-
-.minus {
- margin-top: 30px;
-}
-
-// Styling for Skill Level with Icon fonts on Index page
-
-.skill-list h4 {
- margin-bottom: 0;
-}
-
-.skill-level {
- font-size: 0.77778rem;
- font-weight: bold;
- text-transform: uppercase;
- margin-bottom: 15px;
- margin-top: 0;
- i {
- font-size: 120%;
- color: #FDC441;
- }
-}
-
-.gs-example {
- .row {
- border: 1px solid #c6c6c6;
- margin: 0.3rem !important;
- .row {
- margin: 0;
- }
- }
- .border-none {
- border-right: none !important;
- }
- .columns {
- padding-left: inherit;
- padding-right: inherit;
- border: 3px solid #fff;
- background: #eee;
- }
- .columns:nth-child(2) {
- background: #e1e1e1;
- }
- p {
- padding: 10px;
- margin-bottom: 0;
- text-align: center;
- }
-}
-
-.off-canvas-example {
- background: #efefef;
- .main-section {
- padding: 0 20px;
- }
-}
-
-.tabs-example {
- border: 1px solid #ccc;
- margin-bottom: 1.3rem;
- .tab-title.active a {
- background: #eee;
- }
- .tab-title > a {
- background: #e1e1e1;
- &:hover {
- background: scale-color(#eee, $lightness: -14%);
- }
- }
- .tabs-content {
- border-top: 1px solid #ccc;
- margin: 0;
- padding: 1rem;
- }
- .tabs-content > .content {
- padding: 0;
- }
-}
-
-.button-title {
- margin-top: -7px;
-}
-
-// Styles Codepen on Index Page
-
-.codepen-demo {
- margin-top: 20px;
- .tabs-content {
- padding: 5px 15px;
- background: #f3f3f3;
- }
- .tab-title > a {
- border-top-right-radius: 5px;
- border-top-left-radius: 5px;
- background: #333;
- color: #fff;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- margin-right: 5px;
- &:hover {
- background: scale-color(#333, $lightness: 15%);
- }
- }
- .tab-title.active a {
- background: #f3f3f3;
- color: #333;
- }
-}
-
-// Stlyings for Getting Started Examples
-
-.what-comes-with {
- hr {
- margin-top: 3.5rem;
- margin-bottom: 3.5rem;
- }
- .pagination {
- margin-bottom: 0;
- }
- .grid-example {
- margin-top: 10px;
- }
-
- .gs-buttongroup {
- text-align: center;
- .button-group {
- min-width: 100%;
- li {
- min-width: 50%;
- a {
- min-width: 100%;
- }
- }
- }
- }
-
- // Adds stylings to Index page
-
- .gs-iconbar {
- margin-bottom: 10px;
- i {
- color: #dadada;
- }
- a &:hover {
- color: #fff;
- }
- }
-
- .gs-topbar {
- margin-bottom: 15px;
- }
-
- .gs-hoverbutton {
- .button {
- margin-bottom: 0;
- }
- }
-}
-
-.gs-resources {
- h4 {
- margin-top: 20px;
- }
- .bottom-link {
- margin-bottom: 0;
- margin-top: 10px;
- }
-}
-.gs-modal {
- .reveal-modal {
- z-index: 1002;
- }
- .reveal-modal-bg {
- z-index: 1000;
- }
-}
-
-
-// Used on CSS Page to add rounded corners and padding to images
-img.round-margin {
- border-radius: 5px;
- margin-bottom: 20px;
-}
-
-.panel.callout-warning {
-background: #fff;
-border: 5px solid red;
-}
-
-.button.floor {
- position:relative;
- margin-top:20%;
-}
-
-.left-off-canvas-menu {
- transform: translate3d(-100.5%, 0, 0);
-}
-
-.newsletter-foundation {
- border: 2px solid #085a78;
- h5 { font-size: 20px;font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
- font-weight: 400; margin-bottom: 0px; margin-top: 10px; color: #222; line-height: 24px; }
- p { clear: both; font-size: 13px; padding-top: 2px; color: #222; }
- a { color: #222; }
- .margintop-20px{
- margin-top:20px;
- }
- .row.collapse form {
- input[type="text"] { font-size: 17px; font-weight: 200; color: #999; border: 0; }
- .button { border: 0; box-shadow: none; background: #257696; }
- .button:hover { background: #1b566d; }
- }
-}
-
-.row.collapse.margintop-20px{
- margin-top:20px;
-}
-
-// building blocks styles
-
-.building-blocks-section {
- padding: 0.75rem 0 3rem 0;
-
- .building-blocks-header {
- margin-bottom: 2.5rem;
- }
-}
-
-.building-block-item {
- padding: 0.5rem 0;
- text-align: center;
- border: 3px solid $secondary-color;
- min-height: 14rem;
- overflow: hidden;
- margin-bottom: 1rem;
-
- .building-block-item-header {
- margin-bottom: 2rem;
- }
-}
-
-
-.top-bar.docs-bar { height: 45px !important; }
-
-.top-bar.docs-bar .name h1 {
- padding: 0;
- margin-left: 20px;
-}
-.top-bar.docs-bar .name h1 img {
- margin-top: -2px;
- display: inline-block !important;
- vertical-align: middle !important;
-}
-.top-bar.docs-bar .name h1 a {
- opacity: 0.75;
- -webkit-transition: all 0.25s ease-in-out;
- -moz-transition: all 0.25s ease-in-out;
- -o-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
- font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
- font-weight: bold;
- font-size: 22px !important;
- line-height: 45px;
- padding: 0;
- text-rendering: auto;
- span { font-size: 17px !important; line-height: 0 !important; margin-left: 0px; }
-}
-.top-bar.docs-bar .name h1 a:hover {
- opacity: 1;
-}
-
-.top-bar.docs-bar .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
- border-right: solid 1px #4e4e4e;
- border-bottom: none;
- border-top: none;
- clear: none;
- height: 45px;
- width: 0;
-}
-.top-bar.docs-bar .top-bar-section ul li > a:not(.button) {
- font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
- font-weight: bold;
- padding: 0 15px;
- line-height: 45px;
-}
-
-.top-bar.docs-bar .top-bar-section .dropdown li a {
- font-weight: normal !important;
-}
-.top-bar.docs-bar .top-bar-section .has-form {
- padding: 0 15px !important;
- height: 45px;
- line-height: 45px;
- a { line-height: 47px; }
-}
-
-.top-bar.docs-bar .top-bar-section ul li > a.button {
- font-size: 0.8125rem;
- padding-right: 15px;
- padding-left: 15px;
- padding-bottom: 20px;
- border-bottom: 2px solid;
- background-color: #008CBA;
- border-color: #007095;
- color: #FFFFFF;
- border-style: solid;
- border-radius: 3px;
- cursor: pointer;
- font-weight: bold;
- line-height: normal;
- margin: 0 0 1.25rem;
- text-decoration: none;
- text-align: center;
- -webkit-appearance: none;
- border-color: #007095;
- transition: background-color 300ms ease-out;
-}
diff --git a/doc/data/foundation.json b/doc/data/foundation.json
deleted file mode 100644
index a00ddf8b158c7bbdb02460ecb0cd951ed9f520d8..0000000000000000000000000000000000000000
--- a/doc/data/foundation.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "sections": ["Structure", "Grid", "Media"]
-}
\ No newline at end of file
diff --git a/doc/data/site.json b/doc/data/site.json
deleted file mode 100644
index ed6cfdad130f9aa6e6e54bfabddc1937cdac1b82..0000000000000000000000000000000000000000
--- a/doc/data/site.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
- "root": "dist/docs"
-}
\ No newline at end of file
diff --git a/doc/helpers/dates.js b/doc/helpers/dates.js
deleted file mode 100644
index 81465d33de83866eb0339c055111d9d5868d7d88..0000000000000000000000000000000000000000
--- a/doc/helpers/dates.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports.currentYear = function () {
- d = new Date();
- return d.getFullYear();
-};
\ No newline at end of file
diff --git a/doc/helpers/urls.js b/doc/helpers/urls.js
deleted file mode 100644
index 5eb1456f721a9b7279d2dc8f22ebec7cdc992bcf..0000000000000000000000000000000000000000
--- a/doc/helpers/urls.js
+++ /dev/null
@@ -1,11 +0,0 @@
-// module.exports.js_path = function () {
-// return assets;
-// };
-
-// module.exports.img_path = function () {
-// return assets;
-// };
-
-// module.exports.css_path = function () {
-// return assets;
-// };
\ No newline at end of file
diff --git a/doc/includes/10-week-course.html b/doc/includes/10-week-course.html
deleted file mode 100644
index 6a5115cc356e691429d318f8fc095f801b8b6dca..0000000000000000000000000000000000000000
--- a/doc/includes/10-week-course.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
-
Get coached in responsive design
-
Step up your skills in our 10 week responsive design course. You’ll get hands on training, detailed video lessons and valuable feedback from the product designers at ZURB who design responsively every day. Learn more about courses »
-
Next course: May 29 - July 7
-
Learn More
-
Learn more about courses »
-
-
-
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_ajax.html b/doc/includes/abide/examples_abide_ajax.html
deleted file mode 100644
index 4b8b5b2c39d2ea72eb4272ddd713d3e932addf52..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_ajax.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```html
-
-```
-
-```javascript
-$('#myform').on('valid.fndtn.abide', function() {
- // Handle the submission of the form
-});
-```
-{{/markdown}}
diff --git a/doc/includes/abide/examples_abide_basic.html b/doc/includes/abide/examples_abide_basic.html
deleted file mode 100644
index 9bb5e79a41c50b888c982a475c50bb6572e7b8f6..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_basic.html
+++ /dev/null
@@ -1,93 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_basic_rendered.html b/doc/includes/abide/examples_abide_basic_rendered.html
deleted file mode 100644
index 4230c5526e2625070e3a3bc4b6d4bbeeaaa6e3e5..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_basic_rendered.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_custom_patterns.html b/doc/includes/abide/examples_abide_custom_patterns.html
deleted file mode 100644
index 91fd8c4b0f666783d4ff5a9c971e29a9f69c3195..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_custom_patterns.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```javascript
-$(document)
- .foundation({
- abide : {
- patterns: {
- dashes_only: /^[0-9-]*$/,
- ip_address: /^((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/
- }
- }
- });
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_custom_patterns_rendered.html b/doc/includes/abide/examples_abide_custom_patterns_rendered.html
deleted file mode 100644
index 3db378473169f3fd23060308b252da1bb437e9d3..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_custom_patterns_rendered.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_equalto.html b/doc/includes/abide/examples_abide_equalto.html
deleted file mode 100644
index f79286d7835301b62a164e98e3d1b787f161a559..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_equalto.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
diff --git a/doc/includes/abide/examples_abide_errors.html b/doc/includes/abide/examples_abide_errors.html
deleted file mode 100644
index 4461432b8baf8cc0947ec512be05b36054af6b8c..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_errors.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
- Email Address required
-
-
- A valid email address is required.
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_events.html b/doc/includes/abide/examples_abide_events.html
deleted file mode 100644
index 2deb6429a111f4b5e3f92eaef9ff636f59e41c51..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_events.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{#markdown}}
-```javascript
-$('#myForm')
- .on('invalid.fndtn.abide', function () {
- var invalid_fields = $(this).find('[data-invalid]');
- console.log(invalid_fields);
- })
- .on('valid.fndtn.abide', function () {
- console.log('valid!');
- });
-```
-{{/markdown}}
diff --git a/doc/includes/abide/examples_abide_javascript.html b/doc/includes/abide/examples_abide_javascript.html
deleted file mode 100644
index a8cd01e8f1df1dbcccd19cb266c55c1534e56352..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/abide/examples_abide_javascript_options.html b/doc/includes/abide/examples_abide_javascript_options.html
deleted file mode 100644
index 10d933031e53aa7971c70578236bff747ff6ed09..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_javascript_options.html
+++ /dev/null
@@ -1,54 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).foundation({
- abide : {
- live_validate : true, // validate the form as you go
- validate_on_blur : true, // validate whenever you focus/blur on an input field
- focus_on_invalid : true, // automatically bring the focus to an invalid input field
- error_labels: true, // labels with a for="inputId" will recieve an `error` class
- // the amount of time Abide will take before it validates the form (in ms).
- // smaller time will result in faster validation
- timeout : 1000,
- patterns : {
- alpha: /^[a-zA-Z]+$/,
- alpha_numeric : /^[a-zA-Z0-9]+$/,
- integer: /^[-+]?\d+$/,
- number: /^[-+]?[1-9]\d*$/,
-
- // amex, visa, diners
- card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
- cvv : /^([0-9]){3,4}$/,
-
- // http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
- email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,
-
- url: /(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?/,
- // abc.de
- domain: /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$/,
-
- datetime: /([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))/,
- // YYYY-MM-DD
- date: /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))/,
- // HH:MM:SS
- time : /(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}/,
- dateISO: /\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}/,
- // MM/DD/YYYY
- month_day_year : /(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d/,
-
- // #FFF or #FFFFFF
- color: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
- },
- validators: {
- diceRoll: function(el, required, parent) {
- var possibilities = [true, false];
- return possibilities[Math.round(Math.random())];
- },
- isAllowed: function(el, required, parent) {
- var possibilities = ['a@zurb.com', 'b.zurb.com'];
- return possibilities.indexOf(el.val) > -1;
- }
- }
- }
-});
-```
-{{/markdown}}
diff --git a/doc/includes/abide/examples_abide_patterns.html b/doc/includes/abide/examples_abide_patterns.html
deleted file mode 100644
index 532925115d6326a054ae8ec46ea70415738fda4d..0000000000000000000000000000000000000000
--- a/doc/includes/abide/examples_abide_patterns.html
+++ /dev/null
@@ -1,70 +0,0 @@
-
-
-
- Name
- Valid Example or Format
-
-
-
-
- alpha
- Foundation
-
-
- alpha_numeric
- A1Sauce
-
-
- integer
- -1
-
-
- number
- 2937
-
-
- card
- visa, amex, mastercard
-
-
- cvv
- 384 or 3284
-
-
- email
- foundation@zurb.com
-
-
- url
- http://zurb.com
-
-
- domain
- zurb.com
-
-
- datetime
- YYYY-MM-DDThh:mm:ssTZD
-
-
- date
- YYYY-MM-DD
-
-
- time
- HH:MM:SS
-
-
- dateISO
- not sure yet
-
-
- month_day_year
- MM/DD/YYYY
-
-
- color
- #FFF or #FFFFFF
-
-
-
diff --git a/doc/includes/accordion/examples_accordion_aria.html b/doc/includes/accordion/examples_accordion_aria.html
deleted file mode 100644
index 7cc4edc6ef39a9884fc177607f9106ff5e02b326..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_aria.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/accordion/examples_accordion_basic.html b/doc/includes/accordion/examples_accordion_basic.html
deleted file mode 100644
index f587fa1388fde46f844ac9930957ccb56dac2a71..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_basic.html
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
- Accordion 1
-
- Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 2
-
- Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 3
-
- Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
-
-
-
-
-
- Accordion 1
-
- Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 2
-
- Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 3
-
- Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
-
-
-
-
-
- Accordion 1
-
- Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 2
-
- Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 3
-
- Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
\ No newline at end of file
diff --git a/doc/includes/accordion/examples_accordion_basic_rendered.html b/doc/includes/accordion/examples_accordion_basic_rendered.html
deleted file mode 100644
index 198bcd99016cef6507f1b6e538e7f16939aa8e45..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_basic_rendered.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
- Accordion 1
-
- Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 2
-
- Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 3
-
- Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
-
diff --git a/doc/includes/accordion/examples_accordion_grid.html b/doc/includes/accordion/examples_accordion_grid.html
deleted file mode 100644
index e8032b7a54f675c78d919ad4f3e59500d3b1da28..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_grid.html
+++ /dev/null
@@ -1,46 +0,0 @@
-
diff --git a/doc/includes/accordion/examples_accordion_intro.html b/doc/includes/accordion/examples_accordion_intro.html
deleted file mode 100644
index 019e88340508b393175d9fb7c04541d8e6fe84bc..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_intro.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
- Accordion 1
-
-
-
- Accordion 2
-
-
-
-
Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
-
-
-
-
-
-
- Accordion 3
-
- Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
\ No newline at end of file
diff --git a/doc/includes/accordion/examples_accordion_javascript_options.html b/doc/includes/accordion/examples_accordion_javascript_options.html
deleted file mode 100644
index 863022f6e4db473d1beac157c24687292b3e8a16..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_javascript_options.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).foundation({
- accordion : {
- active_class: 'active',
- multi_expand: false,
- toggleable: true,
- callback: function() {}
- }
-});
-```
-{{/markdown}}
diff --git a/doc/includes/accordion/examples_accordion_variables.html b/doc/includes/accordion/examples_accordion_variables.html
deleted file mode 100644
index f251da0426f624dddb72718e8b8ced6463d9f4ed..0000000000000000000000000000000000000000
--- a/doc/includes/accordion/examples_accordion_variables.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-accordion-classes: $include-html-classes;
-
-$accordion-navigation-padding: rem-calc(16);
-$accordion-navigation-bg-color: $silver;
-$accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%);
-$accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%);
-$accordion-navigation-active-font-color: $jet;
-$accordion-navigation-font-color: $jet;
-$accordion-navigation-font-size: rem-calc(16);
-$accordion-navigation-font-family: $body-font-family;
-
-$accordion-content-padding: $column-gutter/2;
-$accordion-content-active-bg-color: $white;
-```
-{{/markdown}}
diff --git a/doc/includes/alert/examples_alert_aria.html b/doc/includes/alert/examples_alert_aria.html
deleted file mode 100644
index f8f298a018215ed4c10ad4df204b468bba2182ff..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_aria.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```html
-
- Your content goes here
- ×
-
-```
-{{/markdown}}
diff --git a/doc/includes/alert/examples_alert_aria_rendered.html b/doc/includes/alert/examples_alert_aria_rendered.html
deleted file mode 100644
index 207a6cfd0c3b1d8c6be153b9137b54acf8229aa8..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_aria_rendered.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
- Your content goes here
- ×
-
diff --git a/doc/includes/alert/examples_alert_background_mixin.html b/doc/includes/alert/examples_alert_background_mixin.html
deleted file mode 100644
index 9ad231f2ad769183656b16b70308d80acf28e426..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_background_mixin.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include alert-base;
- @include alert-style($bg);
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_base_mixin.html b/doc/includes/alert/examples_alert_base_mixin.html
deleted file mode 100644
index e14376055458e2d39eb98499a9092d379c7049a1..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_base_mixin.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name { @include alert-base; }
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_basic.html b/doc/includes/alert/examples_alert_basic.html
deleted file mode 100644
index 5d2f4f7b5c79de8478bb49b02311daef4bcf6b68..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_basic.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
- This is a standard alert.
-
×
-
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_basic_rendered.html b/doc/includes/alert/examples_alert_basic_rendered.html
deleted file mode 100644
index ddf697dfb4eb12a6a8ee9ca794b3896a80f2398f..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_basic_rendered.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_close_mixin.html b/doc/includes/alert/examples_alert_close_mixin.html
deleted file mode 100644
index 61229cf610664c18d137e1fb6f5f478e2e4cdcaa..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_close_mixin.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include alert-base;
- @include alert-style;
- .close { @include alert-close; }
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_data_attributes.html b/doc/includes/alert/examples_alert_data_attributes.html
deleted file mode 100644
index ddf697dfb4eb12a6a8ee9ca794b3896a80f2398f..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_data_attributes.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_javascript.html b/doc/includes/alert/examples_alert_javascript.html
deleted file mode 100644
index 34a738a64aad5ca6a78155c7c19fc71c3e582620..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/alert/examples_alert_mixin.html b/doc/includes/alert/examples_alert_mixin.html
deleted file mode 100644
index e2d830fc17490540fd19e25a1a1bece21bd447dd..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_mixin.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
-This is a default alert.
-
×
-
-
-
-This is an alert with a custom background set.
-
×
-
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_mixin_rendered.html b/doc/includes/alert/examples_alert_mixin_rendered.html
deleted file mode 100644
index f8a2dd62ba384683278175b62e7d897b1f9a5dfc..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_mixin_rendered.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_radius_mixin.html b/doc/includes/alert/examples_alert_radius_mixin.html
deleted file mode 100644
index c3247ba91f12c3c02ccef5a7c8b4cd774f1d8af5..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_radius_mixin.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include alert-base;
- @include alert-style($success-color);
- @include radius($radius);
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/alert/examples_alert_variables.html b/doc/includes/alert/examples_alert_variables.html
deleted file mode 100644
index 60264a466baa8156b60471c517ac002863bbb287..0000000000000000000000000000000000000000
--- a/doc/includes/alert/examples_alert_variables.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-alert-classes: $include-html-classes;
-
-/* We use this to control alert padding. */
-$alert-padding-top: rem-calc(11);
-$alert-padding-default-float: $alert-padding-top;
-$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
-$alert-padding-bottom: $alert-padding-top + rem-calc(1);
-
-/* We use these to control text style. */
-$alert-font-weight: bold;
-$alert-font-size: rem-calc(14);
-$alert-font-color: #fff;
-$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);
-
-/* We use this for close hover effect. */
-$alert-function-factor: -14%;
-
-/* We use these to control border styles. */
-$alert-border-style: solid;
-$alert-border-width: 1px;
-$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);
-$alert-bottom-margin: rem-calc(20);
-
-/* We use these to style the close buttons */
-$alert-close-color: #333;
-$alert-close-position: rem-calc(5);
-$alert-close-font-size: rem-calc(22);
-$alert-close-opacity: 0.3;
-$alert-close-opacity-hover: 0.5;
-$alert-close-padding: 5px 4px 4px;
-
-/* We use this to control border radius */
-$alert-radius: $global-radius;
-
-/* We use this to control transition effects */
-$alert-transition-speed: 300ms;
-$alert-transition-ease: ease-out;
-```
-{{/markdown}}
diff --git a/doc/includes/block/examples_block_advanced.html b/doc/includes/block/examples_block_advanced.html
deleted file mode 100644
index 31fbdb2582408793245a6fbfd30e1b5bea7a0e65..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_advanced.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/block/examples_block_advanced_rendered.html b/doc/includes/block/examples_block_advanced_rendered.html
deleted file mode 100644
index f9a495985994e6938107e549d6f3145e7dd35323..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_advanced_rendered.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
-
diff --git a/doc/includes/block/examples_block_basic.html b/doc/includes/block/examples_block_basic.html
deleted file mode 100644
index 05b3deb4e7dbf37625565d0dc6dce85e9ee94dbb..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_basic.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/block/examples_block_basic_rendered.html b/doc/includes/block/examples_block_basic_rendered.html
deleted file mode 100644
index 4dd52e193574593d304421a8e2e164b3cd40512b..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_basic_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
-
diff --git a/doc/includes/block/examples_block_mixin.html b/doc/includes/block/examples_block_mixin.html
deleted file mode 100644
index 09664769d4fa9fd32b269a64909220a2ef4cbce1..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_mixin.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/block/examples_block_mixin_basic.html b/doc/includes/block/examples_block_mixin_basic.html
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/doc/includes/block/examples_block_mixin_example.html b/doc/includes/block/examples_block_mixin_example.html
deleted file mode 100644
index b7efff14a5f037bcd141b18d1da093e178c72c7c..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_mixin_example.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/block/examples_block_mixin_options.html b/doc/includes/block/examples_block_mixin_options.html
deleted file mode 100644
index 2072a4ea74c74ec6a8788e29801d3e1ab9e33658..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_mixin_options.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include block-grid(
- // This controls how many elements will be on each row of the block grid. Set this to whatever number you need, up to the max allowed in the variable.
- // Available options: 1-12 by default, and false.
- $per-row: 3,
-
- // This controls how much space is between each item in the block grid.
- // Use a variable or any pixel or em values.
- $spacing: $block-grid-default-spacing,
-
- // This controls whether or not base styles come through, set to false to leave out.
- $base-style: true
- );
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/block/examples_block_variables.html b/doc/includes/block/examples_block_variables.html
deleted file mode 100644
index aaa10c75f01ff201a10919b7831325a1762c8bde..0000000000000000000000000000000000000000
--- a/doc/includes/block/examples_block_variables.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```scss
-// We use this to control the maximum blocks and spacing
-$block-grid-elements: 12;
-$block-grid-default-spacing: rem-calc(20);
-$align-block-grid-to-grid: false; //removes column gutter so edges of block grid align with grid
-
-// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
-$block-grid-media-queries: true;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_accessible.html b/doc/includes/breadcrumbs/examples_breadcrumbs_accessible.html
deleted file mode 100644
index fbfeeda44036797ab9c965d77ec585ae0879676b..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_accessible.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
- Home
- Features
- Gene Splicing
- Cloning
-
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_accessible_rendered.html b/doc/includes/breadcrumbs/examples_breadcrumbs_accessible_rendered.html
deleted file mode 100644
index 5c3a2764ad742b62b165a2f3a41df19065661eb8..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_accessible_rendered.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
- Home
- Features
- Gene Splicing
- Cloning
-
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_basic.html b/doc/includes/breadcrumbs/examples_breadcrumbs_basic.html
deleted file mode 100644
index ddfe6c835cb49713cfd28d5ccd4c2b8409ebb4a9..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_basic.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_basic_nav.html b/doc/includes/breadcrumbs/examples_breadcrumbs_basic_nav.html
deleted file mode 100644
index 4e41cca269d09d18de2ea88e27d858faa2a063c4..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_basic_nav.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
- Home
- Features
- Gene Splicing
- Cloning
-
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_basic_nav_rendered.html b/doc/includes/breadcrumbs/examples_breadcrumbs_basic_nav_rendered.html
deleted file mode 100644
index 2810585ffa4c0ff41321bf7c34f5993aaea11947..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_basic_nav_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
- Home
- Features
- Gene Splicing
- Cloning
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_basic_rendered.html b/doc/includes/breadcrumbs/examples_breadcrumbs_basic_rendered.html
deleted file mode 100644
index 7ebcf514b1c81c173c27a1b396e05fde49cacb48..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_basic_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_crumb_mixin.html b/doc/includes/breadcrumbs/examples_breadcrumbs_crumb_mixin.html
deleted file mode 100644
index 91410c3dea0f6ece9780c00259db4b4b489a571e..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_crumb_mixin.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include crumb-container;
-
- li {
- @include crumbs;
- }
-}
-```
-{{/markdown}}
-
-
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_mixin.html b/doc/includes/breadcrumbs/examples_breadcrumbs_mixin.html
deleted file mode 100644
index b9fc8c67c3d5da0bd6a0c764346812d8376a33e4..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_mixin.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_radius_mixin.html b/doc/includes/breadcrumbs/examples_breadcrumbs_radius_mixin.html
deleted file mode 100644
index 25b0c584a39f906a4c8911ecfb1284b23814e1fd..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_radius_mixin.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include crumb-container;
- @include radius($radius);
-
- li {
- @include crumbs;
- }
-}
-```
-{{/markdown}}
-
-
diff --git a/doc/includes/breadcrumbs/examples_breadcrumbs_variables.html b/doc/includes/breadcrumbs/examples_breadcrumbs_variables.html
deleted file mode 100644
index 26ec4f0f64b01b18025a21ba1d593b1b1ad4b391..0000000000000000000000000000000000000000
--- a/doc/includes/breadcrumbs/examples_breadcrumbs_variables.html
+++ /dev/null
@@ -1,35 +0,0 @@
-{{#markdown}}
-```scss
-//
-// Breadcrumb Variables
-//
-$include-html-nav-classes: $include-html-classes;
-
-// We use this to set the background color for the breadcrumb container.
-$crumb-bg: scale-color($secondary-color, $lightness: 55%);
-
-// We use these to set the padding around the breadcrumbs.
-$crumb-padding: rem-calc(9 14 9);
-$crumb-side-padding: rem-calc(12);
-
-// We use these to control border styles.
-$crumb-function-factor: -10%;
-$crumb-border-size: 1px;
-$crumb-border-style: solid;
-$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor);
-$crumb-radius: $global-radius;
-
-// We use these to set various text styles for breadcrumbs.
-$crumb-line-height: rem-calc(11);
-$crumb-font-size: rem-calc(11);
-$crumb-font-color: $primary-color;
-$crumb-font-color-current: $oil;
-$crumb-font-color-unavailable: $aluminum;
-$crumb-font-transform: uppercase;
-$crumb-link-decor: underline;
-
-// We use these to control the slash between breadcrumbs
-$crumb-slash-color: $base;
-$crumb-slash: "/";
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/building_blocks.html b/doc/includes/building_blocks.html
deleted file mode 100644
index 556d7f5536bf32632b8e7c08e1524085d10c1f01..0000000000000000000000000000000000000000
--- a/doc/includes/building_blocks.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
-
-
-
-
-
- {{!--
- BuildingBlocks will be injected here using jQuery, the template is in:
- doc/templates/building_block.html
- --}}
-
-
-
-
-
-
diff --git a/doc/includes/button_group/examples_button_group_bar.html b/doc/includes/button_group/examples_button_group_bar.html
deleted file mode 100644
index 9d713194c4e10d2f1995c25099d8201cd17b66c6..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_bar.html
+++ /dev/null
@@ -1,16 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_bar_advanced.html b/doc/includes/button_group/examples_button_group_bar_advanced.html
deleted file mode 100644
index c74223d1f66ab1ca22b545ca3d8dbf2cfc1c38a5..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_bar_advanced.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{{#markdown}}
-```html
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_bar_advanced_rendered.html b/doc/includes/button_group/examples_button_group_bar_advanced_rendered.html
deleted file mode 100644
index d36e5795448a09234ade4bfac5203edd8479ece9..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_bar_advanced_rendered.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_bar_rendered.html b/doc/includes/button_group/examples_button_group_bar_rendered.html
deleted file mode 100644
index 8cf4252ed5d890a00bf1d2bc3a0e6bda865e9a54..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_bar_rendered.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_basic.html b/doc/includes/button_group/examples_button_group_basic.html
deleted file mode 100644
index a581103cc91848d15a5ab8e6530a7cb34e2a42e2..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_basic.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_basic_mixin.html b/doc/includes/button_group/examples_button_group_basic_mixin.html
deleted file mode 100644
index 2d992539a1fd28fd8594238876f7a83c48f0a3ff..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_basic_mixin.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_basic_rendered.html b/doc/includes/button_group/examples_button_group_basic_rendered.html
deleted file mode 100644
index dc27dd33102984076779ec77cd23b787d138b51e..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_basic_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_container_mixin.html b/doc/includes/button_group/examples_button_group_container_mixin.html
deleted file mode 100644
index 7ca0ea89321a221710716038f25e9211ccc29f3f..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_container_mixin.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```scss
-.custom-button-container-class {
- @include button-group-container(
- // we use this to add styles for a button group container. Default: true
- $styles:true,
- // We use this if we want the button group container floated. It relies on the $default-float scss variable. Default: false;
- $float:false
- );
- .custom-button-class { @include button; }
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_style_mixin.html b/doc/includes/button_group/examples_button_group_style_mixin.html
deleted file mode 100644
index d9dd2a75feff9410fe4057da4e85ab60d9a20359..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_style_mixin.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name { @include button-group-container();
- .your-button-class { @include button(); }
-
- & > li {
- @include button-group-style(
- // This controls the radius of the left and right edges. Set to true or px value. Default: false
- $radius:true,
- // This makes the buttons take up even space in their container. Set to the number of buttons in the group. Default: false.
- $even:false,
- // Controls how the buttons in the group float set to left or right. Default: $default-float.
- $float:right
- );
- }
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/button_group/examples_button_group_variables.html b/doc/includes/button_group/examples_button_group_variables.html
deleted file mode 100644
index de35b7a146268cfe68f49f4f7ffb2a22f9ce018b..0000000000000000000000000000000000000000
--- a/doc/includes/button_group/examples_button_group_variables.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```scss
-$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: rem-calc(10);
-$button-group-border-width: 1px;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_accessible.html b/doc/includes/buttons/examples_buttons_accessible.html
deleted file mode 100644
index 1074a16edc3a3bd3ef98a63612a39dd5f78491fb..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_accessible.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
Default Button
-
Submit
-
Default Button
diff --git a/doc/includes/buttons/examples_buttons_accessible_rendered.html b/doc/includes/buttons/examples_buttons_accessible_rendered.html
deleted file mode 100644
index fd7e508c083c9f5565ae44ab6441462cdb8aaabf..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_accessible_rendered.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
Default Button
-
Submit
-
Default Button
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_advanced.html b/doc/includes/buttons/examples_buttons_advanced.html
deleted file mode 100644
index c204f1d8530317ab24467b2c210ee23994d3d946..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_advanced.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
Tiny Button
-
Small Button
-
Default Button
-
Disabled Button
-
Large Button
-
Expanded Button
-
-
Round Button
-
Radius Button
-
diff --git a/doc/includes/buttons/examples_buttons_advanced_rendered.html b/doc/includes/buttons/examples_buttons_advanced_rendered.html
deleted file mode 100644
index e67ab211fc2ba2a8f133de3b5be5475dbb3c1d9c..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_advanced_rendered.html
+++ /dev/null
@@ -1,23 +0,0 @@
-
diff --git a/doc/includes/buttons/examples_buttons_base_mixin.html b/doc/includes/buttons/examples_buttons_base_mixin.html
deleted file mode 100644
index 4be94e27905337a443d97ed9bf8c86c87996aa9a..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_base_mixin.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name { @include button-base; }
-```
-{{/markdown}}
-
-
Button Base
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_basic.html b/doc/includes/buttons/examples_buttons_basic.html
deleted file mode 100644
index a39a88bf454cb7e4a7f8e231c19429364c929c28..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_basic.html
+++ /dev/null
@@ -1 +0,0 @@
-
Default Button
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_basic_rendered.html b/doc/includes/buttons/examples_buttons_basic_rendered.html
deleted file mode 100644
index 4390cc4c1728c81900c0bf27f0444081d7bfb194..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_basic_rendered.html
+++ /dev/null
@@ -1 +0,0 @@
-
Default Button
diff --git a/doc/includes/buttons/examples_buttons_color.html b/doc/includes/buttons/examples_buttons_color.html
deleted file mode 100644
index 5aa15695239b4419dc851bf5f9bf39a16858dd71..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_color.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
Default Button
-
Success Button
-
Secondary Button
-
Alert Button
-
Info Button
-
Disabled Button
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_color_rendered.html b/doc/includes/buttons/examples_buttons_color_rendered.html
deleted file mode 100644
index a0df879b2806c767feb89a0fa20ce1ec0b550615..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_color_rendered.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
diff --git a/doc/includes/buttons/examples_buttons_custom_mixin.html b/doc/includes/buttons/examples_buttons_custom_mixin.html
deleted file mode 100644
index 10bca3928f14b211735bdb2a1e266478ccff602a..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_custom_mixin.html
+++ /dev/null
@@ -1,20 +0,0 @@
-{{#markdown}}
-```scss
-// Using the available options
-.custom-button-class {
- @include button(
- // $padding - Used to build padding for buttons Default: $button-med or rem-calc(12)
- $padding,
- // Background color. We can set $bg:false for a transparent background. Default: $primary-color.
- $bg,
- // If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). Default:false.
- $radius,
- // We can set $full-width:true to remove side padding extend width. Default:false
- $full-width,
- // We can set $disabled:true to create a disabled transparent button. Default:false
- $disabled
- );
-}
-
-```
-{{/markdown}}
diff --git a/doc/includes/buttons/examples_buttons_default_mixin.html b/doc/includes/buttons/examples_buttons_default_mixin.html
deleted file mode 100644
index cfd84403e110bb731eb6d85a27816bc40d182909..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_default_mixin.html
+++ /dev/null
@@ -1,6 +0,0 @@
-{{#markdown}}
-```scss
-// Using the default styles
-.custom-button-class { @include button; }
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_options_mixin.html b/doc/includes/buttons/examples_buttons_options_mixin.html
deleted file mode 100644
index e7f8adcc110c9d1d892e8335f9de16ee8ded8510..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_options_mixin.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include button-base;
- @include button-size;
- @include button-style;
- @include radius;
- @include single-transition;
- @include inset-shadow($active);
-}
-
-/* This controls whether or not you get the depressed look on tap/click. */
-/* Set to true or false, defaults to true. */
-$active: true
-```
-{{/markdown}}
-
-
Button Base, Size, Style & Shine
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_size_mixin.html b/doc/includes/buttons/examples_buttons_size_mixin.html
deleted file mode 100644
index 36fb5bec521ac9e2ac0fe9f28e96de8e257661c2..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_size_mixin.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include button-base;
- @include button-size($padding, $full-width, $is-input);
-}
-```
-{{/markdown}}
-
-
Button Base & Size
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_style_mixin.html b/doc/includes/buttons/examples_buttons_style_mixin.html
deleted file mode 100644
index d1cc36bf67c9481f51648a49266e0babe3528ddc..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_style_mixin.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include button-base;
- @include button-size;
- @include button-style($bg, $radius, $disabled);
-}
-```
-{{/markdown}}
-
-
Button Base, Size & Style
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_styling.html b/doc/includes/buttons/examples_buttons_styling.html
deleted file mode 100644
index 8d1d90c0e6fa22b3a5aa291f7061e5b6665b0874..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_styling.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
Tiny Button
-
Small Button
-
Large Button
-
-
Disabled Button
-
-
Radius Button
-
Round Button
-
-
Expanded Button
\ No newline at end of file
diff --git a/doc/includes/buttons/examples_buttons_variables.html b/doc/includes/buttons/examples_buttons_variables.html
deleted file mode 100644
index e408d38c6c8d876259608b116492f6f676e8ace9..0000000000000000000000000000000000000000
--- a/doc/includes/buttons/examples_buttons_variables.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-button-classes: $include-html-classes;
-
-// We use these to build padding for buttons.
-$button-med: rem-calc(12);
-$button-tny: rem-calc(7);
-$button-sml: rem-calc(9);
-$button-lrg: rem-calc(16);
-
-// We use this to control the display property.
-$button-display: inline-block;
-$button-margin-bottom: rem-calc(20);
-
-// We use these to control button text styles.
-$button-font-family: inherit;
-$button-font-color: #fff;
-$button-font-color-alt: #333;
-$button-font-med: rem-calc(16);
-$button-font-tny: rem-calc(11);
-$button-font-sml: rem-calc(13);
-$button-font-lrg: rem-calc(20);
-$button-font-weight: bold;
-$button-font-align: center;
-
-// We use these to control various hover effects.
-$button-function-factor: 10%;
-
-// We use these to control button border styles.
-$button-border-width: 1px;
-$button-border-style: solid;
-
-// We use this to set the default radius used throughout the core.
-$button-radius: $global-radius;
-$button-round: $global-rounded;
-
-// We use this to set default opacity and cursor for disabled buttons.
-$button-disabled-opacity: 0.6;
-$button-disabled-cursor: $cursor-default-value;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_basic.html b/doc/includes/clearing/examples_clearing_basic.html
deleted file mode 100644
index 5e42af7583817645cf3459033fdbd2e6740a94aa..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_basic.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_basic_rendered.html b/doc/includes/clearing/examples_clearing_basic_rendered.html
deleted file mode 100644
index 83406fe7bee38f504566f1adc5e2e21545f01cdb..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_basic_rendered.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_captions.html b/doc/includes/clearing/examples_clearing_captions.html
deleted file mode 100644
index b10286ca6b1a3f20e11bcf79389524d39ff36f34..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_captions.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
-
-
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_data_options.html b/doc/includes/clearing/examples_clearing_data_options.html
deleted file mode 100644
index 1cd05c09362e49e96e4f0e29eef9e27c79efca36..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_data_options.html
+++ /dev/null
@@ -1,16 +0,0 @@
-{{#markdown}}
-```javascript
-{
- // specify the classes or IDs will close clearing when clicked.
- close_selectors : '.clearing-close',
-
- // specify the classes or IDs that will open clearing when clicked, defaults to the entire li element
- open_selectors : '',
-
- // specify the classes or IDs that will be skipped in carousel
- skip_selector : '',
-
- touch_label : '← Swipe to Advance →'
-}
-```
-{{/markdown}}
diff --git a/doc/includes/clearing/examples_clearing_events.html b/doc/includes/clearing/examples_clearing_events.html
deleted file mode 100644
index 7a8d6b3f6f606fd54b47357673d8eb3fbcadf137..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_events.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```javascript
-$(document.body).on("open.fndtn.clearing", function(event) {
- console.info("About to open thumbnail with src ", $('img', event.target).attr('src'));
-});
-```
-{{/markdown}}
diff --git a/doc/includes/clearing/examples_clearing_featured.html b/doc/includes/clearing/examples_clearing_featured.html
deleted file mode 100644
index 964e0a368cd609d3ed6a00420d953e85e5a680d7..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_featured.html
+++ /dev/null
@@ -1,15 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
-
-
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_interchange_rendered.html b/doc/includes/clearing/examples_clearing_interchange_rendered.html
deleted file mode 100644
index 5d3b0cfeca5bcb50b4be00402dacce2893832872..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_interchange_rendered.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_javascript.html b/doc/includes/clearing/examples_clearing_javascript.html
deleted file mode 100644
index d675cbb45623136481d3445e918299fe862d3915..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/clearing/examples_clearing_variables.html b/doc/includes/clearing/examples_clearing_variables.html
deleted file mode 100644
index 85c8ed7053806cb00779905c6db70bf6c1b37679..0000000000000000000000000000000000000000
--- a/doc/includes/clearing/examples_clearing_variables.html
+++ /dev/null
@@ -1,33 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-clearing-classes: $include-html-classes;
-
-// We use these to set the background colors for parts of Clearing.
-$include-html-clearing-classes: $include-html-classes;
-
-// We use these to set the background colors for parts of Clearing.
-$clearing-bg: $oil;
-$clearing-caption-bg: $clearing-bg;
-$clearing-carousel-bg: rgba(51,51,51,0.8);
-$clearing-img-bg: $clearing-bg;
-
-// We use these to style the close button
-$clearing-close-color: $iron;
-$clearing-close-size: 30px;
-
-// We use these to style the arrows
-$clearing-arrow-size: 12px;
-$clearing-arrow-color: $clearing-close-color;
-
-// We use these to style captions
-$clearing-caption-font-color: $iron;
-$clearing-caption-font-size: 0.875em;
-$clearing-caption-padding: 10px 30px 20px;
-
-// We use these to make the image and carousel height and style
-$clearing-active-img-height: 85%;
-$clearing-carousel-height: 120px;
-$clearing-carousel-thumb-width: 120px;
-$clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_advanced.html b/doc/includes/dropdown/examples_dropdown_advanced.html
deleted file mode 100644
index caf9e61c395c82e08701ad129a0c9adca88f9597..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_advanced.html
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
HTML
-{{#markdown}}
-```html
-
Dropdown Button
-
-
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
Dropdown Button
-
-
-
diff --git a/doc/includes/dropdown/examples_dropdown_autoclose.html b/doc/includes/dropdown/examples_dropdown_autoclose.html
deleted file mode 100644
index 0e64408e4f40983e58ee4bd67cc1c28bf1c0d92b..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_autoclose.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
I'm Persistent!»
-
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_basic.html b/doc/includes/dropdown/examples_dropdown_basic.html
deleted file mode 100644
index 94b91b06f117df0f7bdca94fad3317ca8bc55e48..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_basic.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
Link Dropdown »
-
-
-
Content Dropdown »
-
-
Title
-
Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!
-
-
More test.
-
Button
-
diff --git a/doc/includes/dropdown/examples_dropdown_basic_nostyle.html b/doc/includes/dropdown/examples_dropdown_basic_nostyle.html
deleted file mode 100644
index 2980cd19e988992bcfbe65ff60993bc9ef020511..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_basic_nostyle.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
- Has Dropdown | Has Content Dropdown
-
-
-
Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!
-
-
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_basic_rendered.html b/doc/includes/dropdown/examples_dropdown_basic_rendered.html
deleted file mode 100644
index 2d8555f6f1407ed74d28daf360e7865e3392caff..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_basic_rendered.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{{#markdown}}
-```html
-
Has Dropdown
-
-
Has Content Dropdown
-
-
Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!
-
-```
-{{/markdown}}
diff --git a/doc/includes/dropdown/examples_dropdown_container_mixin.html b/doc/includes/dropdown/examples_dropdown_container_mixin.html
deleted file mode 100644
index c4cecbfb9008e9ea3e08d076cee3b82787eb31e1..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_container_mixin.html
+++ /dev/null
@@ -1,16 +0,0 @@
-{{#markdown}}
-```scss
-/* Container mixin and its options */
-.your-class-name { @include dropdown-container($content, $triangle, $max-width); }
-
-/* This can be set to "list" or "content" depending on what you want inside. */
-$content: list;
-
-/* If you do not want to attach the triangle pop, set this to false. */
-$triangle: true;
-
-/* By default, the dropdown is 200px max-width, taking on 100% when gets smaller than that. */
-/* You can set this to any number you want or change it globally with the variable. */
-$max-width: $f-dropdown-max-width;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_directions.html b/doc/includes/dropdown/examples_dropdown_directions.html
deleted file mode 100644
index bf68fe32be71a2224ffff6ae215a90e4fc180448..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_directions.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
Right »
-
-
Top »
-
-
Down »
-
-
Left »
-
diff --git a/doc/includes/dropdown/examples_dropdown_disabled.html b/doc/includes/dropdown/examples_dropdown_disabled.html
deleted file mode 100644
index cf8fe4245688c9b0bea8b8501a7c0ea0138117ac..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_disabled.html
+++ /dev/null
@@ -1,25 +0,0 @@
-
-
-
HTML
-{{#markdown}}
-```html
-
Disabled Dropdown Button
-
-
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
Disabled Dropdown Button
-
-
-
diff --git a/doc/includes/dropdown/examples_dropdown_hoverable.html b/doc/includes/dropdown/examples_dropdown_hoverable.html
deleted file mode 100644
index 76c89d62c81e6d3f4841620cfb0c623ea637b5c9..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_hoverable.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
Has Hover Dropdown
-
-
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_hoverable_rendered.html b/doc/includes/dropdown/examples_dropdown_hoverable_rendered.html
deleted file mode 100644
index ad2d8ab832d6e7373483ded963d5b13b21a8b95e..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_hoverable_rendered.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```html
-
Has Hover Dropdown
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_list_mixin.html b/doc/includes/dropdown/examples_dropdown_list_mixin.html
deleted file mode 100644
index d51a439e0e0f0cd5e5b8fab3bc099a8e14f90b2d..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_list_mixin.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```scss
-/* The style mixin - It has no options other than variables to make global changes */
-.your-class-name {
- @include dropdown-container($content, $triangle, $max-width);
-
- li { @include dropdown-style; }
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_mixin.html b/doc/includes/dropdown/examples_dropdown_mixin.html
deleted file mode 100644
index a235b62ab1e285e5cc443123d5bcc8a8179a4fa8..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_mixin.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```html
-
Has Dropdown
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/dropdown/examples_dropdown_pip_directions.html b/doc/includes/dropdown/examples_dropdown_pip_directions.html
deleted file mode 100644
index 56119bdb64b92c45cef80e2fc95e2ed6a2877e67..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_pip_directions.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
Right »
-
-
Top »
-
-
Down »
-
-
Left »
-
diff --git a/doc/includes/dropdown/examples_dropdown_pip_expand.html b/doc/includes/dropdown/examples_dropdown_pip_expand.html
deleted file mode 100644
index 6af9bcadeb5c054810d3571e1967d6c3e522b42c..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_pip_expand.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
Expanded Dropdown
-
diff --git a/doc/includes/dropdown/examples_dropdown_variables.html b/doc/includes/dropdown/examples_dropdown_variables.html
deleted file mode 100644
index dd4c4291412d40d40e6befe0b8ad78ecd74b7682..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown/examples_dropdown_variables.html
+++ /dev/null
@@ -1,47 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-dropdown-classes: $include-html-classes;
-
-// We use these to controls height and width styles.
-$f-dropdown-max-width: 200px;
-$f-dropdown-height: auto;
-$f-dropdown-max-height: none;
-
-// Used for bottom position
-$f-dropdown-margin-top: 2px;
-
-// Used for right position
-$f-dropdown-margin-left: $f-dropdown-margin-top;
-
-// Used for left position
-$f-dropdown-margin-right: $f-dropdown-margin-top;
-
-// Used for top position
-$f-dropdown-margin-bottom: $f-dropdown-margin-top;
-
-// We use this to control the background color
-$f-dropdown-bg: $white;
-
-// We use this to set the border styles for dropdowns.
-$f-dropdown-border-style: solid;
-$f-dropdown-border-width: 1px;
-$f-dropdown-border-color: scale-color($white, $lightness: -20%);
-
-// We use these to style the triangle pip.
-$f-dropdown-triangle-size: 6px;
-$f-dropdown-triangle-color: $white;
-$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: $charcoal;
-$f-dropdown-font-size: rem-calc(14);
-$f-dropdown-list-padding: rem-calc(5, 10);
-$f-dropdown-line-height: rem-calc(18);
-$f-dropdown-list-hover-bg: $smoke;
-$dropdown-mobile-default-float: 0;
-
-// We use this to control the styles for when the dropdown has custom content.
-$f-dropdown-content-padding: rem-calc(20);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_button_basic.html b/doc/includes/dropdown_buttons/examples_dropdown_button_basic.html
deleted file mode 100644
index e624f5f051f8eafb7d1fff3a455e798eae3b29d3..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_button_basic.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
Dropdown Button
-
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_button_basic_rendered.html b/doc/includes/dropdown_buttons/examples_dropdown_button_basic_rendered.html
deleted file mode 100644
index 63ed60a5435461d8d046571ff2a4833f1416c40e..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_button_basic_rendered.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
Default Button
-
Tiny Button
-
Small Button
-
Large Button
-
-
-
Secondary Button
-
Success Button
-
Alert Button
-
-
-
Radius Button
-
Round Button
-```
-{{/markdown}}
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_button_intro.html b/doc/includes/dropdown_buttons/examples_dropdown_button_intro.html
deleted file mode 100644
index c0b4638147ede723f716dfac314f24caefead717..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_button_intro.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
Dropdown Button
-
-
-
Dropdown Button
-
-
-
Dropdown Button
-
-
-
Dropdown Button
-
-
-
Dropdown Button
-
-
-
Disabled Dropdown Button
-
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_button_mixin.html b/doc/includes/dropdown_buttons/examples_dropdown_button_mixin.html
deleted file mode 100644
index 0c30a8f3bbd8670314e3098aebef8385d66c338a..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_button_mixin.html
+++ /dev/null
@@ -1,16 +0,0 @@
-{{#markdown}}
-```scss
-/* Using the default styles */
-.your-class-name {
- @include button;
- @include dropdown-button;
-}
-```
-{{/markdown}}
-
-
Default Dropdown Button
-
\ No newline at end of file
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_button_options.html b/doc/includes/dropdown_buttons/examples_dropdown_button_options.html
deleted file mode 100644
index 5d8691535e1664af8803e3d139446639ef7bbd65..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_button_options.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```scss
-/* Using the available options */
-.your-class-name {
- @include button;
- @include dropdown-button($padding, $pip-color, $base-style);
-}
-
-/* This controls padding around the dropdown buttons. Use tiny, small, medium, or large */
-$padding: $button-med;
-
-/* This controls the dropdown pip color. Set to one of our variables or a custom hex value */
-$pip-color: #fff;
-
-/* This controls whether or not base styles come through. Set to false to negate */
-/* Handy when you want to have many different styles */
-$base-style: true;
-```
-{{/markdown}}
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_button_options_mixin.html b/doc/includes/dropdown_buttons/examples_dropdown_button_options_mixin.html
deleted file mode 100644
index 4562cf65c21c29a15e04836c8c310ae7c8cf2b6d..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_button_options_mixin.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include button;
- @include dropdown-button;
- @include radius;
- @include single-transition;
- @include inset-shadow;
-}
-```
-{{/markdown}}
-
-
Button Base, Size, Style & Shine
-
\ No newline at end of file
diff --git a/doc/includes/dropdown_buttons/examples_dropdown_buttons_variables.html b/doc/includes/dropdown_buttons/examples_dropdown_buttons_variables.html
deleted file mode 100644
index 8251c5aea470753cfdfd7d684b308d124d147f82..0000000000000000000000000000000000000000
--- a/doc/includes/dropdown_buttons/examples_dropdown_buttons_variables.html
+++ /dev/null
@@ -1,33 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-button-classes: $include-html-classes;
-
-// We use these to set the color of the pip in dropdown buttons
-$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-pip-opposite-tny: $button-tny * 2;
-$dropdown-button-pip-top-tny: -$button-tny / 2 + rem-calc(1);
-
-// We use these to style small dropdown buttons
-$dropdown-button-padding-sml: $button-sml * 5;
-$dropdown-button-pip-size-sml: $button-sml;
-$dropdown-button-pip-opposite-sml: $button-sml * 2;
-$dropdown-button-pip-top-sml: -$button-sml / 2 + rem-calc(1);
-
-// We use these to style medium dropdown buttons
-$dropdown-button-padding-med: $button-med * 4 + rem-calc(3);
-$dropdown-button-pip-size-med: $button-med - rem-calc(3);
-$dropdown-button-pip-opposite-med: $button-med * 2;
-$dropdown-button-pip-top-med: -$button-med / 2 + rem-calc(2);
-
-// We use these to style large dropdown buttons
-$dropdown-button-padding-lrg: $button-lrg * 4;
-$dropdown-button-pip-size-lrg: $button-lrg - rem-calc(6);
-$dropdown-button-pip-opposite-lrg: $button-lrg + rem-calc(12);
-$dropdown-button-pip-top-lrg: -$button-lrg / 2 + rem-calc(3);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/equalizer/examples_equalizer_javascript.html b/doc/includes/equalizer/examples_equalizer_javascript.html
deleted file mode 100644
index 7524a1d7560d2851fc68e60bd8c103036517561f..0000000000000000000000000000000000000000
--- a/doc/includes/equalizer/examples_equalizer_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/examples_global_rendered.html b/doc/includes/examples_global_rendered.html
deleted file mode 100644
index 452c929b2257ad0c2e7458e31fe767fe8a2cd19d..0000000000000000000000000000000000000000
--- a/doc/includes/examples_global_rendered.html
+++ /dev/null
@@ -1,538 +0,0 @@
-{{#markdown}}
-```scss
-// Foundation by ZURB
-// foundation.zurb.com
-// Licensed under MIT Open Source
-
-@import "../functions";
-//
-// Foundation Variables
-//
-
-// Data attribute namespace
-// styles get applied to [data-mysite-plugin], etc
-$namespace: false !default;
-
-// The default font-size is set to 100% of the browser style sheet (usually 16px)
-// for compatibility with browser-based text zoom or user-set defaults.
-
-// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
-// If you want your base font-size to be different and not have it affect the grid breakpoints,
-// set $rem-base to $base-font-size and make sure $base-font-size is a px value.
-$base-font-size: 100% !default;
-
-// $base-line-height is 24px while $base-font-size is 16px
-$base-line-height: 150% !default;
-
-//
-// Global Foundation Mixins
-//
-
-// @mixins
-//
-// We use this to control border radius.
-// $radius - Default: $global-radius || 4px
-@mixin radius($radius:$global-radius) {
- @if $radius {
- border-radius: $radius;
- }
-}
-
-// @mixins
-//
-// We use this to create equal side border radius on elements.
-// $side - Options: left, right, top, bottom
-@mixin side-radius($side, $radius:$global-radius) {
- @if ($side == left or $side == right) {
- -webkit-border-bottom-#{$side}-radius: $radius;
- -webkit-border-top-#{$side}-radius: $radius;
- border-bottom-#{$side}-radius: $radius;
- border-top-#{$side}-radius: $radius;
- } @else {
- -webkit-#{$side}-left-radius: $radius;
- -webkit-#{$side}-right-radius: $radius;
- border-#{$side}-left-radius: $radius;
- border-#{$side}-right-radius: $radius;
- }
-}
-
-// @mixins
-//
-// We can control whether or not we have inset shadows edges.
-// $active - Default: true, Options: false
-@mixin inset-shadow($active:true) {
- box-shadow: $shiny-edge-size $shiny-edge-color inset;
-
- @if $active { &:active {
- box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } }
-}
-
-// @mixins
-//
-// We use this to add transitions to elements
-// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties
-// $speed - Default: 300ms
-// $ease - Default: ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/
-@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {
- @include transition($property, $speed, $ease);
-}
-
-// @mixins
-//
-// We use this to add single or multiple transitions to elements
-// $property - Default: all, Options: http://www.w3.org/TR/css3-transitions/#animatable-properties
-// $speed - Default: 300ms
-// $ease - Default: ease-out, Options: http://css-tricks.com/almanac/properties/t/transition-timing-function/
-// $delay - Default: null (0s)
-@mixin transition($property:all, $speed:300ms, $ease:ease-out, $delay:null) {
- $transition: none;
-
- @if length($property) > 1 {
-
- @each $transition_list in $property {
-
- @for $i from 1 through length($transition_list) {
-
- @if $i == 1 {
- $_property: nth($transition_list, $i);
- }
-
- @if length($transition_list) > 1 {
- @if $i == 2 {
- $_speed: nth($transition_list, $i);
- }
- } @else {
- $_speed: $speed;
- }
-
- @if length($transition_list) > 2 {
- @if $i == 3 {
- $_ease: nth($transition_list, $i);
- }
- } @else {
- $_ease: $ease;
- }
-
- @if length($transition_list) > 3 {
- @if $i == 4 {
- $_delay: nth($transition_list, $i);
- }
- } @else {
- $_delay: $delay;
- }
- }
-
- @if $transition == none {
- $transition: $_property $_speed $_ease $_delay;
- } @else {
- $transition: $transition, $_property $_speed $_ease $_delay;
- }
- }
- }
- @else {
-
- @each $prop in $property {
-
- @if $transition == none {
- $transition: $prop $speed $ease $delay;
- } @else {
- $transition: $transition, $prop $speed $ease $delay;
- }
- }
- }
-
- transition: $transition;
-}
-
-// @mixins
-//
-// We use this to add box-sizing across browser prefixes
-@mixin box-sizing($type:border-box) {
- -webkit-box-sizing: $type; // Android < 2.3, iOS < 4
- -moz-box-sizing: $type; // Firefox < 29
- box-sizing: $type; // Chrome, IE 8+, Opera, Safari 5.1
-}
-
-// @mixins
-//
-// We use this to create isosceles triangles
-// $triangle-size - Used to set border-size. No default, set a px or em size.
-// $triangle-color - Used to set border-color which makes up triangle. No default
-// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right
-@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
- content: "";
- display: block;
- width: 0;
- height: 0;
- border: inset $triangle-size;
- @if ($triangle-direction == top) {
- border-color: $triangle-color transparent transparent transparent;
- border-top-style: solid;
- }
- @if ($triangle-direction == bottom) {
- border-color: transparent transparent $triangle-color transparent;
- border-bottom-style: solid;
- }
- @if ($triangle-direction == left) {
- border-color: transparent transparent transparent $triangle-color;
- border-left-style: solid;
- }
- @if ($triangle-direction == right) {
- border-color: transparent $triangle-color transparent transparent;
- border-right-style: solid;
- }
-}
-
-// @mixins
-//
-// We use this to create the icon with three lines aka the hamburger icon, the menu-icon or the navicon
-// $width - Width of hamburger icon in rem
-// $left - If false, icon will be centered horizontally || explicitly set value in rem
-// $top - If false, icon will be centered vertically || explicitly set value in rem
-// $thickness - thickness of lines in hamburger icon, set value in px
-// $gap - spacing between the lines in hamburger icon, set value in px
-// $color - icon color
-// $hover-color - icon color during hover
-// $offcanvas - Set to true of @include in offcanvas
-@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {
- span::after {
- content: "";
- position: absolute;
- display: block;
- height: 0;
-
- @if $offcanvas {
- @if $top {
- top: $top;
- }
- @else {
- top: 50%;
- margin-top: -$width/2;
- }
- @if $left {
- left: $left;
- }
- @else {
- left: ($tabbar-menu-icon-width - $width)/2;
- }
- }
- @else {
- top: 50%;
- margin-top: -($width/2);
- #{$opposite-direction}: $topbar-link-padding;
- }
-
- box-shadow:
- 0 0px 0 $thickness $color,
- 0 $gap + $thickness 0 $thickness $color,
- 0 (2 * $gap + 2*$thickness) 0 $thickness $color;
- width: $width;
- }
- span:hover:after {
- box-shadow:
- 0 0px 0 $thickness $hover-color,
- 0 $gap + $thickness 0 $thickness $hover-color,
- 0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;
- }
-}
-
-// We use this to do clear floats
-@mixin clearfix {
- &:before, &:after { content: " "; display: table; }
- &:after { clear: both; }
-}
-
-// @mixins
-//
-// We use this to add a glowing effect to block elements
-// $selector - Used for selector state. Default: focus, Options: hover, active, visited
-// $fade-time - Default: 300ms
-// $glowing-effect-color - Default: fade-out($primary-color, .25)
-@mixin block-glowing-effect($selector:focus, $fade-time:300ms, $glowing-effect-color:fade-out($primary-color, .25)) {
- transition: box-shadow $fade-time, border-color $fade-time ease-in-out;
-
- &:#{$selector} {
- box-shadow: 0 0 5px $glowing-effect-color;
- border-color: $glowing-effect-color;
- }
-}
-
-// @mixins
-//
-// We use this to translate elements in 2D
-// $horizontal: Default: 0
-// $vertical: Default: 0
-@mixin translate2d($horizontal:0, $vertical:0) {
- transform: translate($horizontal,$vertical)
-}
-
-// @mixins
-//
-// Makes an element visually hidden, but accessible.
-// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
-@mixin element-invisible {
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px);
-}
-
-// @mixins
-//
-// Turns off the element-invisible effect.
-@mixin element-invisible-off {
- position: static !important;
- height: auto;
- width: auto;
- overflow: visible;
- clip: auto;
-}
-
-// We use these as default colors throughout
-$primary-color: #008CBA !default; // bondi-blue
-$secondary-color: #e7e7e7 !default; // white-lilac
-$alert-color: #f04124 !default; // cinnabar
-$success-color: #43AC6A !default; // sea-green
-$warning-color: #f08a24 !default; // carrot
-$info-color: #a0d3e8 !default; // cornflower
-
-$white : #FFFFFF !default;
-$ghost : #FAFAFA !default;
-$snow : #F9F9F9 !default;
-$vapor : #F6F6F6 !default;
-$white-smoke : #F5F5F5 !default;
-$silver : #EFEFEF !default;
-$smoke : #EEEEEE !default;
-$gainsboro : #DDDDDD !default;
-$iron : #CCCCCC !default;
-$base : #AAAAAA !default;
-$aluminum : #999999 !default;
-$jumbo : #888888 !default;
-$monsoon : #777777 !default;
-$steel : #666666 !default;
-$charcoal : #555555 !default;
-$tuatara : #444444 !default;
-$oil : #333333 !default;
-$jet : #222222 !default;
-$black : #000000 !default;
-
-// We use these to define default font weights
-$font-weight-normal: normal !default;
-$font-weight-bold: bold !default;
-
-// We use these to control various global styles
-$body-bg: #fff !default;
-$body-font-color: #222 !default;
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
-$body-font-weight: $font-weight-normal !default;
-$body-font-style: normal !default;
-
-// We use this to control font-smoothing
-$font-smoothing: antialiased !default;
-
-// We use these to control text direction settings
-$text-direction: ltr !default;
-$default-float: left !default;
-$opposite-direction: right !default;
-@if $text-direction == ltr {
- $default-float: left;
- $opposite-direction: right;
-} @else {
- $default-float: right;
- $opposite-direction: left;
-}
-
-// We use these to make sure border radius matches unless we want it different.
-$global-radius: 3px !default;
-$global-rounded: 1000px !default;
-
-// We use these to control inset shadow shiny edges and depressions.
-$shiny-edge-size: 0 1px 0 !default;
-$shiny-edge-color: rgba(#fff, .5) !default;
-$shiny-edge-active-color: rgba(#000, .2) !default;
-
-// We use this to control whether or not CSS classes come through in the gem files.
-$include-html-classes: true !default;
-$include-print-styles: true !default;
-$include-html-global-classes: $include-html-classes !default;
-
-$column-gutter: rem-calc(30) !default;
-
-// Media Query Ranges
-$small-range: (0em, 40em) !default;
-$medium-range: (40.063em, 64em) !default;
-$large-range: (64.063em, 90em) !default;
-$xlarge-range: (90.063em, 120em) !default;
-$xxlarge-range: (120.063em, 99999999em) !default;
-
-
-$screen: "only screen" !default;
-
-$landscape: "#{$screen} and (orientation: landscape)" !default;
-$portrait: "#{$screen} and (orientation: portrait)" !default;
-
-$small-up: $screen !default;
-$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
-
-$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
-$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;
-
-$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
-$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;
-
-$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})" !default;
-$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})" !default;
-
-$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})" !default;
-$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})" !default;
-
-// Legacy
-$small: $medium-up;
-$medium: $medium-up;
-$large: $large-up;
-
-
-//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet
-$cursor-crosshair-value: crosshair !default;
-$cursor-default-value: default !default;
-$cursor-pointer-value: pointer !default;
-$cursor-help-value: help !default;
-$cursor-text-value: text !default;
-
-
-@include exports("global") {
-
- // Meta styles are included in all builds, as they are a dependancy of the Javascript.
- // Used to provide media query values for javascript components.
- // Forward slash placed around everything to convince PhantomJS to read the value.
-
- meta.foundation-version {
- font-family: "/5.4.0/";
- }
-
- meta.foundation-mq-small {
- font-family: "/" + unquote($small-up) + "/";
- width: lower-bound($small-range);
- }
-
- meta.foundation-mq-small-only {
- font-family: "/" + unquote($small-only) + "/";
- width: lower-bound($small-range);
- }
-
- meta.foundation-mq-medium {
- font-family: "/" + unquote($medium-up) + "/";
- width: lower-bound($medium-range);
- }
-
- meta.foundation-mq-medium-only {
- font-family: "/" + unquote($medium-only) + "/";
- width: lower-bound($medium-range);
- }
-
- meta.foundation-mq-large {
- font-family: "/" + unquote($large-up) + "/";
- width: lower-bound($large-range);
- }
-
- meta.foundation-mq-large-only {
- font-family: "/" + unquote($large-only) + "/";
- width: lower-bound($large-range);
- }
-
- meta.foundation-mq-xlarge {
- font-family: "/" + unquote($xlarge-up) + "/";
- width: lower-bound($xlarge-range);
- }
-
- meta.foundation-mq-xlarge-only {
- font-family: "/" + unquote($xlarge-only) + "/";
- width: lower-bound($xlarge-range);
- }
-
- meta.foundation-mq-xxlarge {
- font-family: "/" + unquote($xxlarge-up) + "/";
- width: lower-bound($xxlarge-range);
- }
-
- meta.foundation-data-attribute-namespace {
- font-family: #{$namespace};
- }
-
- @if $include-html-global-classes {
-
- // Must be 100% for off canvas to work
- html, body { height: 100%; }
-
- // Set box-sizing globally to handle padding and border widths
- *,
- *:before,
- *:after {
- @include box-sizing(border-box);
- }
-
- html,
- body { font-size: $base-font-size; }
-
- // Default body styles
- body {
- background: $body-bg;
- color: $body-font-color;
- padding: 0;
- margin: 0;
- font-family: $body-font-family;
- font-weight: $body-font-weight;
- font-style: $body-font-style;
- line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%
- position: relative;
- cursor: $cursor-default-value;
- }
-
- a:hover { cursor: $cursor-pointer-value; }
-
- // Grid Defaults to get images and embeds to work properly
- img { max-width: 100%; height: auto; }
-
- img { -ms-interpolation-mode: bicubic; }
-
- #map_canvas,
- .map_canvas {
- img,
- embed,
- object { max-width: none !important;
- }
- }
-
- // Miscellaneous useful HTML classes
- .left { float: left !important; }
- .right { float: right !important; }
- .clearfix { @include clearfix; }
- .hide { display: none; }
-
- // Font smoothing
- // Antialiased font smoothing works best for light text on a dark background.
- // Apply to single elements instead of globally to body.
- // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
- .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
-
- // Get rid of gap under images by making them display: inline-block; by default
- img {
- display: inline-block;
- vertical-align: middle;
- }
-
- //
- // Global resets for forms
- //
-
- // Make sure textarea takes on height automatically
- textarea { height: auto; min-height: 50px; }
-
- // Make select elements 100% width by default
- select { width: 100%; }
- }
-}
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/examples_javascript.html b/doc/includes/examples_javascript.html
deleted file mode 100644
index 41ba058558360fadb225e6f4bc7fcb97e2f9094f..0000000000000000000000000000000000000000
--- a/doc/includes/examples_javascript.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/examples_javascript_data_options.html b/doc/includes/examples_javascript_data_options.html
deleted file mode 100644
index 07a1dffeaec4aea9a72b897bf4f941828e3c617b..0000000000000000000000000000000000000000
--- a/doc/includes/examples_javascript_data_options.html
+++ /dev/null
@@ -1,455 +0,0 @@
-
-
-
- Abide
- live_validate
- true
-
-
- validate_on_blur
- true
-
-
- focus_on_invalid
- true
-
-
- error_labels
- true
-
-
- timeout
- 1000
-
-
- Accordion
- content_class
- 'content'
-
-
- active_class
- 'active'
-
-
- multi_expand
- false
-
-
- toggleable
- true
-
-
- Clearing
- close_selectors
- '.clearing-close'
-
-
- open_selectors
- ''
-
-
- skip_selector
- ''
-
-
- touch_label
- '← Swipe to Advance →'
-
-
- Dropdown
- active_class
- 'open'
-
-
- is_hover
- false
-
-
- Interchange
- load_attr
- 'interchange'
-
-
- Joyride
- expose
- false
-
-
- modal
- true
-
-
- keyboard
- true
-
-
- tip_location
- 'bottom'
-
-
- nub_position
- 'auto'
-
-
- scroll_speed
- 1500
-
-
- scroll_animation
- 'linear'
-
-
- timer
- 0
-
-
- start_timer_on_click
- true
-
-
- start_offset
- 0
-
-
- next_button
- true
-
-
- prev_button
- true
-
-
- tip_animation
- 'fade'
-
-
- pause_after
- []
-
-
- exposed
- []
-
-
- tip_animation_fade_speed
- 300
-
-
- cookie_monster
- false
-
-
- cookie_name
- 'joyride'
-
-
- cookie_domain
- false
-
-
- cookie_expires
- 365
-
-
- tip_container
- 'body'
-
-
- expose_add_class
- ''
-
-
- Magellan
- active_class
- 'active'
-
-
- threshold
- 0
-
-
- destination_threshold
- 20
-
-
- throttle_delay
- 50
-
-
- fixed_top
- 0
-
-
- offset_by_height
- true
-
-
- OffCanvas
- open_method
- 'move'
-
-
- close_on_click
- false
-
-
- Orbit
- animation
- 'slide'
-
-
- timer_speed
- 10000
-
-
- pause_on_hover
- true
-
-
- resume_on_mouseout
- false
-
-
- next_on_click
- true
-
-
- animation_speed
- 500
-
-
- stack_on_small
- false
-
-
- navigation_arrows
- true
-
-
- slide_number
- true
-
-
- slide_number_text
- 'of'
-
-
- container_class
- 'orbit-container'
-
-
- stack_on_small_class
- 'orbit-stack-on-small'
-
-
- next_class
- 'orbit-next'
-
-
- prev_class
- 'orbit-prev'
-
-
- timer_container_class
- 'orbit-timer'
-
-
- timer_paused_class
- 'paused'
-
-
- timer_progress_class
- 'orbit-progress'
-
-
- slides_container_class
- 'orbit-slides-container'
-
-
- preloader_class
- 'preloader'
-
-
- slide_selector
- '*'
-
-
- bullets_container_class
- 'orbit-bullets'
-
-
- bullets_active_class
- 'active'
-
-
- slide_number_class
- 'orbit-slide-number'
-
-
- caption_class
- 'orbit-caption'
-
-
- active_slide_class
- 'active'
-
-
- orbit_transition_class
- 'orbit-transitioning'
-
-
- bullets
- true
-
-
- circular
- true
-
-
- timer
- true
-
-
- variable_height
- false
-
-
- swipe
- true
-
-
- Reveal
- animation
- 'fadeAndPop'
-
-
- animation_speed
- 250
-
-
- close_on_background_click
- true
-
-
- close_on_esc
- true
-
-
- dismiss_modal_class
- 'close-reveal-modal'
-
-
- multiple_opened
- false
-
-
- bg_class
- 'reveal-modal-bg'
-
-
- root_element
- 'body'
-
-
- bg
- $('.reveal-modal-bg')
-
-
- Sliders
- start
- 0
-
-
- end
- 100
-
-
- step
- 1
-
-
- initial
- 1
-
-
- vertical
- true
-
-
- display_selector
- '#sliderOutput'
-
-
- Tab
- active_class
- 'active'
-
-
- is_hover
- false
-
-
- Tooltip
- selector
- '.has-tip'
-
-
- additional_inheritable_classes
- []
-
-
- tooltip_class
- '.tooltip'
-
-
- append_to
- 'body'
-
-
- touch_close_text
- 'Tap To Close'
-
-
- disable_for_touch
- false
-
-
- hover_delay
- 50
-
-
- Topbar
- index
- 0
-
-
- sticky_class
- 'sticky'
-
-
- custom_back_text
- true
-
-
- back_text
- 'Back'
-
-
- is_hover
- true
-
-
- mobile_show_parent_link
- false
-
-
- scrolltop
- true
-
-
-
- Plugin Name
- Setting
- Default Value
-
-
diff --git a/doc/includes/examples_keystrokes_variables.html b/doc/includes/examples_keystrokes_variables.html
deleted file mode 100644
index f358c88857824d5295f2203ad67d8526575bad83..0000000000000000000000000000000000000000
--- a/doc/includes/examples_keystrokes_variables.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-keystroke-classes: $include-html-classes;
-
-// We use these to control text styles.
-$keystroke-font: "Consolas", "Menlo", "Courier", monospace;
-$keystroke-font-size: inherit;
-$keystroke-font-color: $jet;
-$keystroke-font-color-alt: $white;
-$keystroke-function-factor: -7%;
-
-// We use this to control keystroke padding.
-$keystroke-padding: rem-calc(2 4 0);
-
-// We use these to control background and border styles.
-$keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor);
-$keystroke-border-style: solid;
-$keystroke-border-width: 1px;
-$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);
-$keystroke-radius: $global-radius;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/examples_progress_variables.html b/doc/includes/examples_progress_variables.html
deleted file mode 100644
index 9672005d2ab962ddea05247672a561729f424587..0000000000000000000000000000000000000000
--- a/doc/includes/examples_progress_variables.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-media-classes: $include-html-classes;
-
-// We use this to set the prog bar height
-$progress-bar-height: rem-calc(25);
-$progress-bar-color: transparent;
-
-// We use these to control the border styles
-$progress-bar-border-color: scale-color(#fff, $lightness: 20%);
-$progress-bar-border-size: 1px;
-$progress-bar-border-style: solid;
-$progress-bar-border-radius: $global-radius;
-
-// We use these to control the margin and padding
-$progress-bar-pad: rem-calc(2);
-$progress-bar-margin-bottom: rem-calc(10);
-
-// We use these to set the meter colors
-$progress-meter-color: $primary-color;
-$progress-meter-secondary-color: $secondary-color;
-$progress-meter-success-color: $success-color;
-$progress-meter-alert-color: $alert-color;
-```
-{{/markdown}}
diff --git a/doc/includes/examples_sass_variables.html b/doc/includes/examples_sass_variables.html
deleted file mode 100644
index 2e5dc3fb34d3e3e6bd7f16531047f1d7fd9e43e0..0000000000000000000000000000000000000000
--- a/doc/includes/examples_sass_variables.html
+++ /dev/null
@@ -1,1313 +0,0 @@
-{{#markdown}}
-```scss
-// Foundation Variables
-
-// The default font-size is set to 100% of the browser style sheet (usually 16px)
-// for compatibility with browser-based text zoom or user-set defaults.
-$base-font-size: 100% !default;
-
-$base-line-height is 24px while $base-font-size is 16px
-$base-line-height: 150%;
-
-// This is the default html and body font-size for the base em value.
-
-// Since the typical default browser font-size is 16px, that makes the calculation for grid size.
-// If you want your base font-size to be a different size and not have it effect grid size too,
-// set the value of $rem-base to $base-font-size ($rem-base: $base-font-size;)
-$rem-base: 16px !default;
-
-// It strips the unit of measure and returns it
-@function strip-unit($num) {
- @return $num / ($num * 0 + 1);
-}
-
-// New Syntax, allows to optionally calculate on a different base value to counter compounding effect of em\'s.
-// Call with 1, 2, 3 or 4 parameters, \'px\' is not required but supported
-// rem-calc(10 20 30px 40);
-// Space delimited, if you want to delimit using comma\'s, wrap it in another pair of brackets
-// rem-calc((10, 20, 30, 40px));
-// Optionally call with a different base (eg: 8px) to calculate em.
-// rem-calc(16px 32px 48px, 8px);
-// If you require to comma separate your list
-// rem-calc((16px, 32px, 48), 8px);
-
-@function convert-to-rem($value, $base-value: $rem-base) {
- $value: strip-unit($value) / strip-unit($base-value) * 1em;
- @if ($value == 0em) { $value: 0; } // Turn 0em into 0
- @return $value;
-}
-
-@function rem-calc($values, $base-value: $rem-base) {
- $max: length($values);
-
- @if $max == 1 { @return convert-to-rem(nth($values, 1), $base-value); }
-
- $remValues: ();
- @for $i from 1 through $max {
- $remValues: append($remValues, convert-to-rem(nth($values, $i), $base-value));
- }
- @return $remValues;
-}
-
-// Support for the old syntax
-
-@function emCalc($values){
- @return rem-calc($values);
-}
-
-// Maybe you want to create rems with pixels
-// $rem-base: 0.625 !default; //Set the value corresponding to body font size. In this case, you should set as: body {font-size: 62.5%;}
-// @function remCalc($pxWidth) {
-// @return $pxWidth / $rem-base * 1rem;
-// }
-
-// Various global styles
-
-$default-float: left;
-
-$body-bg: #fff;
-$body-font-color: #222;
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-$body-font-weight: normal;
-$body-font-style: normal;
-
-// Font-smoothing
-
-$font-smoothing: antialiased;
-
-// Text direction settings
-
-$text-direction: ltr;
-
-// Colors
-
-$primary-color: #2ba6cb;
-$secondary-color: #e9e9e9;
-$alert-color: #c60f13;
-$success-color: #5da423;
-
-// Make sure border radius matches unless we want it different.
-
-$global-radius: 3px;
-$global-rounded: 1000px;
-
-// Inset shadow shiny edges and depressions.
-
-$shiny-edge-size: 0 1px 0;
-$shiny-edge-color: rgba(#fff, .5);
-$shiny-edge-active-color: rgba(#000, .2);
-
-// Control whether or not CSS classes come through in the CSS files.
-
-$include-html-classes: true;
-$include-print-styles: true;
-$include-html-global-classes: $include-html-classes;
-$include-html-type-classes: $include-html-classes;
-$include-html-grid-classes: $include-html-classes;
-$include-html-icon-bar-classes: $include-html-classes;
-$include-html-visibility-classes: $include-html-classes;
-$include-html-button-classes: $include-html-classes;
-$include-html-form-classes: $include-html-classes;
-$include-html-custom-form-classes: $include-html-classes;
-$include-html-media-classes: $include-html-classes;
-$include-html-section-classes: $include-html-classes;
-$include-html-orbit-classes: $include-html-classes;
-$include-html-reveal-classes: $include-html-classes;
-$include-html-joyride-classes: $include-html-classes;
-$include-html-clearing-classes: $include-html-classes;
-$include-html-alert-classes: $include-html-classes;
-$include-html-nav-classes: $include-html-classes;
-$include-html-top-bar-classes: $include-html-classes;
-$include-html-label-classes: $include-html-classes;
-$include-html-panel-classes: $include-html-classes;
-$include-html-pricing-classes: $include-html-classes;
-$include-html-progress-classes: $include-html-classes;
-$include-html-magellan-classes: $include-html-classes;
-$include-html-tooltip-classes: $include-html-classes;
-
-// Media Queries
-
-$small-screen: 768px;
-$medium-screen: 1280px;
-$large-screen: 1440px;
-
-$screen: "only screen";
-$small: "only screen and (min-width: #{$small-screen})";
-$medium: "only screen and (min-width: #{$medium-screen})";
-$large: "only screen and (min-width: #{$large-screen})";
-$landscape: "only screen and (orientation: landscape)";
-$portrait: "only screen and (orientation: portrait)";
-
-// Cursors
-
-// Custom use example -> $cursor-default-value: url(http://cursors-site.net/path/to/custom/cursor/default.cur),progress;
-
-$cursor-crosshair-value: "crosshair";
-$cursor-default-value: "default";
-$cursor-pointer-value: "pointer";
-$cursor-help-value: "help";
-
-
-// Grid Variables
-
-
-$row-width: rem-calc(1000);
-$column-gutter: rem-calc(30);
-$total-columns: 12;
-
-
-// Block Grid Variables
-
-
-// Maximum number of block grid elements per row
-
-$block-grid-elements: 12;
-$block-grid-default-spacing: rem-calc(20);
-
-// Enables media queries for block-grid classes. Set to false if writing semantic HTML.
-
-$block-grid-media-queries: true;
-
-
-// Typography Variables
-
-
-// Heading font styles
-
-$header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-$header-font-weight: bold;
-$header-font-style: normal;
-$header-font-color: #222;
-$header-line-height: 1.4;
-$header-top-margin: .2em;
-$header-bottom-margin: .5em;
-$header-text-rendering: optimizeLegibility;
-
-// Heading font sizes
-
-$h1-font-size: rem-calc(44);
-$h2-font-size: rem-calc(37);
-$h3-font-size: rem-calc(27);
-$h4-font-size: rem-calc(23);
-$h5-font-size: rem-calc(18);
-$h6-font-size: 1em;
-
-// Subheaders
-
-$subheader-line-height: 1.4;
-$subheader-font-color: scale-color($header-font-color, $lightness: 35%);
-$subheader-font-weight: 300;
-$subheader-top-margin: .2em;
-$subheader-bottom-margin: .5em;
-
-//
styling
-
-$small-font-size: 60%;
-$small-font-color: scale-color($header-font-color, $lightness: 35%);
-
-// Paragraphs
-
-$paragraph-font-family: inherit;
-$paragraph-font-weight: normal;
-$paragraph-font-size: 1em;
-$paragraph-line-height: 1.6;
-$paragraph-margin-bottom: rem-calc(20);
-$paragraph-aside-font-size: rem-calc(14);
-$paragraph-aside-line-height: 1.35;
-$paragraph-aside-font-style: italic;
-
-// tags
-
-$code-color: scale-color($alert-color, $lightness: -27%);
-$code-font-family: Consolas, "Liberation Mono", Courier, monospace;
-$code-font-weight: bold;
-
-// Anchors
-
-$anchor-text-decoration: none;
-$anchor-font-color: $primary-color;
-$anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);
-
-// element
-
-$hr-border-width: 1px;
-$hr-border-style: solid;
-$hr-border-color: #ddd;
-$hr-margin: rem-calc(20);
-
-// Lists
-
-$list-style-position: outside;
-$list-side-margin: 0;
-$list-nested-margin: rem-calc(20);
-$definition-list-header-weight: bold;
-$definition-list-header-margin-bottom: .3em;
-$definition-list-margin-bottom: rem-calc(12);
-
-// Blockquotes
-
-$blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
-$blockquote-padding: rem-calc(9, 20, 0, 19);
-$blockquote-border: 1px solid #ddd;
-$blockquote-cite-font-size: rem-calc(13);
-$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
-$blockquote-cite-link-color: $blockquote-cite-font-color;
-
-// Acronym
-
-$acronym-underline: 1px dotted #ddd;
-
-// Padding and margin
-
-$microformat-padding: rem-calc(10, 12);
-$microformat-margin: rem-calc(0, 0, 20, 0);
-
-// Border styles
-
-$microformat-border-width: 1px;
-$microformat-border-style: solid;
-$microformat-border-color: #ddd;
-
-// Full name font styles
-
-$microformat-fullname-font-weight: bold;
-$microformat-fullname-font-size: rem-calc(15);
-
-// Summary font styles
-
-$microformat-summary-font-weight: bold;
-
-// padding
-
-$microformat-abbr-padding: rem-calc(0, 1);
-
-// font styles
-
-$microformat-abbr-font-weight: bold;
-$microformat-abbr-font-decoration: none;
-
-
-// Form Variables
-
-
-// Base for lots of form spacing and positioning styles
-
-$form-spacing: rem-calc(16);
-
-// Labels
-
-$form-label-pointer: pointer;
-$form-label-font-size: rem-calc(14);
-$form-label-font-weight: 500;
-$form-label-line-height: 1.5;
-$form-label-font-color: scale-color(#000, $lightness: 30%);
-$form-label-small-transform: capitalize;
-$form-label-bottom-margin: rem-calc(3);
-$input-font-family: inherit;
-$input-font-color: rgba(0,0,0,0.75);
-$input-font-size: rem-calc(14);
-$input-bg-color: #fff;
-$input-focus-bg-color: scale-color(#fff, $lightness: -2%);
-$input-border-color: scale-color(#fff, $lightness: -20%);
-$input-focus-border-color: scale-color(#fff, $lightness: -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;
-
-// Fieldset border and spacing.
-
-$fieldset-border-style: solid;
-$fieldset-border-width: 1px;
-$fieldset-border-color: #ddd;
-$fieldset-padding: rem-calc(20);
-$fieldset-margin: rem-calc(18, 0);
-
-// Legends
-
-$legend-bg: #fff;
-$legend-font-weight: bold;
-$legend-padding: rem-calc(0, 3);
-
-// Prefix and postfix input elements
-
-$input-prefix-bg: scale-color(#fff, $lightness: -5%);
-$input-prefix-border-color: scale-color(#fff, $lightness: -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;
-
-// Error states for inputs and labels
-
-$input-error-message-padding: rem-calc(6, 4);
-$input-error-message-top: -($form-spacing) - rem-calc(5);
-$input-error-message-font-size: rem-calc(12);
-$input-error-message-font-weight: bold;
-$input-error-message-font-color: #fff;
-$input-error-message-font-color-alt: #333;
-
-// Glowing effect of inputs when focused
-
-$glowing-effect-fade-time: 0.45s;
-$glowing-effect-color: $input-focus-border-color;
-
-
-// Button Variables
-
-
-// Padding for buttons.
-
-$button-tny: rem-calc(7);
-$button-sml: rem-calc(9);
-$button-med: rem-calc(12);
-$button-lrg: rem-calc(16);
-
-// Display property.
-
-$button-display: inline-block;
-$button-margin-bottom: rem-calc(20);
-
-// Button text styles.
-
-$button-font-family: inherit;
-$button-font-color: #fff;
-$button-font-color-alt: #333;
-$button-font-med: rem-calc(16);
-$button-font-tny: rem-calc(11);
-$button-font-sml: rem-calc(13);
-$button-font-lrg: rem-calc(20);
-$button-font-weight: bold;
-$button-font-align: center;
-
-// Various hover effects.
-
-$button-function-factor: 10%;
-
-// Button border styles.
-
-$button-border-width: 1px;
-$button-border-style: solid;
-
-// Radius used throughout the core.
-
-$button-radius: $global-radius;
-
-// Opacity for disabled buttons.
-
-$button-disabled-opacity: 0.6;
-
-
-// Button Groups
-
-
-// Sets the margin for the right side by default, and the left margin if right-to-left direction is used
-
-$button-bar-margin-opposite: rem-calc(10);
-
-
-// Dropdown Button Variables
-
-
-// Color of the pip in dropdown buttons
-
-$dropdown-button-pip-color: #fff;
-$dropdown-button-pip-color-alt: #333;
-
-// Tiny dropdown buttons
-
-$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 + rem-calc(1);
-
-// Small dropdown buttons
-
-$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 + rem-calc(1);
-
-// Medium dropdown buttons
-
-$dropdown-button-padding-med: $button-med * 4 + rem-calc(3);
-$dropdown-button-pip-size-med: $button-med - rem-calc(3);
-$dropdown-button-pip-right-med: $button-med * 2;
-$dropdown-button-pip-top-med: -$button-med / 2 + rem-calc(2);
-
-// Large dropdown buttons
-
-$dropdown-button-padding-lrg: $button-lrg * 4;
-$dropdown-button-pip-size-lrg: $button-lrg - rem-calc(6);
-$dropdown-button-pip-right-lrg: $button-lrg + rem-calc(12);
-$dropdown-button-pip-top-lrg: -$button-lrg / 2 + rem-calc(3);
-
-
-// Split Button Variables
-
-
-// Shared styles for Split Buttons
-
-$split-button-function-factor: 15%;
-$split-button-pip-color: #fff;
-$split-button-pip-color-alt: #333;
-$split-button-active-bg-tint: rgba(0,0,0,0.1);
-
-// Tiny split buttons
-
-$split-button-padding-tny: $button-tny * 9;
-$split-button-span-width-tny: $button-tny * 6.5;
-$split-button-pip-size-tny: $button-tny;
-$split-button-pip-top-tny: $button-tny * 2;
-$split-button-pip-left-tny: rem-calc(-5);
-
-// Small split buttons
-
-$split-button-padding-sml: $button-sml * 7;
-$split-button-span-width-sml: $button-sml * 5;
-$split-button-pip-size-sml: $button-sml;
-$split-button-pip-top-sml: $button-sml * 1.5;
-$split-button-pip-left-sml: rem-calc(-9);
-
-// Medium split buttons
-
-$split-button-padding-med: $button-med * 6.4;
-$split-button-span-width-med: $button-med * 4;
-$split-button-pip-size-med: $button-med - rem-calc(3);
-$split-button-pip-top-med: $button-med * 1.5;
-$split-button-pip-left-med: rem-calc(-9);
-
-// Large split buttons
-
-$split-button-padding-lrg: $button-lrg * 6;
-$split-button-span-width-lrg: $button-lrg * 3.75;
-$split-button-pip-size-lrg: $button-lrg - rem-calc(6);
-$split-button-pip-top-lrg: $button-lrg + rem-calc(5);
-$split-button-pip-left-lrg: rem-calc(-9);
-
-
-// Alert Variables
-
-
-// Alert padding
-
-$alert-padding-top: rem-calc(11);
-$alert-padding-default-float: $alert-padding-top;
-$alert-padding-opposite-direction: $alert-padding-top + rem-calc(10);
-$alert-padding-bottom: $alert-padding-top + rem-calc(1);
-
-// Text style
-
-$alert-font-weight: bold;
-$alert-font-size: rem-calc(14);
-$alert-font-color: #fff;
-$alert-font-color-alt: scale-color($secondary-color, $lightness: -66%);
-
-// Hover effect
-
-$alert-function-factor: -14%;
-
-// Border Styles
-
-$alert-border-style: solid;
-$alert-border-width: 1px;
-$alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor);
-$alert-bottom-margin: rem-calc(20);
-
-// Close Button style
-
-$alert-close-color: #333;
-$alert-close-position: rem-calc(5);
-$alert-close-font-size: rem-calc(22);
-$alert-close-opacity: 0.3;
-$alert-close-opacity-hover: 0.5;
-$alert-close-padding: 5px 4px 4px;
-
-// Border radius
-
-$alert-radius: $global-radius;
-
-// Transition effects
-
-$alert-transition-speed: 300ms;
-$alert-transition-ease: ease-out;
-
-// Breadcrumb Variables
-
-// Background color for the breadcrumb container.
-
-$crumb-bg: scale-color($secondary-color, $lightness: 55%);
-
-// Padding around the breadcrumbs.
-
-$crumb-padding: rem-calc(6, 14, 9);
-$crumb-side-padding: rem-calc(12);
-
-// Border styles.
-
-$crumb-function-factor: -10%;
-$crumb-border-size: 1px;
-$crumb-border-style: solid;
-$crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor);
-$crumb-radius: $global-radius;
-
-// Various text styles for breadcrumbs.
-
-$crumb-line-height: rem-calc(11);
-$crumb-font-size: rem-calc(11);
-$crumb-font-color: $primary-color;
-$crumb-font-color-current: #333;
-$crumb-font-color-unavailable: #999;
-$crumb-font-transform: uppercase;
-$crumb-link-decor: underline;
-
-// Slash between breadcrumbs
-
-$crumb-slash-color: #aaa;
-$crumb-slash: "/";
-
-
-// Clearing Variables
-
-// Background colors for parts of Clearing.
-
-$clearing-bg: #111;
-$clearing-caption-bg: $clearing-bg;
-$clearing-carousel-bg: #111;
-$clearing-img-bg: $clearing-bg;
-
-// Close button
-
-$clearing-close-color: #fff;
-$clearing-close-size: 40px;
-
-// Style the arrows
-
-$clearing-arrow-size: 16px;
-$clearing-arrow-color: $clearing-close-color;
-
-// Style captions
-
-$clearing-caption-font-color: #fff;
-$clearing-caption-padding: 10px 30px;
-
-// Make the image and carousel height and style
-
-$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);
-
-
-// Custom Form Variables
-
-// Basic form styles input styles
-
-$custom-form-border-color: #ccc;
-$custom-form-border-size: 1px;
-$custom-form-bg: #fff;
-$custom-form-bg-disabled: #ddd;
-$custom-form-input-size: 16px;
-$custom-form-check-color: #222;
-$custom-form-check-size: 14px;
-$custom-form-radio-size: 8px;
-$custom-form-checkbox-radius: 0;
-
-// Custom select form element.
-
-$custom-select-bg: #fff;
-$custom-select-fade-to-color: #f3f3f3;
-$custom-select-border-color: #ddd;
-$custom-select-triangle-color: #aaa;
-$custom-select-triangle-color-open: #222;
-$custom-select-height: rem-calc(13) + ($form-spacing * 1.5);
-$custom-select-margin-bottom: rem-calc(20);
-$custom-select-font-color-selected: #141414;
-$custom-select-disabled-color: #888;
-
-// Custom select dropdown element.
-
-$custom-dropdown-height: 200px;
-$custom-dropdown-bg: #fff;
-$custom-dropdown-border-color: scale-color(#fff, $lightness: -20%);
-$custom-dropdown-border-width: 1px;
-$custom-dropdown-border-style: solid;
-$custom-dropdown-font-color: #555;
-$custom-dropdown-font-size: rem-calc(14);
-$custom-dropdown-color-selected: #eeeeee;
-$custom-dropdown-font-color-selected: #000;
-$custom-dropdown-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
-$custom-dropdown-offset-top: none;
-$custom-dropdown-list-padding: rem-calc(4);
-$custom-dropdown-left-padding: rem-calc(6);
-$custom-dropdown-right-padding: rem-calc(38);
-$custom-dropdown-list-item-min-height: rem-calc(24);
-
-
-// Dropdown Variables
-
-// Height and width styles.
-
-$f-dropdown-max-width: 200px;
-$f-dropdown-height: auto;
-$f-dropdown-max-height: none;
-$f-dropdown-margin-top: 2px;
-
-// Background color
-
-$f-dropdown-bg: #fff;
-
-// Border styles for dropdowns.
-
-$f-dropdown-border-style: solid;
-$f-dropdown-border-width: 1px;
-$f-dropdown-border-color: scale-color(#fff, $lightness: -20%);
-
-// Triangle pip.
-
-$f-dropdown-triangle-size: 6px;
-$f-dropdown-triangle-color: #fff;
-$f-dropdown-triangle-side-offset: 10px;
-
-// List elements.
-
-$f-dropdown-list-style: none;
-$f-dropdown-font-color: #555;
-$f-dropdown-font-size: rem-calc(14);
-$f-dropdown-list-padding: rem-calc(5, 10);
-$f-dropdown-line-height: rem-calc(18);
-$f-dropdown-list-hover-bg: #eeeeee;
-$dropdown-mobile-left: 0;
-
-// When the dropdown has custom content.
-
-$f-dropdown-content-padding: rem-calc(20);
-
-
-// Flex Video Variables
-
-
-// Video container padding and margins
-
-$flex-video-padding-top: rem-calc(25);
-$flex-video-padding-bottom: 67.5%;
-$flex-video-margin-bottom: rem-calc(16);
-
-// Widescreen bottom padding
-
-$flex-video-widescreen-padding-bottom: 57.25%;
-
-
-// Inline List Variables
-
-
-// Margins and padding of the inline list.
-
-$inline-list-margin-bottom: rem-calc(17, -22);
-$inline-list-margin: 0 0;
-$inline-list-padding: 0;
-
-// Overflow of the inline list.
-
-$inline-list-overflow: hidden;
-
-// List items
-
-$inline-list-display: block;
-
-// Elments within list items
-
-$inline-list-children-display: block;
-
-
-// Joyride Variables
-
-
-// Joyride styles
-
-$joyride-tip-bg: rgb(0,0,0);
-$joyride-tip-default-width: 300px;
-$joyride-tip-padding: rem-calc(18, 20, 24);
-$joyride-tip-border: solid 1px #555;
-$joyride-tip-radius: 4px;
-$joyride-tip-position-offset: 22px;
-
-// Tip font styles
-
-$joyride-tip-font-color: #fff;
-$joyride-tip-font-size: rem-calc(14);
-$joyride-tip-header-weight: bold;
-
-// Changes the nub size
-
-$joyride-tip-nub-size: 14px;
-
-// Adjusts the styles for the timer when its enabled
-
-$joyride-tip-timer-width: 50px;
-$joyride-tip-timer-height: 3px;
-$joyride-tip-timer-color: #666;
-
-// Changes up the styles for the close button
-
-$joyride-tip-close-color: #777;
-$joyride-tip-close-size: 30px;
-$joyride-tip-close-weight: normal;
-
-// When Joyride is filling the screen, style for the bg
-
-$joyride-screenfill: rgba(0,0,0,0.5);
-
-
-// Keystroke Variables
-
-
-// Text styles.
-
-$keystroke-font: "Consolas", "Menlo", "Courier", monospace;
-$keystroke-font-size: rem-calc(15);
-$keystroke-font-color: #222;
-$keystroke-font-color-alt: #fff;
-$keystroke-function-factor: -7%;
-
-// Keystroke padding.
-
-$keystroke-padding: rem-calc(2, 4, 0);
-
-// Background and border styles.
-
-$keystroke-bg: scale-color(#fff, $lightness: $keystroke-function-factor);
-$keystroke-border-style: solid;
-$keystroke-border-width: 1px;
-$keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor);
-$keystroke-radius: $global-radius;
-
-
-// Label Variables
-
-
-// Style the labels
-
-$label-padding: rem-calc(3, 10, 4);
-$label-radius: $global-radius;
-
-// We use these to style the label text
-
-$label-font-sizing: rem-calc(14);
-$label-font-weight: bold;
-$label-font-color: #333;
-$label-font-color-alt: #fff;
-
-
-// Magellan Variables
-
-
-// Basic visual styles
-
-$magellan-bg: #fff;
-$magellan-padding: 10px;
-
-
-// Orbit Settings
-
-
-// Caption styles
-
-$orbit-container-bg: #f5f5f5;
-$orbit-caption-bg-old: rgb(0,0,0);
-$orbit-caption-bg: rgba(0,0,0,0.6);
-$orbit-caption-font-color: #fff;
-
-// Left/right nav styles
-
-$orbit-nav-bg-old: rgb(0,0,0);
-$orbit-nav-bg: rgba(0,0,0,0.6);
-
-// Timer styles
-
-$orbit-timer-bg-old: rgb(0,0,0);
-$orbit-timer-bg: rgba(0,0,0,0.6);
-
-// Bullet nav styles
-
-$orbit-bullet-nav-color: #999;
-$orbit-bullet-nav-color-active: #222;
-
-// Slide numbers
-
-$orbit-slide-number-bg: rgba(0,0,0,0);
-$orbit-slide-number-font-color: #fff;
-$orbit-slide-number-padding: rem-calc(5);
-
-// Graceful Loading Wrapper and preloader
-
-$wrapper-class: "slideshow-wrapper";
-$preloader-class: "preloader" ;
-
-
-// Pagination Variables
-
-
-// Pagination container
-
-$pagination-height: rem-calc(24);
-$pagination-margin: rem-calc(-5);
-
-// List-item properties
-
-$pagination-li-float: $default-float;
-$pagination-li-height: rem-calc(24);
-$pagination-li-font-color: #222;
-$pagination-li-font-size: rem-calc(14);
-$pagination-li-margin: rem-calc(5);
-
-// Pagination anchor links
-
-$pagination-link-pad: rem-calc(1, 7, 1);
-$pagination-link-font-color: #999;
-$pagination-link-active-bg: scale-color(#fff, $lightness: -10%);
-
-// Disabled anchor links
-
-$pagination-link-unavailable-cursor: $cursor-default-value;
-$pagination-link-unavailable-font-color: #999;
-$pagination-link-unavailable-bg-active: transparent;
-
-// Currently selected anchor links
-
-$pagination-link-current-background: $primary-color;
-$pagination-link-current-font-color: #fff;
-$pagination-link-current-font-weight: bold;
-$pagination-link-current-cursor: $cursor-default-value;
-$pagination-link-current-active-bg: $primary-color;
-
-
-// Panel Variables
-
-
-// Background and border styles
-
-$panel-bg: scale-color(#fff, $lightness: -5%);
-$panel-border-style: solid;
-$panel-border-size: 1px;
-
-// Control how much we darken things on hover
-
-$panel-function-factor: -11%;
-$panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor);
-
-// Inner padding and bottom margin
-
-$panel-margin-bottom: rem-calc(20);
-$panel-padding: rem-calc(20);
-
-// Font colors
-
-$panel-font-color: #333;
-$panel-font-color-alt: #fff;
-$panel-header-adjust: true; // Set to false to keep default header styles
-
-// Pricing Table Variables
-
-
-// Border color
-
-$price-table-border: solid 1px #ddd;
-
-// Bottom margin of the pricing table
-
-$price-table-margin-bottom: rem-calc(20);
-
-// Control the title styles
-
-$price-title-bg: #ddd;
-$price-title-padding: rem-calc(15, 20);
-$price-title-align: center;
-$price-title-color: #333;
-$price-title-weight: bold;
-$price-title-size: rem-calc(16);
-
-// Control the price styles
-
-$price-money-bg: #eee;
-$price-money-padding: rem-calc(15, 20);
-$price-money-align: center;
-$price-money-color: #333;
-$price-money-weight: normal;
-$price-money-size: rem-calc(20);
-
-// Description styles
-
-$price-bg: #fff;
-$price-desc-color: #777;
-$price-desc-padding: rem-calc(15);
-$price-desc-align: center;
-$price-desc-font-size: rem-calc(12);
-$price-desc-weight: normal;
-$price-desc-line-height: 1.4;
-$price-desc-bottom-border: dotted 1px #ddd;
-
-// List item styles
-
-$price-item-color: #333;
-$price-item-padding: rem-calc(15);
-$price-item-align: center;
-$price-item-font-size: rem-calc(14);
-$price-item-weight: normal;
-$price-item-bottom-border: dotted 1px #ddd;
-
-// CTA area styles
-
-$price-cta-bg: #f5f5f5;
-$price-cta-align: center;
-$price-cta-padding: rem-calc(20, 20, 0);
-
-
-// Progress Bar Variables
-
-
-// Progress bar height
-
-$progress-bar-height: rem-calc(25);
-$progress-bar-color: transparent;
-
-// Border styles
-
-$progress-bar-border-color: scale-color(#fff, $lightness: -20%);
-$progress-bar-border-size: 1px;
-$progress-bar-border-style: solid;
-$progress-bar-border-radius: $global-radius;
-
-// Margin & padding
-
-$progress-bar-pad: rem-calc(2);
-$progress-bar-margin-bottom: rem-calc(10);
-
-// Meter colors
-
-$progress-meter-color: $primary-color;
-$progress-meter-secondary-color: $secondary-color;
-$progress-meter-success-color: $success-color;
-$progress-meter-alert-color: $alert-color;
-
-
-// Reveal Variables
-
-
-// Reveal overlay.
-
-$reveal-overlay-bg: rgba(#000, .45);
-$reveal-overlay-bg-old: #000;
-
-// Modal itself.
-
-$reveal-modal-bg: #fff;
-$reveal-position-top: 50px;
-$reveal-default-width: 80%;
-$reveal-modal-padding: rem-calc(20);
-$reveal-box-shadow: 0 0 10px rgba(#000,.4);
-
-// Reveal close button
-
-$reveal-close-font-size: rem-calc(22);
-$reveal-close-top: rem-calc(8);
-$reveal-close-side: rem-calc(11);
-$reveal-close-color: #aaa;
-$reveal-close-weight: bold;
-
-// Modal border
-
-$reveal-border-style: solid;
-$reveal-border-width: 1px;
-$reveal-border-color: #666;
-
-$reveal-modal-class: "reveal-modal";
-$close-reveal-modal-class: "close-reveal-modal";
-
-
-// Section Variables
-
-
-// Padding and hover factor
-
-$section-title-padding: rem-calc(15);
-$section-content-padding: rem-calc(15);
-$section-function-factor: -11%;
-
-// Titles
-
-$section-title-color: #333;
-$section-title-bg: #efefef;
-$section-title-bg-active: scale-color($section-title-bg, $lightness: $section-function-factor);
-$section-title-bg-active-tabs: #fff;
-$section-title-bg-hover: scale-color($section-title-bg, $lightness: $section-function-factor/2);
-
-// Border size
-
-$section-border-size: 1px;
-$section-border-style: solid;
-$section-border-color: #ccc;
-
-// Font controls
-
-$section-font-size: rem-calc(14);
-
-// Control the color of the background and some size options
-
-$section-content-bg: #fff;
-$section-vertical-nav-min-width: rem-calc(200);
-$section-vertical-tabs-title-width: rem-calc(200);
-$section-bottom-margin: rem-calc(20);
-
-$title-selector: ".title";
-$content-selector: ".content";
-
-
-// Side Nav Variables
-
-
-// Padding
-
-$side-nav-padding: rem-calc(14, 0);
-
-// List styles
-
-$side-nav-list-type: none;
-$side-nav-list-position: inside;
-$side-nav-list-margin: rem-calc(0, 0, 7, 0);
-
-// Link styles
-
-$side-nav-link-color: $primary-color;
-$side-nav-link-color-active: scale-color(#000, $lightness: 30%);
-$side-nav-font-size: rem-calc(14);
-$side-nav-font-weight: bold;
-
-// Border styles
-
-$side-nav-divider-size: 1px;
-$side-nav-divider-style: solid;
-$side-nav-divider-color: scale-color(#fff, $lightness: -10%);
-
-
-// Sub Nav Variables
-
-
-// Margin and padding
-
-$sub-nav-list-margin: rem-calc(-4, 0, 18);
-$sub-nav-list-padding-top: rem-calc(4);
-
-// Definition
-
-$sub-nav-font-size: rem-calc(14);
-$sub-nav-font-color: #999;
-$sub-nav-font-weight: normal;
-$sub-nav-text-decoration: none;
-$sub-nav-border-radius: 1000px;
-
-// Active item styles
-
-$sub-nav-active-font-weight: bold;
-$sub-nav-active-bg: $primary-color;
-$sub-nav-active-color: #fff;
-$sub-nav-active-padding: rem-calc(3, 9);
-$sub-nav-active-cursor: $cursor-default-value;
-
-
-// Switch Variables
-
-
-// Border styles and background colors for the switch container
-
-$switch-border-color: scale-color(#fff, $lightness: 20%);
-$switch-border-style: solid;
-$switch-border-width: 1px;
-$switch-bg: #fff;
-
-// Switch heights for our default classes
-
-$switch-height-tny: 22px;
-$switch-height-sml: 28px;
-$switch-height-med: 36px;
-$switch-height-lrg: 44px;
-$switch-bottom-margin: rem-calc(20);
-
-// Font sizes for our classes.
-
-$switch-font-size-tny: 11px;
-$switch-font-size-sml: 12px;
-$switch-font-size-med: 14px;
-$switch-font-size-lrg: 17px;
-$switch-label-side-padding: 6px;
-
-// Switch-paddle
-
-$switch-paddle-bg: #fff;
-$switch-paddle-fade-to-color: scale-color($switch-paddle-bg, $lightness: -10%);
-$switch-paddle-border-color: scale-color($switch-paddle-bg, $lightness: -35%);
-$switch-paddle-border-width: 1px;
-$switch-paddle-border-style: solid;
-$switch-paddle-transition-speed: .1s;
-$switch-paddle-transition-ease: ease-out;
-$switch-positive-color: scale-color($success-color, $lightness: 94%);
-$switch-negative-color: #f5f5f5;
-
-// Outline Style for tabbing through switches
-
-$switch-label-outline: 1px dotted #888;
-
-
-// Table Variables
-
-// Background color for the table and even rows
-
-$table-bg: #fff;
-$table-even-row-bg: #f9f9f9;
-
-// Table cell border style
-
-$table-border-style: solid;
-$table-border-size: 1px;
-$table-border-color: #ddd;
-
-// Table head styles
-
-$table-head-bg: #f5f5f5;
-$table-head-font-size: rem-calc(14);
-$table-head-font-color: #222;
-$table-head-font-weight: bold;
-$table-head-padding: rem-calc(8, 10, 10);
-
-// Row padding and font styles
-
-$table-row-padding: rem-calc(9, 10);
-$table-row-font-size: rem-calc(14);
-$table-row-font-color: #222;
-$table-line-height: rem-calc(18);
-
-// Display and margin of tables
-
-$table-display: table-cell;
-$table-margin-bottom: rem-calc(20);
-
-
-// Image Thumbnail Variables
-
-
-// Border styles
-
-$thumb-border-style: solid;
-$thumb-border-width: 4px;
-$thumb-border-color: #fff;
-$thumb-box-shadow: 0 0 0 1px rgba(#000,.2);
-$thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5);
-
-// Radius and transition speed for thumbs
-
-$thumb-radius: $global-radius;
-$thumb-transition-speed: 200ms;
-
-
-// Tooltip Variables
-
-
-$has-tip-border-bottom: dotted 1px #ccc;
-$has-tip-font-weight: bold;
-$has-tip-font-color: #333;
-$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);
-$has-tip-font-color-hover: $primary-color;
-$has-tip-cursor-type: help;
-
-$tooltip-padding: rem-calc(8);
-$tooltip-bg: #000;
-$tooltip-font-size: rem-calc(15);
-$tooltip-font-weight: bold;
-$tooltip-font-color: #fff;
-$tooltip-line-height: 1.3;
-$tooltip-close-font-size: rem-calc(10);
-$tooltip-close-font-weight: normal;
-$tooltip-close-font-color: #888;
-$tooltip-font-size-sml: rem-calc(14);
-$tooltip-radius: $global-radius;
-$tooltip-pip-size: 5px;
-
-
-// Top Bar Variables
-
-
-// Background color for the top bar
-
-$topbar-bg: #111 !default;
-
-// Height and margin
-
-$topbar-height: 45px;
-$topbar-margin-bottom: rem-calc(30);
-
-// Control Input height for top bar
-
-$topbar-input-height: 2.45em;
-
-// Controlling the styles for the title in the top bar
-
-$topbar-title-weight: bold;
-$topbar-title-font-size: rem-calc(17);
-
-// Style the top bar dropdown elements
-
-$topbar-dropdown-bg: #222;
-$topbar-dropdown-link-color: #fff;
-$topbar-dropdown-link-bg: #333;
-$topbar-dropdown-link-bg-hover: #272727;
-$topbar-dropdown-toggle-size: 5px;
-$topbar-dropdown-toggle-color: #fff;
-$topbar-dropdown-toggle-alpha: 0.5;
-
-// Set the link colors and styles for top-level nav
-
-$topbar-link-color: #fff;
-$topbar-link-color-hover: #fff;
-$topbar-link-color-active: #fff;
-$topbar-link-weight: normal;
-$topbar-link-font-size: rem-calc(13);
-$topbar-link-hover-lightness: -10%; // Darken by 10%
-$topbar-link-bg-hover: #272727 ;
-$topbar-link-bg-active: $primary-color;
-$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
-$topbar-link-font-family: $body-font-family;
-
-$topbar-dropdown-label-color: #555;
-$topbar-dropdown-label-text-transform: uppercase;
-$topbar-dropdown-label-font-weight: bold;
-$topbar-dropdown-label-font-size: rem-calc(10);
-
-// Top menu icon styles
-
-$topbar-menu-link-transform: uppercase;
-$topbar-menu-link-font-size: rem-calc(13);
-$topbar-menu-link-weight: bold;
-$topbar-menu-link-color: #fff;
-$topbar-menu-icon-color: #fff;
-$topbar-menu-link-color-toggled: #888;
-$topbar-menu-icon-color-toggled: #888;
-
-// Transitions and breakpoint styles
-
-$topbar-transition-speed: 300ms;
-$topbar-breakpoint: rem-calc(940);
-$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";
-
-// Divider Styles
-
-$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
-$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);
-
-// Sticky Class
-
-$topbar-sticky-class: ".sticky";
-$topbar-arrows: true; //Set false to remove the triangle icon from the menu item
-```
-{{/markdown}}
diff --git a/doc/includes/examples_support_table.html b/doc/includes/examples_support_table.html
deleted file mode 100644
index edfdbaf9efd10e6407ca818fcafe57938be4417d..0000000000000000000000000000000000000000
--- a/doc/includes/examples_support_table.html
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
Browser/OS
-
The Grid
-
Layout/UI
-
JS
-
-
-
-
-
-
-
-
-
-
-
iOS (iPhone)
-
✓
-
✓
-
✓
-
-
-
iOS (iPad)
-
✓
-
✓
-
✓
-
-
-
Android 2, 4 (Phone)
-
✓
-
✓
-
✓
-
-
-
Android 2, 4 (Tablet)
-
✓
-
✓
-
✓
-
-
-
Windows Phone 7+
-
✓
-
✓
-
✓
-
-
\ No newline at end of file
diff --git a/doc/includes/flex_video/examples_flex_video_basic.html b/doc/includes/flex_video/examples_flex_video_basic.html
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/doc/includes/flex_video/examples_flex_video_basic_rendered.html b/doc/includes/flex_video/examples_flex_video_basic_rendered.html
deleted file mode 100644
index c1b9b744dd29e1bcc6e25c49fbd53752f8a0660d..0000000000000000000000000000000000000000
--- a/doc/includes/flex_video/examples_flex_video_basic_rendered.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```html
-
- VIDEO
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/flex_video/examples_flex_video_mixin.html b/doc/includes/flex_video/examples_flex_video_mixin.html
deleted file mode 100644
index e49c4da5955de179c937978d17cabcf80145ec22..0000000000000000000000000000000000000000
--- a/doc/includes/flex_video/examples_flex_video_mixin.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```html
-
- VIDEO
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/flex_video/examples_flex_video_variables.html b/doc/includes/flex_video/examples_flex_video_variables.html
deleted file mode 100644
index 7038b208e7b5ff3c5d895311b7146a02a6040e61..0000000000000000000000000000000000000000
--- a/doc/includes/flex_video/examples_flex_video_variables.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-media-classes: $include-html-classes;
-
-// We use these to control video container padding and margins
-$flex-video-padding-top: rem-calc(25);
-$flex-video-padding-bottom: 67.5%;
-$flex-video-margin-bottom: rem-calc(16);
-
-// We use this to control widescreen bottom padding
-$flex-video-widescreen-padding-bottom: 57.25%;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_base_mixin.html b/doc/includes/form/examples_form_base_mixin.html
deleted file mode 100644
index b7a816c5dbe229ea03065d8118d9cc4813f72677..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_base_mixin.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```scss
-.your-prefix-class {
- @include prefix-postfix-base;
- @include grid-column($columns:3,$float:left);
-}
-
-input[type="text"].your-input-class {
- @include grid-column($columns:9);
-}
-```
-{{/markdown}}
-
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_basic.html b/doc/includes/form/examples_form_basic.html
deleted file mode 100644
index 4d1179e55288220f0887f11bb37beffb14e060f1..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_basic.html
+++ /dev/null
@@ -1,63 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_basic_rendered.html b/doc/includes/form/examples_form_basic_rendered.html
deleted file mode 100644
index 72f9906bf83ac269f751d98eef4b1bac98572cc1..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_basic_rendered.html
+++ /dev/null
@@ -1,67 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
- Input Label
-
-
-
-
- Input Label
-
-
-
-
-
-
Input Label
-
-
-
-
- .com
-
-
-
-
-
-
- Select Box
-
- Husker
- Starbuck
- Hot Dog
- Apollo
-
-
-
-
-
-
-
- Textarea Label
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_errors.html b/doc/includes/form/examples_form_errors.html
deleted file mode 100644
index ccea115cea720124d3b05ddccb60d2bf9f2ef350..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_errors.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
- Invalid entry
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_errors_rendered.html b/doc/includes/form/examples_form_errors_rendered.html
deleted file mode 100644
index d2996c31da9e589d242a923e35de33f785c8fa5f..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_errors_rendered.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{{#markdown}}
-```html
-
-
-
- Invalid entry
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_fieldset.html b/doc/includes/form/examples_form_fieldset.html
deleted file mode 100644
index 12b51e2293e43c9f5ecb51c48b15160184397e7d..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_fieldset.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
- Fieldset Legend
-
- Input Label
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_fieldset_rendered.html b/doc/includes/form/examples_form_fieldset_rendered.html
deleted file mode 100644
index a984338019233b2fbdc1214e1cf16d762fefd643..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_fieldset_rendered.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```html
-
-
- Fieldset Legend
-
- Input Label
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_inline.html b/doc/includes/form/examples_form_inline.html
deleted file mode 100644
index f6e62308079f52401ee63773e3b8feea86b426b4..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_inline.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
diff --git a/doc/includes/form/examples_form_inline_labels.html b/doc/includes/form/examples_form_inline_labels.html
deleted file mode 100644
index e832292408e754d6b04220221e4c037854391f83..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_inline_labels.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_inline_labels_rendered.html b/doc/includes/form/examples_form_inline_labels_rendered.html
deleted file mode 100644
index 647303efca280c8b0a857eba61a6358950457e51..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_inline_labels_rendered.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_inline_rendered.html b/doc/includes/form/examples_form_inline_rendered.html
deleted file mode 100644
index eb05c96a4d8307000ffae73cd79b777813f62eba..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_inline_rendered.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/form/examples_form_labels.html b/doc/includes/form/examples_form_labels.html
deleted file mode 100644
index 83f6a49fde1678ec2b34894df93f9afbea975e52..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_labels.html
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
-
-
diff --git a/doc/includes/form/examples_form_labels_rendered.html b/doc/includes/form/examples_form_labels_rendered.html
deleted file mode 100644
index e07c9bc8804691929d063ee9a3b25ad4cb88235a..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_labels_rendered.html
+++ /dev/null
@@ -1,70 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/form/examples_form_prepost_mixin.html b/doc/includes/form/examples_form_prepost_mixin.html
deleted file mode 100644
index 5d03b81c54a6afe28e763827f6c89166d382ae58..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_prepost_mixin.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-
- Label
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_prepost_options.html b/doc/includes/form/examples_form_prepost_options.html
deleted file mode 100644
index e34907a5ee417e341c5f022d9f18d74e505ecbc9..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_prepost_options.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-@include prefix($bg, $is-button);
-
-/* Control the background color, which also effect the border and font color */
-$bg: $input-prefix-bg;
-
-/* If you prefix or postfix element is a button, make sure to set this to true */
-$is-button: false;
-```
-{{/markdown}}
-
-
-
- Label
-
-
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_style_mixin.html b/doc/includes/form/examples_form_style_mixin.html
deleted file mode 100644
index 4cd7183b2e3e1514fc9b20b67c9cdf5991b732de..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_style_mixin.html
+++ /dev/null
@@ -1,20 +0,0 @@
-{{#markdown}}
-```scss
-.your-prefix-class {
- @include prefix-postfix-base;
- @include prefix;
- @include grid-column($columns:3,$float:left);
-}
-
-input[type="text"].your-input-class {
- @include grid-column($columns:9);
-}
-```
-{{/markdown}}
-
-
-
- Label
-
-
-
\ No newline at end of file
diff --git a/doc/includes/form/examples_form_variables.html b/doc/includes/form/examples_form_variables.html
deleted file mode 100644
index 46a895f2eab269704b226228334a0152d868a857..0000000000000000000000000000000000000000
--- a/doc/includes/form/examples_form_variables.html
+++ /dev/null
@@ -1,77 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-form-classes: $include-html-classes;
-
-// We use this to set the base for lots of form spacing and positioning styles
-$form-spacing: rem-calc(16);
-
-// We use these to style the labels in different ways
-$form-label-pointer: pointer;
-$form-label-font-size: rem-calc(14);
-$form-label-font-weight: $font-weight-normal;
-$form-label-line-height: 1.5;
-$form-label-font-color: scale-color($black, $lightness: 30%);
-$form-label-small-transform: capitalize;
-$form-label-bottom-margin: 0;
-$input-font-family: inherit;
-$input-font-color: rgba(0,0,0,0.75);
-$input-font-size: rem-calc(14);
-$input-bg-color: $white;
-$input-focus-bg-color: scale-color($white, $lightness: -2%);
-$input-border-color: scale-color($white, $lightness: -20%);
-$input-focus-border-color: scale-color($white, $lightness: -40%);
-$input-border-style: solid;
-$input-border-width: 1px;
-$input-border-radius: $global-radius;
-$input-disabled-bg: $gainsboro;
-$input-disabled-cursor: $cursor-default-value;
-$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: $gainsboro;
-$fieldset-padding: rem-calc(20);
-$fieldset-margin: rem-calc(18 0);
-
-// We use these to style the legends when you use them
-$legend-bg: $white;
-$legend-font-weight: $font-weight-bold;
-$legend-padding: rem-calc(0 3);
-
-// We use these to style the prefix and postfix input elements
-$input-prefix-bg: scale-color($white, $lightness: -5%);
-$input-prefix-border-color: scale-color($white, $lightness: -20%);
-$input-prefix-border-size: 1px;
-$input-prefix-border-type: solid;
-$input-prefix-overflow: hidden;
-$input-prefix-font-color: $oil;
-$input-prefix-font-color-alt: $white;
-
-// We use this setting to turn on/off HTML5 number spinners (the up/down arrows)
-$input-number-spinners: true;
-
-// We use these to style the error states for inputs and labels
-$input-error-message-padding: rem-calc(6 9 9);
-$input-error-message-top: -1px;
-$input-error-message-font-size: rem-calc(12);
-$input-error-message-font-weight: $font-weight-normal;
-$input-error-message-font-style: italic;
-$input-error-message-font-color: $white;
-$input-error-message-bg-color: $alert-color;
-$input-error-message-font-color-alt: $oil;
-
-// We use this to style the glowing effect of inputs when focused
-$glowing-effect-fade-time: 0.45s;
-$glowing-effect-color: $input-focus-border-color;
-
-// We use this to style the transition when inputs are focused and when the glowing effect is disabled.
-// $input-transition-fade-time: 0.15s;
-// $input-transition-fade-timing-function: linear;
-
-// Select variables
-$select-bg-color: $ghost;
-$select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%);
-```
-{{/markdown}}
diff --git a/doc/includes/forum-intro.html b/doc/includes/forum-intro.html
deleted file mode 100644
index 68a0a080c747a5cb283a280c66c8ead8774cbcea..0000000000000000000000000000000000000000
--- a/doc/includes/forum-intro.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-
Post your questions on the Foundation Forum ! We have a strong community where you can:
-
-
- Get helpful answers fast from avid Foundation fans and ZURBians.
- Describe your code problem or response design question with text, code and imagery so the community can respond with appropriate advise or answers.
- Follow posts and people to learn new things about Foundation.
-
-
-
Sign Up & Get Answers Now →
-
-
-
-
-
-
diff --git a/doc/includes/forum-topics.html b/doc/includes/forum-topics.html
deleted file mode 100644
index a6b4d68c55d356d799c8bb645552e543d7944733..0000000000000000000000000000000000000000
--- a/doc/includes/forum-topics.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
- {{!--
- Posts will be injected here using jQuery, the template is in:
- doc/templates/forum_post.html
- --}}
-
-
-
-
-
-
-
diff --git a/doc/includes/foundation-intro-banner.html b/doc/includes/foundation-intro-banner.html
deleted file mode 100644
index 39585762d0e3d53739eb84148b10725e7dd25205..0000000000000000000000000000000000000000
--- a/doc/includes/foundation-intro-banner.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_button_example.html b/doc/includes/getting_started/gs_button_example.html
deleted file mode 100644
index 952027613e0bbef28f3332034c455a170fb6bb5a..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_button_example.html
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_grid_example.html b/doc/includes/getting_started/gs_grid_example.html
deleted file mode 100644
index df6d287a96eca3eddd6ab0ccb2bbcc20ff5ff20b..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_grid_example.html
+++ /dev/null
@@ -1,61 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_iconbar_example.html b/doc/includes/getting_started/gs_iconbar_example.html
deleted file mode 100644
index 4b5011d7a60f019551bf1536cd141a8f884f72d7..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_iconbar_example.html
+++ /dev/null
@@ -1,19 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_navigation_example.html b/doc/includes/getting_started/gs_navigation_example.html
deleted file mode 100644
index 3728fcd3f4529aa3e62c52b7ee83d8162c012d02..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_navigation_example.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
- {{> gs_topbar_example}}
- {{> gs_iconbar_example}}
-
- {{> gs_offcanvas_example}}
-
- {{> examples_pagination_basic}}
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_offcanvas_example.html b/doc/includes/getting_started/gs_offcanvas_example.html
deleted file mode 100644
index 6806ece0972b6afba0ced436e23d7ae119e99abb..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_offcanvas_example.html
+++ /dev/null
@@ -1,46 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The Psychohistorians
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire.
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_plugins_example.html b/doc/includes/getting_started/gs_plugins_example.html
deleted file mode 100644
index 9f60e5f84b170090b39f653dfaff1854010dffa7..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_plugins_example.html
+++ /dev/null
@@ -1,45 +0,0 @@
-
- Click me to Reveal a Modal
-
-
This is a modal.
-
Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.
-
Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.
-
Second Modal...
-
×
-
-
-
This is a second modal.
-
See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.
-
×
-
-
-
-
- Today's date required
-
-
- If you didn't put in a date in the format 'mm/dd/yyyy,'' this error should appear.
-
-
-
-
-
-
-
First panel content goes here...
-
-
-
Second panel content goes here...
-
-
-
Third panel content goes here...
-
-
-
-
- This is a round warning alert.
-
×
-
\ No newline at end of file
diff --git a/doc/includes/getting_started/gs_topbar_example.html b/doc/includes/getting_started/gs_topbar_example.html
deleted file mode 100644
index 3e160903511cc749c334f47c84caf8b68dffe67a..0000000000000000000000000000000000000000
--- a/doc/includes/getting_started/gs_topbar_example.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_basic.html b/doc/includes/grid/examples_grid_basic.html
deleted file mode 100644
index 9b96935c7b2a982a5f1d7bc0a485a81dd235e1f5..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_basic.html
+++ /dev/null
@@ -1,35 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_centered.html b/doc/includes/grid/examples_grid_centered.html
deleted file mode 100644
index 1b624a56ddced3d624f4fc818883a9892baf3764..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_centered.html
+++ /dev/null
@@ -1,16 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_centered_rendered.html b/doc/includes/grid/examples_grid_centered_rendered.html
deleted file mode 100644
index 510f2bb7f47eada9b16e11fd882fdc28b65f0847..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_centered_rendered.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_column_mixin.html b/doc/includes/grid/examples_grid_column_mixin.html
deleted file mode 100644
index c9f243bb11d957c8f7b7d4be53bf8c8db643cdab..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_column_mixin.html
+++ /dev/null
@@ -1,24 +0,0 @@
-{{#markdown}}
-```scss
-.custom-grid-class {
- @include grid-column(
- // Control the number of columns
- $columns:4,
- // Specify whether or not this is the last column in the row
- $last-column:true,
- // Choose whether or not to center this column
- $center:true,
- // Choose the number of columns to offset this element by
- $offset:3,
- // Specify how many columns to push this element past
- $push:3,
- // Specify how many columns to pull this element past
- $pull:9,
- // Set to true to remove column padding
- $collapse:true,
- // Specify the float direction
- $float:right
- );
-}
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_column_options.html b/doc/includes/grid/examples_grid_column_options.html
deleted file mode 100644
index a90ef9757b10557b64ca4b6cebf18788a40e8247..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_column_options.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
- $columns
- Total number of columns (Default: 12)
- $last-column
- Is this the last column? (Default: false)
- $center
- Center these columns (Default: false)
- $offset
- Number of columns to offset (Default: false)
- $push
- Number of columns to push (Default: false)
- $pull
- Number of columns to pull (Default: false)
- $collapse
- Get rid of gutter padding on column? (Default: false)
- $float
- Should this float? (Default: false). Options:
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_end.html b/doc/includes/grid/examples_grid_end.html
deleted file mode 100644
index a0aacd79378b79e0ea4b0db8901bf258dd4f9735..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_end.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{{#markdown}}
-```html
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_end_rendered.html b/doc/includes/grid/examples_grid_end_rendered.html
deleted file mode 100644
index 158b3c0664f086d583ddc7bb38bdcf9dc0d6d69d..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_end_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
diff --git a/doc/includes/grid/examples_grid_medium.html b/doc/includes/grid/examples_grid_medium.html
deleted file mode 100644
index c99dda70c91713a68c78f067894a4250318e03df..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_medium.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{#markdown}}
-```html
-
-
2 columns
-
10 columns
-
-
-
3 columns
-
9 columns
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_medium_rendered.html b/doc/includes/grid/examples_grid_medium_rendered.html
deleted file mode 100644
index 83d53e69edc3ca19653ca5a42a595cd103a7e2a5..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_medium_rendered.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
2 columns
-
10 columns
-
-
-
3 columns
-
9 columns
-
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_nested.html b/doc/includes/grid/examples_grid_nested.html
deleted file mode 100644
index 4ae9fdc4863567e7970a9d6e6d5da8c9295ec646..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_nested.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_nested_rendered.html b/doc/includes/grid/examples_grid_nested_rendered.html
deleted file mode 100644
index 2a741b16e79bcfd09e6053987260bffb25d034ce..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_nested_rendered.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_offsets.html b/doc/includes/grid/examples_grid_offsets.html
deleted file mode 100644
index f0ac257eacde0b284a9fbac2cce776ae6631e988..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_offsets.html
+++ /dev/null
@@ -1,20 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_offsets_rendered.html b/doc/includes/grid/examples_grid_offsets_rendered.html
deleted file mode 100644
index 1507687e5a6c2d24a8d921aa126540cb8226fd69..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_offsets_rendered.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
diff --git a/doc/includes/grid/examples_grid_rendered.html b/doc/includes/grid/examples_grid_rendered.html
deleted file mode 100644
index 9a549dc4a6f88fa5b2e3e4073f5c324ca23af2e5..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_rendered.html
+++ /dev/null
@@ -1,31 +0,0 @@
-
-
-
full 3
-
full 6
-
full 3
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_row_collapse.html b/doc/includes/grid/examples_grid_row_collapse.html
deleted file mode 100644
index e92e6239c2a3692e7d263088d247b45f46e8193a..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_row_collapse.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{#markdown}}
-```html
-
-
- Removes gutter at large media query
-
-
- Removes gutter at large media query
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_row_collapse_rendered.html b/doc/includes/grid/examples_grid_row_collapse_rendered.html
deleted file mode 100644
index fff84c93aff64dff4f6a1375d76aa173316ba011..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_row_collapse_rendered.html
+++ /dev/null
@@ -1,19 +0,0 @@
-
-Scale the browser down to a medium or smaller size to see the difference.
-
-
-
-
-
On small, I have gutters!
-
On a medium screen, I have gutters!
-
On a large screen, I have no gutters!
-
-
-
-
-
On small, I have gutters!
-
On a medium screen, I have gutters!
-
On a large screen, I have no gutters!
-
-
-
diff --git a/doc/includes/grid/examples_grid_row_mixin.html b/doc/includes/grid/examples_grid_row_mixin.html
deleted file mode 100644
index c5af4476551abac8f50bb8d8404d87127d66e215..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_row_mixin.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
diff --git a/doc/includes/grid/examples_grid_row_options.html b/doc/includes/grid/examples_grid_row_options.html
deleted file mode 100644
index b839138b502d96c6cb7161f3f8d59f7626280ed9..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_row_options.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```scss
-.your-class-name {
- @include grid-row($behavior: nest) // Other options include collapse and nest-collapse.
- // Default $behavior value is false
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_small.html b/doc/includes/grid/examples_grid_small.html
deleted file mode 100644
index 9efa446f2b894f6c9e7297270602ff1901ee6324..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_small.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{#markdown}}
-```html
-
-
2 columns
-
10 columns
-
-
-
3 columns
-
9 columns
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_small_rendered.html b/doc/includes/grid/examples_grid_small_rendered.html
deleted file mode 100644
index 9c6eda4113715dcf51f4f7e8da2d5ab1b90b042d..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_small_rendered.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
2 columns
-
10 columns
-
-
-
3 columns
-
9 columns
-
diff --git a/doc/includes/grid/examples_grid_source.html b/doc/includes/grid/examples_grid_source.html
deleted file mode 100644
index 51f73b9b36326b3f2a3e0711f7d2439475ac48e9..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_source.html
+++ /dev/null
@@ -1,24 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/grid/examples_grid_source_rendered.html b/doc/includes/grid/examples_grid_source_rendered.html
deleted file mode 100644
index 0d87a55e9e94af117b9d45c78be67690d2db26b9..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_source_rendered.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
-
diff --git a/doc/includes/grid/examples_grid_variables.html b/doc/includes/grid/examples_grid_variables.html
deleted file mode 100644
index 77929f61c62008029c1d9df0401dc3abec2456b4..0000000000000000000000000000000000000000
--- a/doc/includes/grid/examples_grid_variables.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```scss
-$row-width: rem-calc(1000);
-$column-gutter: rem-calc(30);
-$total-columns: 12 ;
-```
-{{/markdown}}
diff --git a/doc/includes/howtouse/examples_button_html_include.html b/doc/includes/howtouse/examples_button_html_include.html
deleted file mode 100644
index 2177b0ddce40f198717b96ef4f0a74478dd1d282..0000000000000000000000000000000000000000
--- a/doc/includes/howtouse/examples_button_html_include.html
+++ /dev/null
@@ -1 +0,0 @@
-...
\ No newline at end of file
diff --git a/doc/includes/howtouse/examples_button_variable_include.html b/doc/includes/howtouse/examples_button_variable_include.html
deleted file mode 100644
index 72e5f2090a6eb8a84b7b8be6d1692ab77b05085b..0000000000000000000000000000000000000000
--- a/doc/includes/howtouse/examples_button_variable_include.html
+++ /dev/null
@@ -1,12 +0,0 @@
-// $padding - Used to build padding for buttons
-Default: $button-med or rem-calc(12) $padding: 12px;
-// Primary color set in settings file.
-Default: $primary-color. $bg: orange;
-// If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px).
-Default:false. $radius: true;
-// We can set $full-width:true to remove side padding extend width.
-Default: false $full-width: false;
-// We can set $disabled:true to create a disabled transparent button.
-Default: false $disabled: false;
-// $is-input - 's and 's take on strange padding. We added this to help fix that.
-Default: false $is-input: false;
\ No newline at end of file
diff --git a/doc/includes/howtouse/examples_custom_button_include.html b/doc/includes/howtouse/examples_custom_button_include.html
deleted file mode 100644
index ac1f106c0fa52727f8088e178239abc8c3fc5817..0000000000000000000000000000000000000000
--- a/doc/includes/howtouse/examples_custom_button_include.html
+++ /dev/null
@@ -1,5 +0,0 @@
-// Example mixin for custom button
-
-.custom-button-class {
- @include button($padding, $bg, $radius, $full-width, $disabled, $is-input);
- }
\ No newline at end of file
diff --git a/doc/includes/howtouse/examples_img_panel_include.html b/doc/includes/howtouse/examples_img_panel_include.html
deleted file mode 100644
index e385e30d5b244826e979f4243fffd7b30a6b2443..0000000000000000000000000000000000000000
--- a/doc/includes/howtouse/examples_img_panel_include.html
+++ /dev/null
@@ -1,12 +0,0 @@
-.img-panel {
- position: relative;
- padding-left: 6rem;
- margin-bottom: 2rem;
-
- img {
- position: absolute;
- top: 1.7rem;
- left: -($panel-padding * 1.5);
- max-width: 6rem;
- }
-}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar.html b/doc/includes/icon-bar/examples_icon_bar.html
deleted file mode 100644
index 7008dabdab814a8c7a0165662057101adf31742f..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_aria.html b/doc/includes/icon-bar/examples_icon_bar_aria.html
deleted file mode 100644
index 77ca378c9c0e9de5786fef29f3525954b851f0d1..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_aria.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_aria_rendered.html b/doc/includes/icon-bar/examples_icon_bar_aria_rendered.html
deleted file mode 100644
index ec6726695c66a8a77fc73a3b018aa525a68295a4..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_aria_rendered.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_iconfont.html b/doc/includes/icon-bar/examples_icon_bar_iconfont.html
deleted file mode 100644
index 17fa2f19c056dbfd188f4be40a94ac331563487b..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_iconfont.html
+++ /dev/null
@@ -1,21 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_iconfont_aria.html b/doc/includes/icon-bar/examples_icon_bar_iconfont_aria.html
deleted file mode 100644
index 2f3acd0afb1821ceb15f2ae1b43f4f0e17f9cb80..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_iconfont_aria.html
+++ /dev/null
@@ -1,21 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_iconfont_aria_rendered.html b/doc/includes/icon-bar/examples_icon_bar_iconfont_aria_rendered.html
deleted file mode 100644
index f7b330b30e8b20692b9753f44eca980fe276bcfd..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_iconfont_aria_rendered.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_iconfont_rendered.html b/doc/includes/icon-bar/examples_icon_bar_iconfont_rendered.html
deleted file mode 100644
index 60327d7904f26cda8ffb956c9d676fbf6f386f47..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_iconfont_rendered.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_rendered.html b/doc/includes/icon-bar/examples_icon_bar_rendered.html
deleted file mode 100644
index 2185880cb6ca00e5d01f0dce9b577c72dc8db84f..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_rendered.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_text_aria.html b/doc/includes/icon-bar/examples_icon_bar_text_aria.html
deleted file mode 100644
index c80adb1e3ce499dcd836174237cf99cf88ded616..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_text_aria.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_text_aria_rendered.html b/doc/includes/icon-bar/examples_icon_bar_text_aria_rendered.html
deleted file mode 100644
index 5594c9bfff8446adafc765f3149b37db26b565ce..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_text_aria_rendered.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_vert.html b/doc/includes/icon-bar/examples_icon_bar_vert.html
deleted file mode 100644
index 63728d756fd6757f618062c7337911005f12043c..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_vert.html
+++ /dev/null
@@ -1,46 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/icon-bar/examples_icon_bar_vert_rendered.html b/doc/includes/icon-bar/examples_icon_bar_vert_rendered.html
deleted file mode 100644
index 6f770f4b5a2151560cb0b962605423f331a2693d..0000000000000000000000000000000000000000
--- a/doc/includes/icon-bar/examples_icon_bar_vert_rendered.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/doc/includes/inline_lists/examples_inline_lists_basic.html b/doc/includes/inline_lists/examples_inline_lists_basic.html
deleted file mode 100644
index 0aac62d70eccf4355e46c64c0a6942bb160caadb..0000000000000000000000000000000000000000
--- a/doc/includes/inline_lists/examples_inline_lists_basic.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/inline_lists/examples_inline_lists_variables.html b/doc/includes/inline_lists/examples_inline_lists_variables.html
deleted file mode 100644
index ac6bd348ca8b197566721bda0ec952ed53d88449..0000000000000000000000000000000000000000
--- a/doc/includes/inline_lists/examples_inline_lists_variables.html
+++ /dev/null
@@ -1,23 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-inline-list-classes: $include-html-classes;
-
-// We use this to control the margins and padding of the inline list.
-$inline-list-top-margin: 0;
-$inline-list-opposite-margin: 0;
-$inline-list-bottom-margin: rem-calc(17);
-$inline-list-default-float-margin: rem-calc(-22);
-$inline-list-default-float-list-margin: rem-calc(22);
-
-$inline-list-padding: 0;
-
-// We use this to control the overflow of the inline list.
-$inline-list-overflow: hidden;
-
-// We use this to control the list items
-$inline-list-display: block;
-
-// We use this to control any elments within list items
-$inline-list-children-display: block;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_basic.html b/doc/includes/interchange/examples_interchange_basic.html
deleted file mode 100644
index bf8ae635353187dbc451032fdb402939205f6b51..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_basic.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_basic_rendered.html b/doc/includes/interchange/examples_interchange_basic_rendered.html
deleted file mode 100644
index 49eda201e81095fc6dfa6581fb0dc18b519e5d6c..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_basic_rendered.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_custom_queries.html b/doc/includes/interchange/examples_interchange_custom_queries.html
deleted file mode 100644
index 148b1d05aa7420f3d4b151725e11945e1159125d..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_custom_queries.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).foundation({
- interchange : {
- named_queries : {
- my_custom_query : 'only screen and (max-width: 200px)'
- }
- }
-});
-```
-{{/markdown}}
diff --git a/doc/includes/interchange/examples_interchange_events.html b/doc/includes/interchange/examples_interchange_events.html
deleted file mode 100644
index 4481f8f7b490075bea979e9fce06a978cabbfe77..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_events.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).on('replace', 'img', function (e, new_path, original_path) {
- console.log(e.currentTarget, new_path, original_path);
-});
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_javascript.html b/doc/includes/interchange/examples_interchange_javascript.html
deleted file mode 100644
index 219a576b117d777648fb387d0017cd4a605d7ee7..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_markup.html b/doc/includes/interchange/examples_interchange_markup.html
deleted file mode 100644
index 80bb3cfe189504d5faea6d17af365125208afb74..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_markup.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
- This is the default content.
-
×
-
-
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_queries.html b/doc/includes/interchange/examples_interchange_queries.html
deleted file mode 100644
index b8ebfb8acb82f8196c319d78457e08a35c2560d8..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_queries.html
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
- Name
- Media Query
-
-
-
-
- default
- `only screen`
-
-
- small
- `only screen`
-
-
- small-only
- `only screen and (max-width: 40em) /* 0, 640px */`
-
-
- medium
- `only screen and (min-width: 40.063em) /* 641px */`
-
-
- medium-only
- `only screen and (min-width: 40.063em) and (max-width: 64em) /* 641px, 1024px */`
-
-
- large
- `only screen and (min-width: 64.063em) /* 1025px */`
-
-
- large-only
- `only screen and (min-width: 64.063em) and (max-width: 90em) /* 1025px, 1440px */`
-
-
- xlarge
- `only screen and (min-width: 90.063em) /* 1441px */`
-
-
- xlarge-only
- `only screen and (min-width: 90.063em) and (max-width: 120em) /* 1441px, 1920px */`
-
-
- xxlarge
- `only screen and (min-width: 120.063em) /* 1921px */`
-
-
- landscape
- `only screen and (orientation: landscape)`
-
-
- portrait
- `only screen and (orientation: portrait)`
-
-
- retina (4.2.1)
- `only screen and (-webkit-min-device-pixel-ratio: 2),`
- `only screen and (min--moz-device-pixel-ratio: 2),`
- `only screen and (-o-min-device-pixel-ratio: 2/1),`
- `only screen and (min-device-pixel-ratio: 2),`
- `only screen and (min-resolution: 192dpi),`
- `only screen and (min-resolution: 2dppx)`
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_queries_rendered.html b/doc/includes/interchange/examples_interchange_queries_rendered.html
deleted file mode 100644
index 1621c6d9e10330705b6da4f958de18034b8b3a37..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_queries_rendered.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-data-interchange="[image_path, (default)], [image_path, (landscape)]"
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/interchange/examples_interchange_retina.html b/doc/includes/interchange/examples_interchange_retina.html
deleted file mode 100644
index 098b9f2cbbcde7f8674bc68703cc2050fdd6546c..0000000000000000000000000000000000000000
--- a/doc/includes/interchange/examples_interchange_retina.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-data-interchange="[image/path/to/retina.jpg, (retina)]"
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/javascript_include/examples_javascript_include.html b/doc/includes/javascript_include/examples_javascript_include.html
deleted file mode 100644
index b26869d1e6f94da8c1f3a91acbc43da6d589840c..0000000000000000000000000000000000000000
--- a/doc/includes/javascript_include/examples_javascript_include.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/joyride/examples_joyride_add_html.html b/doc/includes/joyride/examples_joyride_add_html.html
deleted file mode 100644
index 045daf1a2730c56d03816c433cb9b475624fe1e2..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_add_html.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
Hello and welcome to the Joyride documentation page.
-
Next
-
×
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/joyride/examples_joyride_basic.html b/doc/includes/joyride/examples_joyride_basic.html
deleted file mode 100644
index e6056e679ccfd4e4eb7828bc15ddbda76c18573c..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_basic.html
+++ /dev/null
@@ -1,2 +0,0 @@
-Build Joyride with HTML
-At the bottom of your page but inside of the body, place either an ol or ul with the data-joyride attribute. This list will contain all of the stops on your tour. To associate the tour stops with an item on your page, make sure the ID and data-id match between the two. If you do not associate an id, the tour stop will take on a modal style, positioning itself in the middle of the screen.
\ No newline at end of file
diff --git a/doc/includes/joyride/examples_joyride_basic_rendered.html b/doc/includes/joyride/examples_joyride_basic_rendered.html
deleted file mode 100644
index 95411201c859c1ae9330cf81dc7a096891b9fe50..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_basic_rendered.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{{#markdown}}
-```html
-
-
-
- Hello and welcome to the Joyride documentation page.
-
-
- Stop #1
- You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.
-
-
- Stop #2
- Get the details right by styling Joyride with a custom stylesheet!
-
-
- Stop #3
- It works as a modal too!
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/joyride/examples_joyride_javascript.html b/doc/includes/joyride/examples_joyride_javascript.html
deleted file mode 100644
index 4b3490c1418a78aea2a9d51fbd659be7fd35c312..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_javascript.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/joyride/examples_joyride_library.html b/doc/includes/joyride/examples_joyride_library.html
deleted file mode 100644
index 1b7e3a5f78b52bd4f45d67fa68e4d60429dccacf..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_library.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).foundation('joyride', 'start');
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/joyride/examples_joyride_options.html b/doc/includes/joyride/examples_joyride_options.html
deleted file mode 100644
index 2dfe35113f28591529f1034ade2c81129b3e3735..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_options.html
+++ /dev/null
@@ -1,50 +0,0 @@
-{{#markdown}}
-```javascript
-{
- expose : false, // turn on or off the expose feature
- modal : true, // Whether to cover page with modal during the tour
- keyboard : true, // enable left, right and esc keystrokes
- tip_location : 'bottom', // 'top' or 'bottom' in relation to parent
- nub_position : 'auto', // override on a per tooltip bases
- scroll_speed : 1500, // Page scrolling speed in milliseconds, 0 = no scroll animation
- scroll_animation : 'linear', // supports 'swing' and 'linear', extend with jQuery UI.
- timer : 0, // 0 = no timer , all other numbers = timer in milliseconds
- start_timer_on_click : true, // true or false - true requires clicking the first button start the timer
- start_offset : 0, // the index of the tooltip you want to start on (index of the li)
- next_button : true, // true or false to control whether a next button is used
- prev_button : true, // true or false to control whether a prev button is used
- tip_animation : 'fade', // 'pop' or 'fade' in each tip
- pause_after : [], // array of indexes where to pause the tour after
- exposed : [], // array of expose elements
- tip_animation_fade_speed : 300, // when tipAnimation = 'fade' this is speed in milliseconds for the transition
- cookie_monster : false, // true or false to control whether cookies are used
- cookie_name : 'joyride', // Name the cookie you'll use
- cookie_domain : false, // Will this cookie be attached to a domain, ie. '.notableapp.com'
- cookie_expires : 365, // set when you would like the cookie to expire.
- tip_container : 'body', // Where will the tip be attached
- tip_location_patterns : {
- top: ['bottom'],
- bottom: [], // bottom should not need to be repositioned
- left: ['right', 'top', 'bottom'],
- right: ['left', 'top', 'bottom']
- },
- post_ride_callback : function (){}, // A method to call once the tour closes (canceled or complete)
- post_step_callback : function (){}, // A method to call after each step
- pre_step_callback : function (){}, // A method to call before each step
- pre_ride_callback : function (){}, // A method to call before the tour starts (passed index, tip, and cloned exposed element)
- post_expose_callback : function (){}, // A method to call after an element has been exposed
- template : { // HTML segments for tip layout
- link : '× ',
- timer : '
',
- tip : '
',
- wrapper : '
',
- button : ' ',
- prev_button : ' ',
- modal : '
',
- expose : '
',
- expose_cover: '
'
- },
- expose_add_class : '' // One or more space-separated class names to be added to exposed element
-}
-```
-{{/markdown}}
diff --git a/doc/includes/joyride/examples_joyride_tour_stop.html b/doc/includes/joyride/examples_joyride_tour_stop.html
deleted file mode 100644
index c8bc9dcae5b5b19611c715428ead819033f54418..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_tour_stop.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
- Hello and welcome to the Joyride documentation page.
-
-
- Stop #1
- You can control all the details for your tour stop. Any valid HTML will work inside of Joyride.
-
-
- Stop #2
- Get the details right by styling Joyride with a custom stylesheet!
-
-
- Stop #3
- It works as a modal too!
-
-
diff --git a/doc/includes/joyride/examples_joyride_variables.html b/doc/includes/joyride/examples_joyride_variables.html
deleted file mode 100644
index 343506928e1481aa62e7164c6c3833dffab81f5e..0000000000000000000000000000000000000000
--- a/doc/includes/joyride/examples_joyride_variables.html
+++ /dev/null
@@ -1,34 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-joyride-classes: $include-html-classes;
-
-// Controlling default Joyride styles
-$joyride-tip-bg: $oil;
-$joyride-tip-default-width: 300px;
-$joyride-tip-padding: rem-calc(18 20 24);
-$joyride-tip-border: solid 1px $charcoal;
-$joyride-tip-radius: 4px;
-$joyride-tip-position-offset: 22px;
-
-// Here, we're setting the tip font styles
-$joyride-tip-font-color: $white;
-$joyride-tip-font-size: rem-calc(14);
-$joyride-tip-header-weight: $font-weight-bold;
-
-// This changes the nub size
-$joyride-tip-nub-size: 10px;
-
-// This adjusts the styles for the timer when its enabled
-$joyride-tip-timer-width: 50px;
-$joyride-tip-timer-height: 3px;
-$joyride-tip-timer-color: $steel;
-
-// This changes up the styles for the close button
-$joyride-tip-close-color: $monsoon;
-$joyride-tip-close-size: 24px;
-$joyride-tip-close-weight: $font-weight-normal;
-
-// When Joyride is filling the screen, we use this style for the bg
-$joyride-screenfill: rgba(0,0,0,0.5);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_accordion.html b/doc/includes/kitchen/examples_kitchen_accordion.html
deleted file mode 100644
index 7555bf5376bb895c6544340012802780d251e136..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_accordion.html
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
- Accordion 1
-
-
- Tab 1
- Tab 2
- Tab 3
- Tab 4
-
-
-
-
First panel content goes here...
-
-
-
Second panel content goes here...
-
-
-
Third panel content goes here...
-
-
-
Fourth panel content goes here...
-
-
-
-
-
- Accordion 2
-
- Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
- Accordion 3
-
- Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_alert.html b/doc/includes/kitchen/examples_kitchen_alert.html
deleted file mode 100644
index 663c02d361f37b1c4c186ac6d8ac5275ced5b014..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_alert.html
+++ /dev/null
@@ -1,19 +0,0 @@
-
- This is a standard alert (div.alert-box.radius).
-
×
-
-
-
- This is a success alert (div.alert-box.success).
-
×
-
-
-
- This is an alert (div.alert-box.alert.round).
-
×
-
-
-
- This is a secondary alert (div.alert-box.secondary).
-
×
-
diff --git a/doc/includes/kitchen/examples_kitchen_block_grid.html b/doc/includes/kitchen/examples_kitchen_block_grid.html
deleted file mode 100644
index 3654fadd76c72374f4ca1946ae0824ebde805f3f..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_block_grid.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_breadcrumbs.html b/doc/includes/kitchen/examples_kitchen_breadcrumbs.html
deleted file mode 100644
index ddfe6c835cb49713cfd28d5ccd4c2b8409ebb4a9..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_breadcrumbs.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_button_groups.html b/doc/includes/kitchen/examples_kitchen_button_groups.html
deleted file mode 100644
index 2c21ce1edae57c692e4cee0d94195172b9a2c119..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_button_groups.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_buttons.html b/doc/includes/kitchen/examples_kitchen_buttons.html
deleted file mode 100644
index 2509573edd9f7b488f393b98537053d65714f84b..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_buttons.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_clearing.html b/doc/includes/kitchen/examples_kitchen_clearing.html
deleted file mode 100644
index a575996406fe4f3e10cace0101a7426627e1d1da..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_clearing.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
diff --git a/doc/includes/kitchen/examples_kitchen_dropdown_buttons.html b/doc/includes/kitchen/examples_kitchen_dropdown_buttons.html
deleted file mode 100644
index 3df97daa548195ca25b3a5d49f92f71072c66f21..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_dropdown_buttons.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-Tiny Dropdown Button
-Small Secondary Radius Dropdown Button
-Button Alert Round Dropdown Button
-Large Success Dropdown Button
-Large Expanded Dropdown Button
diff --git a/doc/includes/kitchen/examples_kitchen_dropdowns.html b/doc/includes/kitchen/examples_kitchen_dropdowns.html
deleted file mode 100644
index 1c3fe3b923baf13863a20ccc663f125aec01db54..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_dropdowns.html
+++ /dev/null
@@ -1,22 +0,0 @@
-Link Dropdown »
- Content Dropdown »
-
-
-
-
-
-
Title
-
-
Some text that people will think is awesome! Some text that people will
- think is awesome! Some text that people will think is awesome!
-
-
Launching a Discovery Mission
Button
-
diff --git a/doc/includes/kitchen/examples_kitchen_flex_video.html b/doc/includes/kitchen/examples_kitchen_flex_video.html
deleted file mode 100644
index 76403b5ed12726881d13ba4ff207b740d9668d07..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_flex_video.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
- VIDEO
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_forms.html b/doc/includes/kitchen/examples_kitchen_forms.html
deleted file mode 100644
index a0bc414d7572cf42dbc9dacbb8c4a182975ae28e..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_forms.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
- Fieldset
-
-
-
-
-
- Input Label
-
-
-
- Input Label
-
-
-
-
-
Input Label
-
-
-
-
- .com
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_inline_lists.html b/doc/includes/kitchen/examples_kitchen_inline_lists.html
deleted file mode 100644
index 0aac62d70eccf4355e46c64c0a6942bb160caadb..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_inline_lists.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_joyride.html b/doc/includes/kitchen/examples_kitchen_joyride.html
deleted file mode 100644
index ab711749a2c0379d099ccede6af2eccb645bb1c2..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_joyride.html
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
Start Joyride
-
-
Build Joyride with HTML
-
-
Stop Number 2 for You!
-
-
-
- Stop #1
-
- You can control all the details for your tour stop. Any valid HTML will
- work inside of Joyride.
-
-
-
- Stop #2
-
- Get the details right by styling Joyride with a custom stylesheet!
-
-
-
- Stop #3
-
- It works as a modal too!
-
-
-
-
diff --git a/doc/includes/kitchen/examples_kitchen_labels.html b/doc/includes/kitchen/examples_kitchen_labels.html
deleted file mode 100644
index 98d77b97e5879884460b183208e9791d85fbcaf7..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_labels.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
- Regular Label
- Radius Secondary Label
- Round Alert Label
- Success Label
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_magellan.html b/doc/includes/kitchen/examples_kitchen_magellan.html
deleted file mode 100644
index b69792e35855628b3517bb4f2e4cd48b6e8ab6ee..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_magellan.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-Build With Predefined HTML Structure
-Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper.
-
-
-Awesome JS Goodness
-Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper.
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_orbit.html b/doc/includes/kitchen/examples_kitchen_orbit.html
deleted file mode 100644
index 5eb51b9bf92d662cd390850dc270db20af5602fc..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_orbit.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-
- Caption One. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-
-
-
-
-
- Caption Two. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-
-
-
-
-
- Caption Three. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_pagination.html b/doc/includes/kitchen/examples_kitchen_pagination.html
deleted file mode 100644
index 0cd6ab406ef9993b566825005771fe6351cd9a5b..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_pagination.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_panels.html b/doc/includes/kitchen/examples_kitchen_panels.html
deleted file mode 100644
index d90819ae3506f7165d355bd053fa444efa6f71fa..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_panels.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
-
-
This is a regular panel.
-
It has an easy to override visual style, and is appropriately subdued.
-
-
-
-
-
This is a radius callout panel.
-
It's a little ostentatious, but useful for important content.
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_pricing.html b/doc/includes/kitchen/examples_kitchen_pricing.html
deleted file mode 100644
index fbdd97df3b5bb086367f6a5cf30bf1a9f908d6ea..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_pricing.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-
- Standard
- $99.99
- An awesome description
- 1 Database
- 5GB Storage
- 20 Users
- Buy Now
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_progress.html b/doc/includes/kitchen/examples_kitchen_progress.html
deleted file mode 100644
index edc2e385b5e0907b512e7ea772dc03265d486f7a..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_progress.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_reveal.html b/doc/includes/kitchen/examples_kitchen_reveal.html
deleted file mode 100644
index fdd905a802e7c495e69cbb89dde67bac0bde5131..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_reveal.html
+++ /dev/null
@@ -1,27 +0,0 @@
-Example Modal…
-Example Video Modal…
-
-
-
-
This is a modal.
-
Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.
-
Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.
-
Second Modal…
-
×
-
-
-
-
This is a second modal.
-
See? It just slides into place after the first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.
-
×
-
-
-
-
This modal has video
-
-
-
-
-
×
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_side_nav.html b/doc/includes/kitchen/examples_kitchen_side_nav.html
deleted file mode 100644
index 5e7861608cb2d162932a270216168f23c1f6bf56..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_side_nav.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_sliders.html b/doc/includes/kitchen/examples_kitchen_sliders.html
deleted file mode 100644
index bcd52fb27504e4ddceb79684ac9e8fd912b8c819..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_sliders.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/kitchen/examples_kitchen_split_buttons.html b/doc/includes/kitchen/examples_kitchen_split_buttons.html
deleted file mode 100644
index 18c16ec3dddc330c3f29baefec3609e4da313cce..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_split_buttons.html
+++ /dev/null
@@ -1,4 +0,0 @@
- Tiny Split Button
- Small Secondary Radius Split Button
- Round Alert Split Button
- Large Success Split Button
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_sub_nav.html b/doc/includes/kitchen/examples_kitchen_sub_nav.html
deleted file mode 100644
index bac54b1a92ea014cfb01f71c34dec130c9740a10..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_sub_nav.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Filter:
- All
- Active
- Pending
- Suspended
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_switch.html b/doc/includes/kitchen/examples_kitchen_switch.html
deleted file mode 100644
index 43ec46b3fef256c89c15d660a01b7762fa7a0033..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_switch.html
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
- Off
-
-
- On
-
-
-
-
-
-
- Off
-
-
- On
-
-
-
-
-
-
- Off
-
-
- On
-
-
-
-
-
-
- Off
-
-
- On
-
-
-
diff --git a/doc/includes/kitchen/examples_kitchen_tables.html b/doc/includes/kitchen/examples_kitchen_tables.html
deleted file mode 100644
index e10d045663f4e0ba9480f1a12a4196c833a6447c..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_tables.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
- Table Header
- Table Header
- Table Header
- Table Header
-
-
-
-
- Content Goes Here
- This is longer content Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
- Content Goes Here
- This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
- Content Goes Here
- This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_tabs.html b/doc/includes/kitchen/examples_kitchen_tabs.html
deleted file mode 100644
index 9e98ee879efa3f91f3cae13501a0c07e84dfef6b..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_tabs.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
- Tab 1
- Tab 2
- Tab 3
- Tab 4
-
-
-
-
First panel content goes here...
-
-
-
Second panel content goes here...
-
-
-
Third panel content goes here...
-
-
-
Fourth panel content goes here...
-
-
-
-
- Tab 1
-
- Tab 2
-
- Tab 3
-
- Tab 4
-
-
-
-
-
Panel 1 content goes here.
-
-
-
-
Panel 2 content goes here.
-
-
-
-
Panel 3 content goes here.
-
-
-
-
Panel 4 content goes here.
-
-
-
diff --git a/doc/includes/kitchen/examples_kitchen_thumbnails.html b/doc/includes/kitchen/examples_kitchen_thumbnails.html
deleted file mode 100644
index ccf8e623b8def6219f2c76d79799073871bbda31..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_thumbnails.html
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/doc/includes/kitchen/examples_kitchen_tooltips.html b/doc/includes/kitchen/examples_kitchen_tooltips.html
deleted file mode 100644
index 561609a4348ae08d6aba4ffc473d49ee0fe65047..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_tooltips.html
+++ /dev/null
@@ -1 +0,0 @@
-The tooltips can be positioned on the "tip-bottom" , which is the default position, "tip-top" (hehe) , "tip-left" , or "tip-right" of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full width and bottom aligned.
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_topbar.html b/doc/includes/kitchen/examples_kitchen_topbar.html
deleted file mode 100644
index 3a7adad892ab61e4839592dc3b2c2c1dabed3420..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_topbar.html
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_type.html b/doc/includes/kitchen/examples_kitchen_type.html
deleted file mode 100644
index cad0b6b9853b9d27248c58e8c77c25ba2cbc38c3..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_type.html
+++ /dev/null
@@ -1,72 +0,0 @@
-
-
-
h1. This is a very large header.
-
h2. This is a large header.
-
h3. This is a medium header.
-
h4. This is a moderate header.
-
h5. This is a small header.
-
h6. This is a tiny header.
-
-
-
-
-
-
-
-
-
-
-
-
-
Definition List
-
Definition lists are great for small block of copy that describe the header
-
-Lower cost
- The new version of this product costs significantly less than the previous one!
-Easier to use
- We've changed the product so that it's much easier to use!
-Safe for kids
- You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).
-
-
-
-
Un-ordered lists are great for making quick outlines bulleted.
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
-
-
Ordered lists are great for lists that need order, duh.
-
- List Item 1
- List Item 2
- List Item 3
-
-
-
-
-
-
Blockquote
-
I do not fear computers. I fear the lack of them. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur.Isaac Asimov
-
-
-
Vcard
-
-
-
\ No newline at end of file
diff --git a/doc/includes/kitchen/examples_kitchen_visibility.html b/doc/includes/kitchen/examples_kitchen_visibility.html
deleted file mode 100644
index 13ddaba82455b54f88525d59c7b3af82e7f58d0f..0000000000000000000000000000000000000000
--- a/doc/includes/kitchen/examples_kitchen_visibility.html
+++ /dev/null
@@ -1,21 +0,0 @@
-##### Screen Size Visibility Control (Show)
-
-The following text should describe the screen size you're using:
-
-{{> examples_visibility_show}}
-
-##### Screen Size Visibility Control (Hide)
-
-The following text should describe the screen size you aren't using:
-
-{{> examples_visibility_hide}}
-
-##### Orientation Detection
-The following text should describe the device orientation you're using:
-
-{{> examples_visibility_orientation}}
-
-##### Touch Detection
-The following text should describe if you're using a touch device:
-
-{{> examples_visibility_touch}}
\ No newline at end of file
diff --git a/doc/includes/labels/examples_labels_advanced.html b/doc/includes/labels/examples_labels_advanced.html
deleted file mode 100644
index 47a505cabbc649bccb023b25d4393a79932a5613..0000000000000000000000000000000000000000
--- a/doc/includes/labels/examples_labels_advanced.html
+++ /dev/null
@@ -1 +0,0 @@
-Advanced Label
\ No newline at end of file
diff --git a/doc/includes/labels/examples_labels_advanced_rendered.html b/doc/includes/labels/examples_labels_advanced_rendered.html
deleted file mode 100644
index 243cc0548ffe7716e97640e331a4762157176eda..0000000000000000000000000000000000000000
--- a/doc/includes/labels/examples_labels_advanced_rendered.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
- Radius Secondary Label
- Round Alert Label
- Success Label
-
\ No newline at end of file
diff --git a/doc/includes/labels/examples_labels_basic.html b/doc/includes/labels/examples_labels_basic.html
deleted file mode 100644
index 602bc1eb97cf004605a28efd6bcd176dc457bbd8..0000000000000000000000000000000000000000
--- a/doc/includes/labels/examples_labels_basic.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
- Regular Label
-
-
- Radius Secondary Label
-
-
- Round Alert Label
-
-
- Warning Label
-
-
- Success Label
-
-
- Info Label
-
-
\ No newline at end of file
diff --git a/doc/includes/labels/examples_labels_basic_rendered.html b/doc/includes/labels/examples_labels_basic_rendered.html
deleted file mode 100644
index ef9901cf133b1badf9024a7daffc7695aeaf2e7a..0000000000000000000000000000000000000000
--- a/doc/includes/labels/examples_labels_basic_rendered.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
- Regular Label
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/labels/examples_labels_mixin.html b/doc/includes/labels/examples_labels_mixin.html
deleted file mode 100644
index 694f571a894022524083ee92fb147986931b58fd..0000000000000000000000000000000000000000
--- a/doc/includes/labels/examples_labels_mixin.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```scss
-/* Using the available options */
-.your-class-name { @include label($padding,$text-size,$bg,$radius); }
-
-/* Controls the padding, set to a string following top, right, bottom, left rules or change the variable */
-$padding: $label-padding;
-
-/* Control your text-size per label */
-$text-size: $label-font-size;
-
-/* Change the background color for your labels */
-$bg: $primary-color;
-
-/* Control how much radius is put on the labels */
-$radius: false;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/labels/examples_labels_variables.html b/doc/includes/labels/examples_labels_variables.html
deleted file mode 100644
index 704329834bd06405a69dfca86892eda3f884aaf1..0000000000000000000000000000000000000000
--- a/doc/includes/labels/examples_labels_variables.html
+++ /dev/null
@@ -1,15 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-label-classes: $include-html-classes;
-
-// We use these to style the labels
-$label-padding: rem-calc(4 8 4);
-$label-radius: $global-radius;
-
-// We use these to style the label text
-$label-font-sizing: rem-calc(11);
-$label-font-weight: bold;
-$label-font-color: #333;
-$label-font-color-alt: #fff;
-```
-{{/markdown}}
diff --git a/doc/includes/magellan/examples_magellan_basic.html b/doc/includes/magellan/examples_magellan_basic.html
deleted file mode 100644
index b1d317d963d89727414401e1e7da9ecf58d72c1d..0000000000000000000000000000000000000000
--- a/doc/includes/magellan/examples_magellan_basic.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/magellan/examples_magellan_basic_rendered.html b/doc/includes/magellan/examples_magellan_basic_rendered.html
deleted file mode 100644
index e2d6fff7084fab6006558c68318cb91cc252cdd7..0000000000000000000000000000000000000000
--- a/doc/includes/magellan/examples_magellan_basic_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/magellan/examples_magellan_destination.html b/doc/includes/magellan/examples_magellan_destination.html
deleted file mode 100644
index 9cb9573e6fcbf585c86c1d68c1a026bbbc308cdb..0000000000000000000000000000000000000000
--- a/doc/includes/magellan/examples_magellan_destination.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-Arrival
-
-
-
-Destination
-
\ No newline at end of file
diff --git a/doc/includes/magellan/examples_magellan_javascript.html b/doc/includes/magellan/examples_magellan_javascript.html
deleted file mode 100644
index f63cf4ab54cfe7fd3a113f1b97735cd021096df4..0000000000000000000000000000000000000000
--- a/doc/includes/magellan/examples_magellan_javascript.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/magellan/examples_magellan_library.html b/doc/includes/magellan/examples_magellan_library.html
deleted file mode 100644
index 7d184f2924fa1336861e8543c206af2ca55cf346..0000000000000000000000000000000000000000
--- a/doc/includes/magellan/examples_magellan_library.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{#markdown}}
-```html
-Using Our Javascript
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/magellan/examples_magellan_options.html b/doc/includes/magellan/examples_magellan_options.html
deleted file mode 100644
index 6b471c4d94998d8f89372dc9a6a647d15fa317cb..0000000000000000000000000000000000000000
--- a/doc/includes/magellan/examples_magellan_options.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).foundation({
-"magellan-expedition": {
- active_class: 'active', // specify the class used for active sections
- threshold: 0, // how many pixels until the magellan bar sticks, 0 = auto
- destination_threshold: 20, // pixels from the top of destination for it to be considered active
- throttle_delay: 50, // calculation throttling to increase framerate
- fixed_top: 0, // top distance in pixels assigend to the fixed element on scroll
- offset_by_height: true // whether to offset the destination by the expedition height. Usually you want this to be true, unless your expedition is on the side.
-}
-});
-```
-{{/markdown}}
diff --git a/doc/includes/off_canvas/examples_offcanvas_basic.html b/doc/includes/off_canvas/examples_offcanvas_basic.html
deleted file mode 100644
index ab95c6a79881a5b5f807b5dece89f2dc74578bfa..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_basic.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The Psychohistorians
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/off_canvas/examples_offcanvas_basic_markup.html b/doc/includes/off_canvas/examples_offcanvas_basic_markup.html
deleted file mode 100644
index f10952896c8360feedbb4d5899053abe97f42c11..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_basic_markup.html
+++ /dev/null
@@ -1,36 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html b/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html
deleted file mode 100644
index ab95c6a79881a5b5f807b5dece89f2dc74578bfa..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_basic_rendered.html
+++ /dev/null
@@ -1,47 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The Psychohistorians
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/off_canvas/examples_offcanvas_javascript_options.html b/doc/includes/off_canvas/examples_offcanvas_javascript_options.html
deleted file mode 100644
index 47f3ccc67ce2ef1019b2b3e3abc4ca6cc7dbb0f7..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_javascript_options.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{{#markdown}}
-```javascript
-$(document).foundation({
- offcanvas : {
- // Sets method in which offcanvas opens.
- // [ move | overlap_single | overlap ]
- open_method: 'move',
- // Should the menu close when a menu link is clicked?
- // [ true | false ]
- close_on_click : false
- }
-});
-```
-{{/markdown}}
diff --git a/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html b/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html
deleted file mode 100644
index ff2f0e3c88e067c78e697d33dc61a1e8847e8ac0..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_minimal_markup.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
Menu
-
-
-
-
-
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html b/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html
deleted file mode 100644
index 99139c0994fa15265ae1b23e19c1bfb9cbb434a5..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_minimal_rendered.html
+++ /dev/null
@@ -1,28 +0,0 @@
-
-
-
-
Menu
-
-
-
-
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
-
-
-
-
-
diff --git a/doc/includes/off_canvas/examples_offcanvas_multiple_level_markup.html b/doc/includes/off_canvas/examples_offcanvas_multiple_level_markup.html
deleted file mode 100644
index e335db13b183af28488ad0f571b972de55e4b1fa..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_multiple_level_markup.html
+++ /dev/null
@@ -1,76 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/off_canvas/examples_offcanvas_multiple_level_rendered.html b/doc/includes/off_canvas/examples_offcanvas_multiple_level_rendered.html
deleted file mode 100644
index c0a6b62ab3286b2fd35ba4c0cd6d0e02b12650f3..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_multiple_level_rendered.html
+++ /dev/null
@@ -1,93 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The Psychohistorians
-
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html b/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html
deleted file mode 100644
index b0f9da215e0f0f78fcf0b7c1e7dd4b4e109a577c..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_multiple_markup.html
+++ /dev/null
@@ -1,44 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html b/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html
deleted file mode 100644
index 9b8895959a624ac1c365910aa233a5eebd97db40..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_multiple_rendered.html
+++ /dev/null
@@ -1,70 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The Psychohistorians
-
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/off_canvas/examples_offcanvas_top-bottom.html b/doc/includes/off_canvas/examples_offcanvas_top-bottom.html
deleted file mode 100644
index 63501a40f69a5cd6eddf9cccb6d8100fc826054b..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_top-bottom.html
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The Psychohistorians
-
-
Set in the year 0 F.E. ("Foundation Era"), The Psychohistorians opens on Trantor, the capital of the 12,000-year-old Galactic Empire. Though the empire appears stable and powerful, it is slowly decaying in ways that parallel the decline of the Western Roman Empire. Hari Seldon, a mathematician and psychologist, has developed psychohistory, a new field of science and psychology that equates all possibilities in large societies to mathematics, allowing for the prediction of future events.
-
-
Using psychohistory, Seldon has discovered the declining nature of the Empire, angering the aristocratic members of the Committee of Public Safety, the de facto rulers of the Empire. The Committee considers Seldon's views and statements treasonous, and he is arrested along with young mathematician Gaal Dornick, who has arrived on Trantor to meet Seldon. Seldon is tried by the Committee and defends his beliefs, explaining his theories and predictions, including his belief that the Empire will collapse in 500 years and enter a 30,000-year dark age, to the Committee's members.
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/off_canvas/examples_offcanvas_variables.html b/doc/includes/off_canvas/examples_offcanvas_variables.html
deleted file mode 100644
index aa5b5a3d5d727616eceaece0f111ef9a63f02c8a..0000000000000000000000000000000000000000
--- a/doc/includes/off_canvas/examples_offcanvas_variables.html
+++ /dev/null
@@ -1,75 +0,0 @@
-{{#markdown}}
-```scss
-// Off Canvas Tab Bar Variables
-$include-html-off-canvas-classes: $include-html-classes !default;
-
-$tabbar-bg: $oil !default;
-$tabbar-height: rem-calc(45) !default;
-$tabbar-icon-width: $tabbar-height !default;
-$tabbar-line-height: $tabbar-height !default;
-$tabbar-color: $white !default;
-$tabbar-middle-padding: 0 rem-calc(10) !default;
-
-// Off Canvas Divider Styles
-$tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%) !default;
-$tabbar-right-section-border: $tabbar-left-section-border;
-
-
-// Off Canvas Tab Bar Headers
-$tabbar-header-color: $white !default;
-$tabbar-header-weight: $font-weight-bold !default;
-$tabbar-header-line-height: $tabbar-height !default;
-$tabbar-header-margin: 0 !default;
-
-// Off Canvas Menu Variables
-$off-canvas-width: rem-calc(250) !default;
-$off-canvas-bg: $oil !default;
-$off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%);
-$off-canvas-bg-active: scale-color($tabbar-bg, $lightness: -30%);
-
-// Off Canvas Menu List Variables
-$off-canvas-label-padding: 0.3rem rem-calc(15) !default;
-$off-canvas-label-color: $aluminum !default;
-$off-canvas-label-text-transform: uppercase !default;
-$off-canvas-label-font-size: rem-calc(12) !default;
-$off-canvas-label-font-weight: $font-weight-bold !default;
-$off-canvas-label-bg: $tuatara !default;
-$off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
-$off-canvas-label-border-bottom: none !default;
-$off-canvas-label-margin:0 !default;
-$off-canvas-link-padding: rem-calc(10, 15) !default;
-$off-canvas-link-color: rgba($white, 0.7) !default;
-$off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%) !default;
-$off-canvas-back-bg: #444 !default;
-$off-canvas-back-border-top: $off-canvas-label-border-top !default;
-$off-canvas-back-border-bottom: $off-canvas-label-border-bottom !default;
-$off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%) !default;
-$off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%) !default;
-$off-canvas-back-hover-border-bottom: none !default;
-
-// Off Canvas Menu Icon Variables
-$tabbar-menu-icon-color: $white !default;
-$tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%) !default;
-
-$tabbar-menu-icon-text-indent: rem-calc(35) !default;
-$tabbar-menu-icon-width: $tabbar-icon-width !default;
-$tabbar-menu-icon-height: $tabbar-height !default;
-$tabbar-menu-icon-padding: 0 !default;
-
-$tabbar-hamburger-icon-width: rem-calc(16) !default;
-$tabbar-hamburger-icon-left: false !default;
-$tabbar-hamburger-icon-top: false !default;
-$tabbar-hamburger-icon-thickness: 1px !default;
-$tabbar-hamburger-icon-gap: 6px !default;
-
-// Off Canvas Back-Link Overlay
-$off-canvas-overlay-transition: background 300ms ease !default;
-$off-canvas-overlay-cursor: pointer !default;
-$off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5) !default;
-$off-canvas-overlay-background: rgba($white, 0.2) !default;
-$off-canvas-overlay-background-hover: rgba($white, 0.05) !default;
-
-// Transition Variables
-$menu-slide: "transform 500ms ease" !default;
-```
-{{/markdown}}
diff --git a/doc/includes/offcanvas-nav.html b/doc/includes/offcanvas-nav.html
deleted file mode 100644
index 7ecd239c6d7c6bdbe6bf3ca06189282ed807e9bc..0000000000000000000000000000000000000000
--- a/doc/includes/offcanvas-nav.html
+++ /dev/null
@@ -1,150 +0,0 @@
-
-
-
-
-
-
-
diff --git a/doc/includes/orbit/examples_orbit_basic.html b/doc/includes/orbit/examples_orbit_basic.html
deleted file mode 100644
index 3f0076e3eced20295257ba491c4f50fc30d93316..0000000000000000000000000000000000000000
--- a/doc/includes/orbit/examples_orbit_basic.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
- Caption One.
-
-
-
-
-
- Caption Two.
-
-
-
-
-
- Caption Three.
-
-
-
diff --git a/doc/includes/orbit/examples_orbit_basic_rendered.html b/doc/includes/orbit/examples_orbit_basic_rendered.html
deleted file mode 100644
index bbf55e8299792068c33a213079adf2b03e1d85dc..0000000000000000000000000000000000000000
--- a/doc/includes/orbit/examples_orbit_basic_rendered.html
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
-
-
-
- Caption One.
-
-
-
-
-
- Caption Two.
-
-
-
-
-
- Caption Three.
-
-
-
-
-
-
Prev
-
Next
-
-
-
- 1 of 3
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/orbit/examples_orbit_content.html b/doc/includes/orbit/examples_orbit_content.html
deleted file mode 100644
index 868c7e872a9ccb48c317b0fb31f4e17c0b40a8b2..0000000000000000000000000000000000000000
--- a/doc/includes/orbit/examples_orbit_content.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
Headline 1
- Subheadline
-
-
-
-
-
Headline 2
- Subheadline
-
-
-
-
-
Headline 3
- Subheadline
-
-
-
\ No newline at end of file
diff --git a/doc/includes/orbit/examples_orbit_deep_linking.html b/doc/includes/orbit/examples_orbit_deep_linking.html
deleted file mode 100644
index 16fd5c66d6b6d40281d7d9ae93a70bb225262b09..0000000000000000000000000000000000000000
--- a/doc/includes/orbit/examples_orbit_deep_linking.html
+++ /dev/null
@@ -1 +0,0 @@
-examples_orbit_deep_linking.html
\ No newline at end of file
diff --git a/doc/includes/pagination/examples_pagination_accessible.html b/doc/includes/pagination/examples_pagination_accessible.html
deleted file mode 100644
index 5db72367b5d8981fd1c8d9c9b1f19ddf9cd5553c..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_accessible.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/pagination/examples_pagination_accessible_rendered.html b/doc/includes/pagination/examples_pagination_accessible_rendered.html
deleted file mode 100644
index 5db72367b5d8981fd1c8d9c9b1f19ddf9cd5553c..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_accessible_rendered.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/pagination/examples_pagination_basic.html b/doc/includes/pagination/examples_pagination_basic.html
deleted file mode 100644
index 204e94a3a0622ea962e5ee64b6c4e52432a95705..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_basic.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/doc/includes/pagination/examples_pagination_centered.html b/doc/includes/pagination/examples_pagination_centered.html
deleted file mode 100644
index b7a39b75274007cfd55e41c1c1f8b415b18b42d6..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_centered.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/pagination/examples_pagination_centered_mixin.html b/doc/includes/pagination/examples_pagination_centered_mixin.html
deleted file mode 100644
index 78f7c7e488abbae6465344fac2fe94c27010cfef..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_centered_mixin.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/pagination/examples_pagination_mixin.html b/doc/includes/pagination/examples_pagination_mixin.html
deleted file mode 100644
index 8774d824e2280482078d90ded008f393794733fe..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_mixin.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/pagination/examples_pagination_variables.html b/doc/includes/pagination/examples_pagination_variables.html
deleted file mode 100644
index 340ae788633373a89d1c58e92f9a8c81815b64b1..0000000000000000000000000000000000000000
--- a/doc/includes/pagination/examples_pagination_variables.html
+++ /dev/null
@@ -1,33 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-nav-classes: $include-html-classes;
-
-// We use these to control the pagination container
-$pagination-height: rem-calc(24);
-$pagination-margin: rem-calc(-5);
-
-// We use these to set the list-item properties
-$pagination-li-float: $default-float;
-$pagination-li-height: rem-calc(24);
-$pagination-li-font-color: #222;
-$pagination-li-font-size: rem-calc(14);
-$pagination-li-margin: rem-calc(5);
-
-// We use these for the pagination anchor links
-$pagination-link-pad: rem-calc(1 7 1);
-$pagination-link-font-color: #999;
-$pagination-link-active-bg: scale-color(#fff, $lightness: -10%);
-
-// We use these for disabled anchor links
-$pagination-link-unavailable-cursor: default;
-$pagination-link-unavailable-font-color: #999;
-$pagination-link-unavailable-bg-active: transparent;
-
-// We use these for currently selected anchor links
-$pagination-link-current-background: $primary-color;
-$pagination-link-current-font-color: #fff;
-$pagination-link-current-font-weight: bold;
-$pagination-link-current-cursor: default;
-$pagination-link-current-active-bg: $primary-color;
-```
-{{/markdown}}
diff --git a/doc/includes/panels/examples_panels_advanced.html b/doc/includes/panels/examples_panels_advanced.html
deleted file mode 100644
index f622d4083c5f419013a0e5cb8155298ceb4dc802..0000000000000000000000000000000000000000
--- a/doc/includes/panels/examples_panels_advanced.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
This is a callout panel.
-
It's a little ostentatious, but useful for important content.
-
\ No newline at end of file
diff --git a/doc/includes/panels/examples_panels_basic.html b/doc/includes/panels/examples_panels_basic.html
deleted file mode 100644
index bf77dc9697648a7bb624c24b925564ccf17a762d..0000000000000000000000000000000000000000
--- a/doc/includes/panels/examples_panels_basic.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
This is a regular panel.
-
It has an easy to override visual style, and is appropriately subdued.
-
-
-
-
-
This is a callout panel.
-
It's a little ostentatious, but useful for important content.
-
-
-
diff --git a/doc/includes/panels/examples_panels_basic_rendered.html b/doc/includes/panels/examples_panels_basic_rendered.html
deleted file mode 100644
index a504b05054c28693beb26aa4ae8bf47aa6f85afa..0000000000000000000000000000000000000000
--- a/doc/includes/panels/examples_panels_basic_rendered.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
This is a regular panel.
-
It has an easy to override visual style, and is appropriately subdued.
-
diff --git a/doc/includes/panels/examples_panels_variables.html b/doc/includes/panels/examples_panels_variables.html
deleted file mode 100644
index 3ac5f66a63544ea11fd4f932590238271d2ea9f9..0000000000000000000000000000000000000000
--- a/doc/includes/panels/examples_panels_variables.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-panel-classes: $include-html-classes !default;
-
-// We use these to control the background and border styles
-$panel-bg: scale-color($white, $lightness: -5%) !default;
-$panel-border-style: solid !default;
-$panel-border-size: 1px !default;
-
-// We use this % to control how much we darken things on hover
-$panel-border-color: scale-color($panel-bg, $lightness: -11%) !default;
-
-// We use these to set default inner padding and bottom margin
-$panel-margin-bottom: rem-calc(20) !default;
-$panel-padding: rem-calc(20) !default;
-
-// We use these to set default font colors
-$panel-font-color: $oil !default;
-$panel-font-color-alt: $white !default;
-
-$panel-header-adjust: true !default;
-$callout-panel-link-color: $primary-color !default;
-$callout-panel-bg: scale-color($primary-color, $lightness: 94%) !default;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/pricing/examples_pricing_basic.html b/doc/includes/pricing/examples_pricing_basic.html
deleted file mode 100644
index 68286fd937090846fb83802edf612396c9479feb..0000000000000000000000000000000000000000
--- a/doc/includes/pricing/examples_pricing_basic.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
- Standard
- $99.99
- An awesome description
- 1 Database
- 5GB Storage
- 20 Users
- Buy Now
-
-
diff --git a/doc/includes/pricing/examples_pricing_basic_rendered.html b/doc/includes/pricing/examples_pricing_basic_rendered.html
deleted file mode 100644
index 4c7153899c1231f87d8c98cc0e51563e6a116eb0..0000000000000000000000000000000000000000
--- a/doc/includes/pricing/examples_pricing_basic_rendered.html
+++ /dev/null
@@ -1,13 +0,0 @@
-{{#markdown}}
-```html
-
- Standard
- $99.99
- An awesome description
- 1 Database
- 5GB Storage
- 20 Users
- Buy Now
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/pricing/examples_pricing_variables.html b/doc/includes/pricing/examples_pricing_variables.html
deleted file mode 100644
index 001d9038aeffc236ec7aedc172eaab8d51898180..0000000000000000000000000000000000000000
--- a/doc/includes/pricing/examples_pricing_variables.html
+++ /dev/null
@@ -1,53 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-pricing-classes: $include-html-classes;
-
-// We use this to control the border color
-$price-table-border: solid 1px $gainsboro;
-
-// We use this to control the bottom margin of the pricing table
-$price-table-margin-bottom: rem-calc(20);
-
-// We use these to control the title styles
-$price-title-bg: $oil;
-$price-title-padding: rem-calc(15 20);
-$price-title-align: center;
-$price-title-color: $smoke;
-$price-title-weight: $font-weight-normal;
-$price-title-size: rem-calc(16);
-$price-title-font-family: $body-font-family;
-
-// We use these to control the price styles
-$price-money-bg: $vapor;
-$price-money-padding: rem-calc(15 20);
-$price-money-align: center;
-$price-money-color: $oil;
-$price-money-weight: $font-weight-normal;
-$price-money-size: rem-calc(32);
-$price-money-font-family: $body-font-family;
-
-
-// We use these to control the description styles
-$price-bg: $white;
-$price-desc-color: $monsoon;
-$price-desc-padding: rem-calc(15);
-$price-desc-align: center;
-$price-desc-font-size: rem-calc(12);
-$price-desc-weight: $font-weight-normal;
-$price-desc-line-height: 1.4;
-$price-desc-bottom-border: dotted 1px $gainsboro;
-
-// We use these to control the list item styles
-$price-item-color: $oil;
-$price-item-padding: rem-calc(15);
-$price-item-align: center;
-$price-item-font-size: rem-calc(14);
-$price-item-weight: $font-weight-normal;
-$price-item-bottom-border: dotted 1px $gainsboro;
-
-// We use these to control the CTA area styles
-$price-cta-bg: $white;
-$price-cta-align: center;
-$price-cta-padding: rem-calc(20 20 0);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/progress_bars/examples_progress_bars.html b/doc/includes/progress_bars/examples_progress_bars.html
deleted file mode 100644
index e3cdb8d4a73d35b1378d082a8850f15ea5b2fe67..0000000000000000000000000000000000000000
--- a/doc/includes/progress_bars/examples_progress_bars.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/progress_bars/examples_progress_bars_advanced.html b/doc/includes/progress_bars/examples_progress_bars_advanced.html
deleted file mode 100644
index 77be80af2bd92b7e85f198735d30c88079742ce3..0000000000000000000000000000000000000000
--- a/doc/includes/progress_bars/examples_progress_bars_advanced.html
+++ /dev/null
@@ -1,7 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/progress_bars/examples_progress_bars_basic.html b/doc/includes/progress_bars/examples_progress_bars_basic.html
deleted file mode 100644
index ec952149d82ce62d7e89f2c90267ae29b3c80fae..0000000000000000000000000000000000000000
--- a/doc/includes/progress_bars/examples_progress_bars_basic.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/doc/includes/progress_bars/examples_progress_bars_stacked.html b/doc/includes/progress_bars/examples_progress_bars_stacked.html
deleted file mode 100644
index 81c6958e16670b97a1a90795de3d95880841ddb6..0000000000000000000000000000000000000000
--- a/doc/includes/progress_bars/examples_progress_bars_stacked.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/range_sliders/examples_slider_variables.html b/doc/includes/range_sliders/examples_slider_variables.html
deleted file mode 100644
index e952447241b70994563632b09a85cb176e9adcec..0000000000000000000000000000000000000000
--- a/doc/includes/range_sliders/examples_slider_variables.html
+++ /dev/null
@@ -1,36 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-range-slider-classes: $include-html-classes;
-
-// These variables define the slider bar styles
-$range-slider-bar-width: 100%;
-$range-slider-bar-height: rem-calc(16);
-
-$range-slider-bar-border-width: 1px;
-$range-slider-bar-border-style: solid;
-$range-slider-bar-border-color: $gainsboro;
-$range-slider-radius: $global-radius;
-$range-slider-round: $global-rounded;
-$range-slider-bar-bg-color: $ghost;
-$range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%);
-
-// Vertical bar styles
-$range-slider-vertical-bar-width: rem-calc(16);
-$range-slider-vertical-bar-height: rem-calc(200);
-
-// These variables define the slider handle styles
-$range-slider-handle-width: rem-calc(32);
-$range-slider-handle-height: rem-calc(22);
-$range-slider-handle-position-top: rem-calc(-5);
-$range-slider-handle-bg-color: $primary-color;
-$range-slider-handle-border-width: 1px;
-$range-slider-handle-border-style: solid;
-$range-slider-handle-border-color: none;
-$range-slider-handle-radius: $global-radius;
-$range-slider-handle-round: $global-rounded;
-$range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
-$range-slider-handle-cursor: pointer;
-
-$range-slider-disabled-opacity: 0.7;
-```
-{{/markdown}}
diff --git a/doc/includes/reveal/examples_reveal_ajax.html b/doc/includes/reveal/examples_reveal_ajax.html
deleted file mode 100644
index 788ebc5b0ce472703994b5f7919ed046f248f450..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_ajax.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```html
-
- Click Me For A Modal
-
-
-
- Click Me For A Modal
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_ajax_javascript.html b/doc/includes/reveal/examples_reveal_ajax_javascript.html
deleted file mode 100644
index 6fab3bf312cd0312c82e5eddc704cb7c81d92171..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_ajax_javascript.html
+++ /dev/null
@@ -1,23 +0,0 @@
-{{#markdown}}
-```javascript
-// just an url
-$('#myModal').foundation('reveal', 'open', 'http://some-url');
-
-// url with extra parameters
-$('#myModal').foundation('reveal', 'open', {
- url: 'http://some-url',
- data: {param1: 'value1', param2: 'value2'}
-});
-
-// url with custom callbacks
-$('#myModal').foundation('reveal', 'open', {
- url: 'http://some-url',
- success: function(data) {
- alert('modal data loaded');
- },
- error: function() {
- alert('failed loading modal');
- }
-});
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_background.html b/doc/includes/reveal/examples_reveal_background.html
deleted file mode 100644
index 921f6c9699ebff904426f76c77702d4b5c9fd568..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_background.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_base_mixin.html b/doc/includes/reveal/examples_reveal_base_mixin.html
deleted file mode 100644
index 88e815e621d2f36a665a24077a41fc380fd7394a..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_base_mixin.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```scss
-.your-modal-class { @include reveal-modal-base($base-style, $width); }
-
-/* Control whether or not base styles are included, defaults to "true" */
-$base-style: true;
-
-/* Control the width of each modal, defaults to 80% */
-$width: $reveal-default-width;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_basic.html b/doc/includes/reveal/examples_reveal_basic.html
deleted file mode 100644
index 111762454960633c6638a5d65523a8b7afb42763..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_basic.html
+++ /dev/null
@@ -1,15 +0,0 @@
-{{#markdown}}
-```html
-Click Me For A Modal
-
-
-
Awesome. I have it.
-
Your couch. It is mine.
-
I'm a cool paragraph that lives inside of an even cooler modal. Wins!
-
×
-
-```
-{{/markdown}}
-
-
-
diff --git a/doc/includes/reveal/examples_reveal_basic_rendered.html b/doc/includes/reveal/examples_reveal_basic_rendered.html
deleted file mode 100644
index f309ad2927089dbc43492b241bd8fe16ff67697b..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_basic_rendered.html
+++ /dev/null
@@ -1,8 +0,0 @@
-Click Me For A Modal
-
-
-
Awesome. I have it.
-
Your couch. It is mine.
-
I'm a cool paragraph that lives inside of an even cooler modal. Wins!
-
×
-
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_close_mixin.html b/doc/includes/reveal/examples_reveal_close_mixin.html
deleted file mode 100644
index 0c40488cc630bc048b96313b6c54cb03ea40965a..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_close_mixin.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```scss
-.your-modal-close-class { @include reveal-close($color); }
-
-/* Change the color of the close button */
-$color: $reveal-close-color;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_data.html b/doc/includes/reveal/examples_reveal_data.html
deleted file mode 100644
index b24fe16d79a5e11ea86ea73c55446693768c5e3c..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_data.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-Click Me For A Modal
-```
-{{/markdown}}
diff --git a/doc/includes/reveal/examples_reveal_javascript.html b/doc/includes/reveal/examples_reveal_javascript.html
deleted file mode 100644
index b75e942eaec3e44eaf3362ef80fa634ff2e47bc4..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_javascript_options.html b/doc/includes/reveal/examples_reveal_javascript_options.html
deleted file mode 100644
index 18d2e9265e25a487ad2e4bf28ce8103767d1d8e0..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_javascript_options.html
+++ /dev/null
@@ -1,27 +0,0 @@
-{{#markdown}}
-```javascript
-{
- animation: 'fadeAndPop',
- animation_speed: 250,
- close_on_background_click: true,
- dismiss_modal_class: 'close-reveal-modal',
- multiple_opened: false,
- bg_class: 'reveal-modal-bg',
- root_element: 'body',
- on_ajax_error: $.noop,
- bg : $('.reveal-modal-bg'),
- css : {
- open : {
- 'opacity': 0,
- 'visibility': 'visible',
- 'display' : 'block'
- },
- close : {
- 'opacity': 1,
- 'visibility': 'hidden',
- 'display': 'none'
- }
- }
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_mixin.html b/doc/includes/reveal/examples_reveal_mixin.html
deleted file mode 100644
index 3e16fcf59cd2814c1acaa09cff4bf2a9ba44ebf1..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_mixin.html
+++ /dev/null
@@ -1,9 +0,0 @@
-{{#markdown}}
-```html
-
-
This is a modal.
-
Some text...
-
×
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_modal_examples.html b/doc/includes/reveal/examples_reveal_modal_examples.html
deleted file mode 100644
index 47e6a7b8266592d9aa338910ad85d9113158e5e5..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_modal_examples.html
+++ /dev/null
@@ -1,32 +0,0 @@
-{{#markdown}}
-```html
-
-Modal in a modal…
-Example Modal with Video…
-
-
-
-
This is a modal.
-
Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.
-
Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.
-
Second Modal...
-
×
-
-
-
-
This is a second modal.
-
See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.
-
×
-
-
-
-
This modal has video
-
-
-
-
-
×
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/reveal/examples_reveal_modal_examples_rendered.html b/doc/includes/reveal/examples_reveal_modal_examples_rendered.html
deleted file mode 100644
index 9a23827ebc99193ce6ba5a3218b6a33222359033..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_modal_examples_rendered.html
+++ /dev/null
@@ -1,27 +0,0 @@
-Modal in a modal…
-Example Modal with Video…
-
-
-
-
This is a modal.
-
Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.
-
Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.
-
Second Modal...
-
×
-
-
-
-
This is a second modal.
-
See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.
-
×
-
-
-
-
This modal has video
-
-
-
-
-
×
-
-
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_open_close.html b/doc/includes/reveal/examples_reveal_open_close.html
deleted file mode 100644
index 1de47508a69f4ac8a5d1c875db0f1b4cdb40a949..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_open_close.html
+++ /dev/null
@@ -1,46 +0,0 @@
-{{#markdown}}
-```javascript
-// trigger by event
-$('a.reveal-link').trigger('click');
-$('a.close-reveal-modal').trigger('click');
-
-// or directly on the modal
-$('#myModal').foundation('reveal', 'open');
-$('#myModal').foundation('reveal', 'close');
-
-```
-{{/markdown}}
-
-Or you can call one right after the other:
-{{#markdown}}
-```html
-
-
- Click me!
-```
-{{/markdown}}
-
-
-{{#markdown}}
-```javascript
-
-// There's no need to close a previous modal before you
-// open another one.
-$('a.open-first').on('click', function() {
- $('#first-modal').foundation('reveal','open');
-});
-$('a.open-second').on('click', function() {
- $('#second-modal').foundation('reveal', 'open');
-});
-$('a.close').on('click', function() {
- $('#second-modal').foundation('reveal', 'close');
-});
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_style_mixin.html b/doc/includes/reveal/examples_reveal_style_mixin.html
deleted file mode 100644
index aa772f5b9d9aedb336c94f397f8763585b493a98..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_style_mixin.html
+++ /dev/null
@@ -1,29 +0,0 @@
-{{#markdown}}
-```scss
-.your-modal-class { @include reveal-modal-style($bg, $padding, $border, $border-style, $border-width, $border-color, $box-shadow, $top-offset); }
-
-/* Set this to a color to change the background of the modal */
-$bg: $reveal-modal-bg;
-
-/* Padding around content inside the modals */
-$padding: $reveal-modal-padding;
-
-/* Control whether or not you want a border */
-$border: true;
-
-/* If you set border to "true", this controls border style */
-$border-style: $reveal-border-style;
-
-/* If you set border to "true", this controls border width */
-$border-width: $reveal-border-width;
-
-/* If you set border to "true", this controls border color */
-$border-color: $reveal-border-color;
-
-/* Control whether or not you want box-shadows */
-$box-shadow: true;
-
-/* Set how far from the top you want your modal to sit */
-$top-offset: $reveal-position-top;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/reveal/examples_reveal_variables.html b/doc/includes/reveal/examples_reveal_variables.html
deleted file mode 100644
index c7408f63fb8d7bb675c2829e1de5a052f13534b5..0000000000000000000000000000000000000000
--- a/doc/includes/reveal/examples_reveal_variables.html
+++ /dev/null
@@ -1,36 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-reveal-classes: $include-html-classes;
-
-// We use these to control the style of the reveal overlay.
-$reveal-overlay-bg: rgba($black, .45);
-$reveal-overlay-bg-old: $black;
-
-// We use these to control the style of the modal itself.
-$reveal-modal-bg: $white;
-$reveal-position-top: rem-calc(100);
-$reveal-default-width: 80%;
-$reveal-max-width: $row-width;
-$reveal-modal-padding: rem-calc(20);
-$reveal-box-shadow: 0 0 10px rgba($black,.4);
-
-// We use these to style the reveal close button
-$reveal-close-font-size: rem-calc(40);
-$reveal-close-top: rem-calc(8);
-$reveal-close-side: rem-calc(11);
-$reveal-close-color: $base;
-$reveal-close-weight: $font-weight-bold;
-
-// We use this to set the default radius used throughout the core.
-$reveal-radius: $global-radius;
-$reveal-round: $global-rounded;
-
-// We use these to control the modal border
-$reveal-border-style: solid;
-$reveal-border-width: 1px;
-$reveal-border-color: $steel;
-
-$reveal-modal-class: "reveal-modal";
-$close-reveal-modal-class: "close-reveal-modal";
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/rtl/examples_rtl_markup.html b/doc/includes/rtl/examples_rtl_markup.html
deleted file mode 100644
index 88371fc2380bc973c109ed6c2eb6bc35d1dbaa24..0000000000000000000000000000000000000000
--- a/doc/includes/rtl/examples_rtl_markup.html
+++ /dev/null
@@ -1,6 +0,0 @@
-{{#markdown}}
-```html
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/rtl/examples_rtl_sass.html b/doc/includes/rtl/examples_rtl_sass.html
deleted file mode 100644
index 7043d7e5f50b799dee880e4e63fcd87bc6df7b31..0000000000000000000000000000000000000000
--- a/doc/includes/rtl/examples_rtl_sass.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```scss
-$text-direction: rtl;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/sidebar.html b/doc/includes/sidebar.html
deleted file mode 100644
index b3bae610ad8e142fadc83e20458b8d23ca6b6faa..0000000000000000000000000000000000000000
--- a/doc/includes/sidebar.html
+++ /dev/null
@@ -1,116 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/sidenav/examples_sidenav_accessible.html b/doc/includes/sidenav/examples_sidenav_accessible.html
deleted file mode 100644
index c957d6b9516672cd533a04a1b2e924a7126c1ecf..0000000000000000000000000000000000000000
--- a/doc/includes/sidenav/examples_sidenav_accessible.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/sidenav/examples_sidenav_accessible_rendered.html b/doc/includes/sidenav/examples_sidenav_accessible_rendered.html
deleted file mode 100644
index ad7d7fb2297e5041f4d4ea0de55025f890b0994b..0000000000000000000000000000000000000000
--- a/doc/includes/sidenav/examples_sidenav_accessible_rendered.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/sidenav/examples_sidenav_advanced.html b/doc/includes/sidenav/examples_sidenav_advanced.html
deleted file mode 100644
index ff38e019817f4ddc06781dc80f2981c6450eda57..0000000000000000000000000000000000000000
--- a/doc/includes/sidenav/examples_sidenav_advanced.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/sidenav/examples_sidenav_basic.html b/doc/includes/sidenav/examples_sidenav_basic.html
deleted file mode 100644
index c81b159f153da8b1f6f37b59850da84ff8effaec..0000000000000000000000000000000000000000
--- a/doc/includes/sidenav/examples_sidenav_basic.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/sidenav/examples_sidenav_mixin.html b/doc/includes/sidenav/examples_sidenav_mixin.html
deleted file mode 100644
index e5a7adbade4a197a9ef07fe71fda7d8b078cd6b6..0000000000000000000000000000000000000000
--- a/doc/includes/sidenav/examples_sidenav_mixin.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/sidenav/examples_sidenav_variables.html b/doc/includes/sidenav/examples_sidenav_variables.html
deleted file mode 100644
index 4151af4a7a070d6f4859d5464d6c940ad4069800..0000000000000000000000000000000000000000
--- a/doc/includes/sidenav/examples_sidenav_variables.html
+++ /dev/null
@@ -1,29 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-nav-classes: $include-html-classes;
-
-// We use this to control padding.
-$side-nav-padding: rem-calc(14 0);
-
-// We use these to control list styles.
-$side-nav-list-type: none;
-$side-nav-list-position: inside;
-$side-nav-list-margin: rem-calc(0 0 7 0);
-
-// We use these to control link styles.
-$side-nav-link-color: $primary-color;
-$side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%);
-$side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%);
-$side-nav-font-size: rem-calc(14);
-$side-nav-font-weight: normal;
-$side-nav-font-weight-active: $side-nav-font-weight;
-$side-nav-font-family: $body-font-family;
-$side-nav-font-family-active: $side-nav-font-family;
-
-// We use these to control border styles
-$side-nav-divider-size: 1px;
-$side-nav-divider-style: solid;
-$side-nav-divider-color: scale-color(#fff, $lightness: 10%);
-
-```
-{{/markdown}}
diff --git a/doc/includes/split_button/examples_split_button_advanced.html b/doc/includes/split_button/examples_split_button_advanced.html
deleted file mode 100644
index a79daf7838613ede48a7d0d7cec1e29f921de8f4..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_advanced.html
+++ /dev/null
@@ -1,6 +0,0 @@
-Split Button
-
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_advanced_rendered.html b/doc/includes/split_button/examples_split_button_advanced_rendered.html
deleted file mode 100644
index c674b7783622ffd9bac8316b0e6eb790b5bf460d..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_advanced_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-Split Button
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_basic.html b/doc/includes/split_button/examples_split_button_basic.html
deleted file mode 100644
index 8b7e6fe464eb9132166ee8caf88bdfeb95336584..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_basic.html
+++ /dev/null
@@ -1,27 +0,0 @@
-Split Button
-
-
-Split Button
-
-
-Split Button
-
-
-Split Button
-
diff --git a/doc/includes/split_button/examples_split_button_basic_rendered.html b/doc/includes/split_button/examples_split_button_basic_rendered.html
deleted file mode 100644
index 436adcf3e0182afa5a882c7fe17ec5acde9a995d..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_basic_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-Split Button
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_custom_pip.html b/doc/includes/split_button/examples_split_button_custom_pip.html
deleted file mode 100644
index 5eb5bff735d0c99598864742f4d60be110341bab..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_custom_pip.html
+++ /dev/null
@@ -1 +0,0 @@
-Custom Pip
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_custom_pip_rendered.html b/doc/includes/split_button/examples_split_button_custom_pip_rendered.html
deleted file mode 100644
index 3cb8874eb20189d8a1c47d318addca824cb2f3a3..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_custom_pip_rendered.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-Custom Pip
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_mixin.html b/doc/includes/split_button/examples_split_button_mixin.html
deleted file mode 100644
index 0e9058c33429a26059816224caad7105798498d1..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_mixin.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{{#markdown}}
-```scss
-/* Using the available options */
-.your-class-name {
- @include button;
- @include split-button($padding, $pip-color, $span-border, $base-style);
-}
-
-/* This controls padding around the dropdown buttons. Use tiny, small, medium, or large */
-$padding: $button-med;
-
-/* This controls the dropdown pip color. Set to one of our variables or a custom hex value */
-$pip-color: $split-button-pip-color;
-
-/* This controls the border color of the triangle span area. This can be a variable or color value. */
-$span-border: $primary-color;
-
-/* This controls whether or not base styles come through. Set to false to negate */
-/* Handy when you want to have many different styles */
-$base-style: true;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_presentation.html b/doc/includes/split_button/examples_split_button_presentation.html
deleted file mode 100644
index 59aa603cdba29353714a82389ebeb8511fe4c026..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_presentation.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-Default Button
-Tiny Button
-Small Button
-Large Button
-
-
-Secondary Button
-Success Button
-Alert Button
-
-
-Radius Button
-Round Button
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/split_button/examples_split_button_variables.html b/doc/includes/split_button/examples_split_button_variables.html
deleted file mode 100644
index e4a52105c01c10ce960ec42cbe4c73b81c07e374..0000000000000000000000000000000000000000
--- a/doc/includes/split_button/examples_split_button_variables.html
+++ /dev/null
@@ -1,40 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-button-classes: $include-html-classes;
-
-/* We use these to control different shared styles for Split Buttons */
-$split-button-function-factor: 15%;
-$split-button-pip-color: #fff;
-$split-button-pip-color-alt: #333;
-$split-button-active-bg-tint: rgba(0,0,0,0.1);
-$split-button-span-border-color: rgba(255,255,255,0.5);
-
-/* We use these to control tiny split buttons */
-$split-button-padding-tny: $button-tny * 9;
-$split-button-span-width-tny: $button-tny * 6.5;
-$split-button-pip-size-tny: $button-tny;
-$split-button-pip-top-tny: $button-tny * 2;
-$split-button-pip-default-float-tny: rem-calc(-5);
-
-/* We use these to control small split buttons */
-$split-button-padding-sml: $button-sml * 7;
-$split-button-span-width-sml: $button-sml * 5;
-$split-button-pip-size-sml: $button-sml;
-$split-button-pip-top-sml: $button-sml * 1.5;
-$split-button-pip-default-float-sml: rem-calc(-9);
-
-/* We use these to control medium split buttons */
-$split-button-padding-med: $button-med * 6.4;
-$split-button-span-width-med: $button-med * 4;
-$split-button-pip-size-med: $button-med - rem-calc(3);
-$split-button-pip-top-med: $button-med * 1.5;
-$split-button-pip-default-float-med: rem-calc(-9);
-
-/* We use these to control large split buttons */
-$split-button-padding-lrg: $button-lrg * 6;
-$split-button-span-width-lrg: $button-lrg * 3.75;
-$split-button-pip-size-lrg: $button-lrg - rem-calc(6);
-$split-button-pip-top-lrg: $button-lrg + rem-calc(5);
-$split-button-pip-default-float-lrg: rem-calc(-9);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/subnav/examples_subnav_accessible.html b/doc/includes/subnav/examples_subnav_accessible.html
deleted file mode 100644
index c48181e9835c5649cfb91f8bf1eee7a35665a94b..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_accessible.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Filter:
- All
- Active
- Pending
- Suspended
-
\ No newline at end of file
diff --git a/doc/includes/subnav/examples_subnav_accessible_rendered.html b/doc/includes/subnav/examples_subnav_accessible_rendered.html
deleted file mode 100644
index 5672a6d5bd1f87a9e96b723183b4788e13c9e75e..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_accessible_rendered.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Filter:
- All
- Active
- Pending
- Suspended
-
diff --git a/doc/includes/subnav/examples_subnav_available_options.html b/doc/includes/subnav/examples_subnav_available_options.html
deleted file mode 100644
index 40266ab862aee2d34ac8ab6d7dd689d36fab597e..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_available_options.html
+++ /dev/null
@@ -1,15 +0,0 @@
-{{#markdown}}
-```scss
-/* Using the available options */
-.your-class-name { @include sub-nav($font-color, $font-size, $active-bg); }
-
-/* Control the color of the divider between links */
-$font-color: $sub-nav-font-color;
-
-/* Control your font-size per label */
-$font-size: $sub-nav-font-size;
-
-/* Change the background color for your labels */
-$active-bg: $sub-nav-active-bg;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/subnav/examples_subnav_basic.html b/doc/includes/subnav/examples_subnav_basic.html
deleted file mode 100644
index 22c77e95453890b3326bea17a7d6de35abfb6e89..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_basic.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Filter:
- All
- Active
- Pending
- Suspended
-
diff --git a/doc/includes/subnav/examples_subnav_basic_mixin.html b/doc/includes/subnav/examples_subnav_basic_mixin.html
deleted file mode 100644
index d8aa5a6799bfd0851d1230635ca339b06f0f8007..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_basic_mixin.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Filter:
- All
- Active
- Pending
- Suspended
-
\ No newline at end of file
diff --git a/doc/includes/subnav/examples_subnav_mixin.html b/doc/includes/subnav/examples_subnav_mixin.html
deleted file mode 100644
index d8aa5a6799bfd0851d1230635ca339b06f0f8007..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_mixin.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Filter:
- All
- Active
- Pending
- Suspended
-
\ No newline at end of file
diff --git a/doc/includes/subnav/examples_subnav_variables.html b/doc/includes/subnav/examples_subnav_variables.html
deleted file mode 100644
index 09e80458426cccb0f6907e25a711404f8f7dc464..0000000000000000000000000000000000000000
--- a/doc/includes/subnav/examples_subnav_variables.html
+++ /dev/null
@@ -1,27 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-nav-classes: $include-html-classes;
-
-// We use these to control margin and padding
-$sub-nav-list-margin: rem-calc(-4 0 18);
-$sub-nav-list-padding-top: rem-calc(4);
-
-// We use this to control the definition
-$sub-nav-font-size: rem-calc(14);
-$sub-nav-font-color: #999;
-$sub-nav-font-weight: normal;
-$sub-nav-text-decoration: none;
-$sub-nav-border-radius: 1000px;
-
-// We use these to control the active item styles
-$sub-nav-active-font-weight: bold;
-$sub-nav-active-bg: $primary-color;
-$sub-nav-active-color: #fff;
-$sub-nav-active-padding: rem-calc(3 9);
-$sub-nav-active-cursor: default;
-
-// We use these to the item divider
-$sub-nav-item-divider: "";
-$sub-nav-item-divider-margin: rem-calc(12);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/switch/examples_switch_basic.html b/doc/includes/switch/examples_switch_basic.html
deleted file mode 100644
index 9e436a68dc40872ba03148e6a142867f5a625b8f..0000000000000000000000000000000000000000
--- a/doc/includes/switch/examples_switch_basic.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
-Rendered Radio HTML
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/switch/examples_switch_basic_aria.html b/doc/includes/switch/examples_switch_basic_aria.html
deleted file mode 100644
index cb867de51db8bde68b6fdeda19a329c83b507536..0000000000000000000000000000000000000000
--- a/doc/includes/switch/examples_switch_basic_aria.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
diff --git a/doc/includes/switch/examples_switch_basic_aria_rendered.html b/doc/includes/switch/examples_switch_basic_aria_rendered.html
deleted file mode 100644
index 6027584ae32172ed00124627852cba524ac524b9..0000000000000000000000000000000000000000
--- a/doc/includes/switch/examples_switch_basic_aria_rendered.html
+++ /dev/null
@@ -1,8 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-```
-{{/markdown}}
diff --git a/doc/includes/switch/examples_switch_basic_rendered.html b/doc/includes/switch/examples_switch_basic_rendered.html
deleted file mode 100644
index f05eb5421a19354727e262cceb8d40f0d948fd54..0000000000000000000000000000000000000000
--- a/doc/includes/switch/examples_switch_basic_rendered.html
+++ /dev/null
@@ -1,24 +0,0 @@
-{{#markdown}}
-```html
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/switch/examples_switch_mixin_options.html b/doc/includes/switch/examples_switch_mixin_options.html
deleted file mode 100644
index db0f2c74212cb3a4c9b6a85bb5ec8d8085fc504a..0000000000000000000000000000000000000000
--- a/doc/includes/switch/examples_switch_mixin_options.html
+++ /dev/null
@@ -1,29 +0,0 @@
-{{#markdown}}
-```scss
-/* Using the available options */
-.your-class-name {
- @include switch($transition-speed, $transition-ease, $height, $paddle-bg, $active-color, $radius, $base-style);
-}
-
-/* This sets the speed at which the switch toggles */
-$transition-speed: $switch-paddle-transition-speed;
-
-/* This sets the ease of the switch transition */
-$transition-ease: $switch-paddle-transition-ease;
-
-/* This controls the overall height of the switch */
-$height: $switch-height-med;
-
-/* This controls the background of the paddle */
-$paddle-bg: $switch-paddle-bg;
-
-/* Set the background color for the switch when it's on */
-$active-color: $switch-active-color;
-
-/* Set this to true for default radius or any number for complete control */
-$radius: false;
-
-/* If you set this to false, base styles are left out */
-$base-style: true;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/switch/examples_switch_variables.html b/doc/includes/switch/examples_switch_variables.html
deleted file mode 100644
index b74d7eb01aa4f86db8f96598b49ba9b8e9766542..0000000000000000000000000000000000000000
--- a/doc/includes/switch/examples_switch_variables.html
+++ /dev/null
@@ -1,21 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-form-classes: $include-html-classes;
-
-// Controlling background color for the switch container
-$switch-bg: $gainsboro;
-
-// We use these to control the switch heights for our default classes
-$switch-height-tny: 1.5rem;
-$switch-height-sml: 1.75rem;
-$switch-height-med: 2rem;
-$switch-height-lrg: 2.5rem;
-$switch-bottom-margin: 1.5rem;
-
-// We use these to style the switch-paddle
-$switch-paddle-bg: $white;
-$switch-paddle-transition-speed: .15s;
-$switch-paddle-transition-ease: ease-out;
-$switch-active-color: $primary-color !default;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tables/examples_tables_basic.html b/doc/includes/tables/examples_tables_basic.html
deleted file mode 100644
index e10d045663f4e0ba9480f1a12a4196c833a6447c..0000000000000000000000000000000000000000
--- a/doc/includes/tables/examples_tables_basic.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
- Table Header
- Table Header
- Table Header
- Table Header
-
-
-
-
- Content Goes Here
- This is longer content Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
- Content Goes Here
- This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
- Content Goes Here
- This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
-
\ No newline at end of file
diff --git a/doc/includes/tables/examples_tables_basic_rendered.html b/doc/includes/tables/examples_tables_basic_rendered.html
deleted file mode 100644
index 320fa17b00d92c5a5236fbb5d8d3e07daf6b5088..0000000000000000000000000000000000000000
--- a/doc/includes/tables/examples_tables_basic_rendered.html
+++ /dev/null
@@ -1,34 +0,0 @@
-{{#markdown}}
-```html
-
-
-
- Table Header
- Table Header
- Table Header
- Table Header
-
-
-
-
- Content Goes Here
- This is longer content Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
- Content Goes Here
- This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
- Content Goes Here
- This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.
- Content Goes Here
- Content Goes Here
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tables/examples_tables_variables.html b/doc/includes/tables/examples_tables_variables.html
deleted file mode 100644
index 38ac54e61faf072be1e20b8d701fc33ea9734011..0000000000000000000000000000000000000000
--- a/doc/includes/tables/examples_tables_variables.html
+++ /dev/null
@@ -1,44 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-table-classes: $include-html-classes;
-
-// These control the background color for the table and even rows
-$table-bg: $white;
-$table-even-row-bg: $snow;
-
-// These control the table cell border style
-$table-border-style: solid;
-$table-border-size: 1px;
-$table-border-color: $gainsboro;
-
-// These control the table head styles
-$table-head-bg: $white-smoke;
-$table-head-font-size: rem-calc(14);
-$table-head-font-color: $jet;
-$table-head-font-weight: $font-weight-bold;
-$table-head-padding: rem-calc(8 10 10);
-
-// These control the table foot styles
-$table-foot-bg: $table-head-bg;
-$table-foot-font-size: $table-head-font-size;
-$table-foot-font-color: $table-head-font-color;
-$table-foot-font-weight: $table-head-font-weight;
-$table-foot-padding: $table-head-padding;
-
-// These control the caption
-$table-caption-bg: transparent;
-$table-caption-font-color: $table-head-font-color;
-$table-caption-font-size: rem-calc(16);
-$table-caption-font-weight: bold;
-
-// These control the row padding and font styles
-$table-row-padding: rem-calc(9 10);
-$table-row-font-size: rem-calc(14);
-$table-row-font-color: $jet;
-$table-line-height: rem-calc(18);
-
-// These are for controlling the display and margin of tables
-$table-display: table-cell;
-$table-margin-bottom: rem-calc(20);
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tabs/examples_tabs_accessibility.html b/doc/includes/tabs/examples_tabs_accessibility.html
deleted file mode 100644
index 4448416c6f82dae984b9389bb0285230cff55cea..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_accessibility.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- First panel content goes here...
-
-
- Second panel content goes here...
-
-
- Third panel content goes here...
-
-
- Fourth panel content goes here...
-
-
diff --git a/doc/includes/tabs/examples_tabs_basic.html b/doc/includes/tabs/examples_tabs_basic.html
deleted file mode 100644
index f5d1a95928aa4510dab860c8061a63bb205dc2c1..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_basic.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
This is the first panel of the basic tab example. You can place all sorts of content here including a grid.
-
-
-
This is the second panel of the basic tab example. This is the second panel of the basic tab example.
-
-
-
This is the third panel of the basic tab example. This is the third panel of the basic tab example.
-
-
-
This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.
-
-
-
diff --git a/doc/includes/tabs/examples_tabs_basic_rendered.html b/doc/includes/tabs/examples_tabs_basic_rendered.html
deleted file mode 100644
index 88f030ebe81e087fbf61ec5bc8397770a646f3d5..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_basic_rendered.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
This is the first panel of the basic tab example. This is the first panel of the basic tab example.
-
-
-
This is the second panel of the basic tab example. This is the second panel of the basic tab example.
-
-
-
This is the third panel of the basic tab example. This is the third panel of the basic tab example.
-
-
-
This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.
-
-
\ No newline at end of file
diff --git a/doc/includes/tabs/examples_tabs_deep_linking.html b/doc/includes/tabs/examples_tabs_deep_linking.html
deleted file mode 100644
index 67cd678ce84b3f562d4f11654293e1b2ca85376f..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_deep_linking.html
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
-
- First Panel Header
- First panel content goes here...
-
-
- Second Panel Header
- Second panel content goes here...
-
-
- Third Panel Header
- Third panel content goes here...
-
-
diff --git a/doc/includes/tabs/examples_tabs_intro.html b/doc/includes/tabs/examples_tabs_intro.html
deleted file mode 100644
index 5d1c37e23b6c23914faca1d9fda38feda54fbaf8..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_intro.html
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-
-
-
-
-
-
-
This is the first panel of the basic tab example. You can place all sorts of content here including a grid.
-
-
-
-
-
This is the second panel of the basic tab example. This is the second panel of the basic tab example.
-
-
-
This is the third panel of the basic tab example. This is the third panel of the basic tab example.
-
-
-
This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.
-
-
diff --git a/doc/includes/tabs/examples_tabs_variables.html b/doc/includes/tabs/examples_tabs_variables.html
deleted file mode 100644
index b76a353b0abe5aff0bde8bebcf7a20062d3ab230..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_variables.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-tabs-classes: $include-html-classes;
-
-$tabs-navigation-padding: rem-calc(16);
-$tabs-navigation-bg-color: $silver;
-$tabs-navigation-active-bg-color: $white;
-$tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%);
-$tabs-navigation-font-color: $jet;
-$tabs-navigation-active-font-color: $tabs-navigation-font-color;
-$tabs-navigation-font-size: rem-calc(16);
-$tabs-navigation-font-family: $body-font-family;
-
-$tabs-content-margin-bottom: rem-calc(24);
-$tabs-content-padding: $column-gutter/2;
-
-$tabs-vertical-navigation-margin-bottom: 1.25rem;
-```
-{{/markdown}}
diff --git a/doc/includes/tabs/examples_tabs_vertical_basic.html b/doc/includes/tabs/examples_tabs_vertical_basic.html
deleted file mode 100644
index 75917e4e94308df48392a18aedddc3c8b3a73d63..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_vertical_basic.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
This is the first panel of the basic tab example. You can place all sorts of content here including a grid.
-
-
-
This is the second panel of the basic tab example. This is the second panel of the basic tab example.
-
-
-
This is the third panel of the basic tab example. This is the third panel of the basic tab example.
-
-
-
This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.
-
-
-
diff --git a/doc/includes/tabs/examples_tabs_vertical_basic_rendered.html b/doc/includes/tabs/examples_tabs_vertical_basic_rendered.html
deleted file mode 100644
index 1b9624bf2ff8e067ab6a005417cc24b9888e1511..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_vertical_basic_rendered.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
- This is the first panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam, pariatur accusantium magni cumque vel voluptates illum repellendus sed dignissimos magnam! Deleniti, fugit tempore quibusdam molestias iusto asperiores incidunt sint nemo?
-
-
- This is the second panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, deleniti nam eaque sunt excepturi rerum hic labore tempora! Nihil, dolorem blanditiis ipsa veritatis minima dolores consequuntur deserunt sed culpa modi!
-
-
- This is the third panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, in, sunt, dolorem corrupti officia earum veritatis numquam provident exercitationem non impedit laborum dolor at repellat deleniti. Vero nobis quas tempore.
-
-
- This is the fourth panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, veritatis, a, nisi, repellat fugit animi consectetur voluptas eligendi et iure voluptatibus neque ullam asperiores quae laboriosam praesentium suscipit amet deserunt.
-
-
diff --git a/doc/includes/tabs/examples_tabs_vertical_intro.html b/doc/includes/tabs/examples_tabs_vertical_intro.html
deleted file mode 100644
index 408a0fbfed016fd62bc0050e5c2362d7650b0865..0000000000000000000000000000000000000000
--- a/doc/includes/tabs/examples_tabs_vertical_intro.html
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
-
-
This is the first panel of the basic tab example. This is the first panel of the basic tab example.
-
-
-
This is the second panel of the basic tab example. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, nesciunt. Aperiam sed expedita quo. Ipsam iusto sapiente animi? Voluptatem ut facilis maxime minima. Aperiam, at non sequi molestias tempora. Enim.
-
-
-
This is the third panel of the basic tab example. This is the third panel of the basic tab example.
-
-
-
This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.
-
-
diff --git a/doc/includes/tooltips/examples_tooltips_basic.html b/doc/includes/tooltips/examples_tooltips_basic.html
deleted file mode 100644
index de0445407c1fdb6e53d72520b54fe7c1566a0cc1..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_basic.html
+++ /dev/null
@@ -1 +0,0 @@
-Hover on desktop or touch me on mobile!
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_basic_rendered.html b/doc/includes/tooltips/examples_tooltips_basic_rendered.html
deleted file mode 100644
index 6f0d571c25570dbf1d2109156e32f9e08894ae78..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_basic_rendered.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-extended information
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_disable_touch.html b/doc/includes/tooltips/examples_tooltips_disable_touch.html
deleted file mode 100644
index 5ce2cf7e21d6892379adbd8cad32067833567301..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_disable_touch.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-extended information
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_intro.html b/doc/includes/tooltips/examples_tooltips_intro.html
deleted file mode 100644
index 9e7731b663c6e05621276197dd92fd045e425944..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_intro.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-The tooltips can be positioned on the "tip-bottom" , which is the default position, "tip-top" (hehe) , "tip-left" , or "tip-right" of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full-width and bottom aligned.
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_javascript.html b/doc/includes/tooltips/examples_tooltips_javascript.html
deleted file mode 100644
index 81180e9f188bef7610834381b28c796ad18be70a..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_javascript.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{#markdown}}
-```html
-
-
- ...
-
-
-
-
-
-
-
-
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_javascript_options.html b/doc/includes/tooltips/examples_tooltips_javascript_options.html
deleted file mode 100644
index 447b6ba3a748af944d13af16675f5e3cd4388652..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_javascript_options.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{{#markdown}}
-```javascript
-{
- selector : '.has-tip',
- additional_inheritable_classes : [],
- tooltip_class : '.tooltip',
- touch_close_text: 'tap to close',
- disable_for_touch: false,
- hover_delay: 50,
- tip_template : function (selector, content) {
- return '' + content + ' ';
- }
-}
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_javascript_required.html b/doc/includes/tooltips/examples_tooltips_javascript_required.html
deleted file mode 100644
index 7fa83849f302d32d2d5ee069f26963c9d6c2fe42..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_javascript_required.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-...
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_show.html b/doc/includes/tooltips/examples_tooltips_show.html
deleted file mode 100644
index 72659ee92c5f0bd1512bc2ce0496a9efa62eecaf..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_show.html
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_show_rendered.html b/doc/includes/tooltips/examples_tooltips_show_rendered.html
deleted file mode 100644
index 8d0a7b450923265c94babeb6e00b412b3c0118c5..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_show_rendered.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{#markdown}}
-```html
-show on
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/tooltips/examples_tooltips_variables.html b/doc/includes/tooltips/examples_tooltips_variables.html
deleted file mode 100644
index ac8e1867c6999788074384847d1b44bed1b784cf..0000000000000000000000000000000000000000
--- a/doc/includes/tooltips/examples_tooltips_variables.html
+++ /dev/null
@@ -1,27 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-tooltip-classes: $include-html-classes;
-
-$has-tip-border-bottom: dotted 1px $iron;
-$has-tip-font-weight: $font-weight-bold;
-$has-tip-font-color: $oil;
-$has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%);
-$has-tip-font-color-hover: $primary-color;
-$has-tip-cursor-type: help;
-
-$tooltip-padding: rem-calc(12);
-$tooltip-bg: $oil;
-$tooltip-font-size: rem-calc(14);
-$tooltip-font-weight: $font-weight-normal;
-$tooltip-font-color: $white;
-$tooltip-line-height: 1.3;
-$tooltip-close-font-size: rem-calc(10);
-$tooltip-close-font-weight: $font-weight-normal;
-$tooltip-close-font-color: $monsoon;
-$tooltip-font-size-sml: rem-calc(14);
-$tooltip-radius: $global-radius;
-$tooltip-rounded: $global-rounded;
-$tooltip-pip-size: 5px;
-$tooltip-max-width: 300px;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/topbar.html b/doc/includes/topbar.html
deleted file mode 100644
index 0b45e9f846e4b5e0bafecb747894f8eb93fdf2d9..0000000000000000000000000000000000000000
--- a/doc/includes/topbar.html
+++ /dev/null
@@ -1,82 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/topbar/examples_topbar_clickable.html b/doc/includes/topbar/examples_topbar_clickable.html
deleted file mode 100644
index 27afe5a34f4d8cf2ded7c324ada2030c8e43f830..0000000000000000000000000000000000000000
--- a/doc/includes/topbar/examples_topbar_clickable.html
+++ /dev/null
@@ -1,50 +0,0 @@
-
-
-
-
-
diff --git a/doc/includes/topbar/examples_topbar_default.html b/doc/includes/topbar/examples_topbar_default.html
deleted file mode 100644
index f22357c4b1303d32f09568b642e3a6d1623855f2..0000000000000000000000000000000000000000
--- a/doc/includes/topbar/examples_topbar_default.html
+++ /dev/null
@@ -1,28 +0,0 @@
-
-
-
-
-
diff --git a/doc/includes/topbar/examples_topbar_mobile_parent_links.html b/doc/includes/topbar/examples_topbar_mobile_parent_links.html
deleted file mode 100644
index 3525909e7e2db2786a8ffd8f66421a9cf7bab69c..0000000000000000000000000000000000000000
--- a/doc/includes/topbar/examples_topbar_mobile_parent_links.html
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/topbar/examples_topbar_sticky.html b/doc/includes/topbar/examples_topbar_sticky.html
deleted file mode 100644
index 28d8bcbe122006acac9e344259699a96e9938467..0000000000000000000000000000000000000000
--- a/doc/includes/topbar/examples_topbar_sticky.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
diff --git a/doc/includes/topbar/examples_topbar_variables.html b/doc/includes/topbar/examples_topbar_variables.html
deleted file mode 100644
index d2eec658d8b17d7c312fa57651cf4dda9e2ad51c..0000000000000000000000000000000000000000
--- a/doc/includes/topbar/examples_topbar_variables.html
+++ /dev/null
@@ -1,81 +0,0 @@
-{{#markdown}}
-```scss
-//
-// Top Bar Variables
-//
-$include-html-top-bar-classes: $include-html-classes;
-
-// Background color for the top bar
-$topbar-bg-color: $oil;
-$topbar-bg: $topbar-bg-color;
-
-// Height and margin
-$topbar-height: rem-calc(45);
-$topbar-margin-bottom: 0;
-
-// Controlling the styles for the title in the top bar
-$topbar-title-weight: $font-weight-normal;
-$topbar-title-font-size: rem-calc(17);
-
-// Style the top bar dropdown elements
-$topbar-dropdown-bg: $oil;
-$topbar-dropdown-link-color: $white;
-$topbar-dropdown-link-color-hover: $white;
-$topbar-dropdown-link-bg: $oil;
-$topbar-dropdown-link-bg-hover: $oil;
-$topbar-dropdown-link-weight: $font-weight-normal;
-$topbar-dropdown-toggle-size: 5px;
-$topbar-dropdown-toggle-color: $white;
-$topbar-dropdown-toggle-alpha: 0.4;
-
-// Set the link colors and styles for top-level nav
-$topbar-link-color: $white;
-$topbar-link-color-hover: $white;
-$topbar-link-color-active: $white;
-$topbar-link-color-active-hover: $white;
-$topbar-link-weight: $font-weight-normal;
-$topbar-link-font-size: rem-calc(13);
-$topbar-link-hover-lightness: -10%; // Darken by 10%
-$topbar-link-bg: $topbar-bg;
-$topbar-link-bg-hover: $jet;
-$topbar-link-bg-color-hover: $charcoal;
-$topbar-link-bg-active: $primary-color;
-$topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%);
-$topbar-link-font-family: $body-font-family;
-$topbar-link-text-transform: none;
-$topbar-link-padding: $topbar-height / 3;
-$topbar-back-link-size: $h5-font-size;
-$topbar-link-dropdown-padding: 20px;
-$topbar-button-font-size: 0.75rem;
-$topbar-button-top: 7px;
-
-$topbar-dropdown-label-color: $monsoon;
-$topbar-dropdown-label-text-transform: uppercase;
-$topbar-dropdown-label-font-weight: $font-weight-bold;
-$topbar-dropdown-label-font-size: rem-calc(10);
-$topbar-dropdown-label-bg: $oil;
-
-// Top menu icon styles
-$topbar-menu-link-transform: uppercase;
-$topbar-menu-link-font-size: rem-calc(13);
-$topbar-menu-link-weight: $font-weight-bold;
-$topbar-menu-link-color: $white;
-$topbar-menu-icon-color: $white;
-$topbar-menu-link-color-toggled: $jumbo;
-$topbar-menu-icon-color-toggled: $jumbo;
-
-// Transitions and breakpoint styles
-$topbar-transition-speed: 300ms;
-// Using rem-calc for the below breakpoint causes issues with top bar
-$topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout
-$topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})";
-
-// Divider Styles
-$topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%);
-$topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%);
-
-// Sticky Class
-$topbar-sticky-class: ".sticky";
-$topbar-arrows: true; //Set false to remove the triangle icon from the menu item
-```
-{{/markdown}}
diff --git a/doc/includes/typography/examples_typography_basic.html b/doc/includes/typography/examples_typography_basic.html
deleted file mode 100644
index be26abb26be1fb710d5304066ed45cf47de18910..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_basic.html
+++ /dev/null
@@ -1,6 +0,0 @@
-h1. This is a very large header.
-h2. This is a large header.
-h3. This is a medium header.
-h4. This is a moderate header.
-h5. This is a small header.
-h6. This is a tiny header.
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_basic_rendered.html b/doc/includes/typography/examples_typography_basic_rendered.html
deleted file mode 100644
index 40a7f24da70971cfa83b3c599b02964065582586..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_basic_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-h1. This is a very large header.
-h2. This is a large header.
-h3. This is a medium header.
-h4. This is a moderate header.
-h5. This is a small header.
-h6. This is a tiny header.
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_lists.html b/doc/includes/typography/examples_typography_lists.html
deleted file mode 100644
index 3582180edd3cfecb3ba99516d87c60e54fd41c87..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_lists.html
+++ /dev/null
@@ -1,227 +0,0 @@
-
-
-
HTML
- {{#markdown}}
- ```html
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested list item
- Nested list item
- Nested list item
-
-
- List item
- List item
- List item
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested list item
- Nested list item
- Nested list item
-
-
- List item
- List item
- List item
-
-
-
-
-
-
-
HTML
- {{#markdown}}
- ```html
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
-
-
-
-
-
-
HTML
- {{#markdown}}
- ```html
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
-
-
-
-
-
-
HTML
- {{#markdown}}
- ```html
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
-
-
-
-
-
-
-
HTML
- {{#markdown}}
- ```html
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
-
-
-
-
-
-
-
HTML
- {{#markdown}}
- ```html
-
- Definition Title
- Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- Definition Title
- Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
-
-
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_lists_rendered.html b/doc/includes/typography/examples_typography_lists_rendered.html
deleted file mode 100644
index f874dd892bc46fa83416d6080f5e590a1a1d0a69..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_lists_rendered.html
+++ /dev/null
@@ -1,46 +0,0 @@
-{{#markdown}}
-```html
-
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
- List item
- List item
-
-
-
-
- List item with a much longer description or more content.
- List item
- List item
-
- Nested List Item
- Nested List Item
- Nested List Item
-
-
- List item
-
-
-
-
- List Item 1
- List Item 2
- List Item 3
-
-
-
-
- Definition List
- Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_small.html b/doc/includes/typography/examples_typography_small.html
deleted file mode 100644
index 5a503e479b3e42848d8672eb4c8994e4c3a72f3e..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_small.html
+++ /dev/null
@@ -1,6 +0,0 @@
-h1. Small segment header.
-h2. Small segment header.
-h3. Small segment header.
-h4. Small segment header.
-h5. Small segment header.
-h6. Small segment header.
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_small_rendered.html b/doc/includes/typography/examples_typography_small_rendered.html
deleted file mode 100644
index 25705ef763b01b491977cf5535716dd7f2f3ea0c..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_small_rendered.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{#markdown}}
-```html
-h1. Small segment header.
-h2. Small segment header.
-h3. Small segment header.
-h4. Small segment header.
-h5. Small segment header.
-h6. Small segment header.
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_subheader.html b/doc/includes/typography/examples_typography_subheader.html
deleted file mode 100644
index aaa6ec4815864bb60fff3824c441d0d96af7dd49..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_subheader.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_subheader_rendered.html b/doc/includes/typography/examples_typography_subheader_rendered.html
deleted file mode 100644
index 235777b1f170987fd9fe628d8fa826c4ccf46185..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_subheader_rendered.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
-
-
diff --git a/doc/includes/typography/examples_typography_variables.html b/doc/includes/typography/examples_typography_variables.html
deleted file mode 100644
index dffec802ffca74d43230bdb401a14e78261815e3..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_variables.html
+++ /dev/null
@@ -1,103 +0,0 @@
-{{#markdown}}
-```scss
-$include-html-type-classes: $include-html-classes;
-
-// We use these to control header font styles
-$header-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
-$header-font-weight: bold;
-$header-font-style: normal;
-$header-font-color: #222;
-$header-line-height: 1.4;
-$header-top-margin: .2rem;
-$header-bottom-margin: .5rem;
-$header-text-rendering: optimizeLegibility;
-
-// We use these to control header font sizes
-$h1-font-size: rem-calc(44);
-$h2-font-size: rem-calc(37);
-$h3-font-size: rem-calc(27);
-$h4-font-size: rem-calc(23);
-$h5-font-size: rem-calc(18);
-$h6-font-size: 1rem;
-
-// These control how subheaders are styled
-$subheader-line-height: 1.4;
-$subheader-font-color: scale-color($header-font-color, $lightness: 35%);
-$subheader-font-weight: 300;
-$subheader-top-margin: .2rem;
-$subheader-bottom-margin: .5rem;
-
-// A general small styling
-$small-font-size: 60%;
-$small-font-color: scale-color($header-font-color, $lightness: 35%);
-
-// We use these to style paragraphs
-$paragraph-font-family: inherit;
-$paragraph-font-weight: normal;
-$paragraph-font-size: 1rem;
-$paragraph-line-height: 1.6;
-$paragraph-margin-bottom: rem-calc(20);
-$paragraph-aside-font-size: rem-calc(14);
-$paragraph-aside-line-height: 1.35;
-$paragraph-aside-font-style: italic;
-$paragraph-text-rendering: optimizeLegibility;
-
-// We use these to style code tags
-$code-color: scale-color($alert-color, $lightness: -27%);
-$code-font-family: Consolas, Liberation Mono, Courier, monospace;
-$code-font-weight: bold;
-
-// We use these to style anchors
-$anchor-text-decoration: none;
-$anchor-font-color: $primary-color;
-$anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);
-
-// We use these to style the hr element
-$hr-border-width: 1px;
-$hr-border-style: solid;
-$hr-border-color: #ddd;
-$hr-margin: rem-calc(20);
-
-// We use these to style lists
-$list-style-position: outside;
-$list-side-margin: 0;
-$list-nested-margin: rem-calc(20);
-$definition-list-header-weight: bold;
-$definition-list-header-margin-bottom: .3rem;
-$definition-list-margin-bottom: rem-calc(12);
-
-// We use these to style blockquotes
-$blockquote-font-color: scale-color($header-font-color, $lightness: 35%);
-$blockquote-padding: rem-calc(9 20 0 19);
-$blockquote-border: 1px solid #ddd;
-$blockquote-cite-font-size: rem-calc(13);
-$blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%);
-$blockquote-cite-link-color: $blockquote-cite-font-color;
-
-// Acronym styles
-$acronym-underline: 1px dotted #ddd;
-
-// We use these to control padding and margin
-$microformat-padding: rem-calc(10 12);
-$microformat-margin: rem-calc(0 0 20 0);
-
-// We use these to control the border styles
-$microformat-border-width: 1px;
-$microformat-border-style: solid;
-$microformat-border-color: #ddd;
-
-// We use these to control full name font styles
-$microformat-fullname-font-weight: bold;
-$microformat-fullname-font-size: rem-calc(15);
-
-// We use this to control the summary font styles
-$microformat-summary-font-weight: bold;
-
-// We use this to control abbr padding
-$microformat-abbr-padding: rem-calc(0 1);
-
-// We use this to control abbr font styles
-$microformat-abbr-font-weight: bold;
-$microformat-abbr-font-decoration: none;
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_vcard.html b/doc/includes/typography/examples_typography_vcard.html
deleted file mode 100644
index f9cb2e457eaff7bc359179d936406e988ccfb8aa..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_vcard.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/typography/examples_typography_vcard_rendered.html b/doc/includes/typography/examples_typography_vcard_rendered.html
deleted file mode 100644
index e093021a669b8f7241e3f84a47a0c21399a23281..0000000000000000000000000000000000000000
--- a/doc/includes/typography/examples_typography_vcard_rendered.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{#markdown}}
-```html
-
-```
-{{/markdown}}
\ No newline at end of file
diff --git a/doc/includes/visibility/examples_accessibility_hidden.html b/doc/includes/visibility/examples_accessibility_hidden.html
deleted file mode 100644
index f7d117e2e85b724178ea7836cb81357f45c402a3..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_accessibility_hidden.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
HTML
-{{#markdown}}
-```html
-
- You are not on a small screen.
- You are not on a medium, large, xlarge, or xxlarge screen.
- You are not on a medium screen.
- You are not on a large, xlarge, or xxlarge screen.
- You are not on a large screen.
- You are not on an xlarge screen and up.
- You are not on an xlarge screen.
- You are not on an xxlarge screen.
-
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
- You are not on a small screen.
- You are not on a medium, large, xlarge, or xxlarge screen.
- You are not on a medium screen.
- You are not on a large, xlarge, or xxlarge screen.
- You are not on a large screen.
- You are not on an xlarge screen and up.
- You are not on an xlarge screen.
- You are not on an xxlarge screen.
-
-
-
-
diff --git a/doc/includes/visibility/examples_accessibility_hideforsr.html b/doc/includes/visibility/examples_accessibility_hideforsr.html
deleted file mode 100644
index 0dae32a985c4660f671a87cefd8d7fbf61664c5c..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_accessibility_hideforsr.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
HTML
-{{#markdown}}
-```html
-
This text can be seen, but won't be read by a screen reader.
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
This text can be seen, but won't be read by a screen reader.
-
-
\ No newline at end of file
diff --git a/doc/includes/visibility/examples_accessibility_showforsr.html b/doc/includes/visibility/examples_accessibility_showforsr.html
deleted file mode 100644
index 5ead21cd4a88bcd8f1d63ef246d65066ae4652d8..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_accessibility_showforsr.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
HTML
-{{#markdown}}
-```html
-
This text can only be read by a screen reader.
-
There's a line of text above this one, you just can't see it.
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
This text can only be read by a screen reader.
-
There's a line of text above this one, you just can't see it.
-
-
\ No newline at end of file
diff --git a/doc/includes/visibility/examples_accessibility_skiplinks.html b/doc/includes/visibility/examples_accessibility_skiplinks.html
deleted file mode 100644
index c4004ed82b3f0a30a424e3d09e6544c2269856bc..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_accessibility_skiplinks.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
\ No newline at end of file
diff --git a/doc/includes/visibility/examples_accessibility_visible.html b/doc/includes/visibility/examples_accessibility_visible.html
deleted file mode 100644
index fe5997cd4304632fbc90ce910b23e734580c6df2..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_accessibility_visible.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
HTML
- {{#markdown}}
- ```html
-
- This text is shown only on a small screen.
- This text is shown on medium screens and up.
- This text is shown only on a medium screen.
- This text is shown on large screens and up.
- This text is shown only on a large screen.
- This text is shown on xlarge screens and up.
- This text is shown only on an xlarge screen.
- This text is shown on xxlarge screens and up.
-
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
- This text is shown only on a small screen.
- This text is shown on medium screens and up.
- This text is shown only on a medium screen.
- This text is shown on large screens and up.
- This text is shown only on a large screen.
- This text is shown on xlarge screens and up.
- This text is shown only on an xlarge screen.
- This text is shown on xxlarge screens and up.
-
-
-
-
diff --git a/doc/includes/visibility/examples_visibility_basic.html b/doc/includes/visibility/examples_visibility_basic.html
deleted file mode 100644
index 9154385ad64935ee8e41c34e0c2d1cf3e543a16d..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_visibility_basic.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
- This text is shown only on a small screen.
- This text is shown on medium screens and up.
- This text is shown only on a medium screen.
- This text is shown on large screens and up.
- This text is shown only on a large screen.
- This text is shown on xlarge screens and up.
- This text is shown only on an xlarge screen.
- This text is shown on xxlarge screens and up.
-
\ No newline at end of file
diff --git a/doc/includes/visibility/examples_visibility_hide.html b/doc/includes/visibility/examples_visibility_hide.html
deleted file mode 100644
index 7a9a34a0041c3fd2d93095c133a69fcde87b4af2..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_visibility_hide.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
HTML
-{{#markdown}}
-```html
-
- You are not on a small screen.
- You are not on a medium, large, xlarge, or xxlarge screen.
- You are not on a medium screen.
- You are not on a large, xlarge, or xxlarge screen.
- You are not on a large screen.
- You are not on an xlarge screen and up.
- You are not on an xlarge screen.
- You are not on an xxlarge screen.
-
-```
-{{/markdown}}
-
-
-
Rendered HTML
-
- You are not on a small screen.
- You are not on a medium, large, xlarge, or xxlarge screen.
- You are not on a medium screen.
- You are not on a large, xlarge, or xxlarge screen.
- You are not on a large screen.
- You are not on an xlarge screen and up.
- You are not on an xlarge screen.
- You are not on an xxlarge screen.
-
-
-
-
diff --git a/doc/includes/visibility/examples_visibility_orientation.html b/doc/includes/visibility/examples_visibility_orientation.html
deleted file mode 100644
index 5aa8dc45b13966b7c44861f6fb9aaf964652a2e1..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_visibility_orientation.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
HTML
- {{#markdown}}
- ```html
-
- You are in landscape orientation.
- You are in portrait orientation.
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- You are in landscape orientation.
- You are in portrait orientation.
-
-
-
-
diff --git a/doc/includes/visibility/examples_visibility_show.html b/doc/includes/visibility/examples_visibility_show.html
deleted file mode 100644
index 158e9ceabec3a0424b7e7e7f0ad9f89966b9f5a7..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_visibility_show.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-
HTML
- {{#markdown}}
- ```html
-
- This text is shown only on a small screen.
- This text is shown on medium screens and up.
- This text is shown only on a medium screen.
- This text is shown on large screens and up.
- This text is shown only on a large screen.
- This text is shown on xlarge screens and up.
- This text is shown only on an xlarge screen.
- This text is shown on xxlarge screens and up.
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- This text is shown only on a small screen.
- This text is shown on medium screens and up.
- This text is shown only on a medium screen.
- This text is shown on large screens and up.
- This text is shown only on a large screen.
- This text is shown on xlarge screens and up.
- This text is shown only on an xlarge screen.
- This text is shown on xxlarge screens and up.
-
-
-
-
diff --git a/doc/includes/visibility/examples_visibility_touch.html b/doc/includes/visibility/examples_visibility_touch.html
deleted file mode 100644
index 2cfc1734916409277abe5bca62cc8d576aa5a5c9..0000000000000000000000000000000000000000
--- a/doc/includes/visibility/examples_visibility_touch.html
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
HTML
- {{#markdown}}
- ```html
-
- You are on a touch-enabled device.
- You are not on a touch-enabled device.
-
- ```
- {{/markdown}}
-
-
-
Rendered HTML
-
- You are on a touch-enabled device.
- You are not on a touch-enabled device.
-
-
-
-
diff --git a/doc/includes/what_you_get/examples_css_javascript_include.html b/doc/includes/what_you_get/examples_css_javascript_include.html
deleted file mode 100644
index ef1eb3d32ad350aa4a8352940d488f4c0d28c96a..0000000000000000000000000000000000000000
--- a/doc/includes/what_you_get/examples_css_javascript_include.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
-
\ No newline at end of file
diff --git a/doc/includes/what_you_get/examples_what_you_get_index_include.html b/doc/includes/what_you_get/examples_what_you_get_index_include.html
deleted file mode 100644
index e417f6906d0bba9f2507e8c29966ce8a9495c385..0000000000000000000000000000000000000000
--- a/doc/includes/what_you_get/examples_what_you_get_index_include.html
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
-
-
-
-
-
- Foundation
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/doc/includes/what_you_get/examples_what_you_get_javascript_include.html b/doc/includes/what_you_get/examples_what_you_get_javascript_include.html
deleted file mode 100644
index b26869d1e6f94da8c1f3a91acbc43da6d589840c..0000000000000000000000000000000000000000
--- a/doc/includes/what_you_get/examples_what_you_get_javascript_include.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
-
-
-
-
-
-
-
Countdown to Foundation 6
-
-
- :
-
- :
-
-
-
-
-
-
-
-
-
-
- {{> topbar}}
- {{> offcanvas-nav}}
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/doc/layouts/component.html b/doc/layouts/component.html
deleted file mode 100644
index bd624e4d01e31268f52488b1d3adbc2ec9fc9ff2..0000000000000000000000000000000000000000
--- a/doc/layouts/component.html
+++ /dev/null
@@ -1,99 +0,0 @@
-
-
-
-