Fix form submission handling example

Previous example was firing the "Handle the submission of the form" event any time any field was edited, which is clearly not right.  Something like this *seems* to work, and may have been what the original author intended?
_tooltip.scss: replaced hard-coded 85% with `$tooltip-max-width`

tooltip show become too wide on large screens, since their `max-width:
85%` refers to the whole width of the screen. I have added a parameter
`$tooltip-max-width` and chose a default of `300px`.
Fix #5209: use cursor pointer

Use cursor pointer on orbit bullets, clickable elements should look clickable.
Fix #5207: move animating flag

Set animating flag after checking for end slides/circular
Add toggled event, fire callback on toggled

Added a toggled event to match Tabs (fires after toggle completes).

Added callback being fired when active item is clicked (previously only
non-active items being clicked fired the callback).
Close <meta /> tag to be valid XHTML
Use correct 'this' when setting data-interchange-last-path.

Because the 'this' being used was for the wrong scope
data-interchange-last-path is not set. This can lead to making multiple
requests for the same content unnecessarily.
Add comma support for Abide number validation
Update _block-grid.scss

fixes #4998
Update _settings.scss
fixes #4998
data-options fix

Some options aren't correctly parsed in `data-options` attribute. I think this should fix the issue.
Anchor destination thresold

The destination thresold parameter should be taken in consideration when we click on an anchor link.
center and v-align inside the paddle

useful if you put an icon (font) in the paddle
Renamed wrongly prefixed variable from $tapbar-* to tabbar-*
Do not ignore menu-icon variables
Fix #4921, proper use of the $tabbar-line-height variable
split $tabbar-height into $tabbar-height and $tabbar-icon-width

by splitting tab bar height in height and icon-width (respectively for height and width settings related to the tab bar and tab bar sections), you can have wider icons/clickable areas in the tab bar, controllable via _settings.
$tabbar-icon-width defaults to $tabbar-height for a square icon

Signed-off-by: Maarten Ottens <m@maartenottens.com>

Conflicts:
	scss/foundation/components/_offcanvas.scss
Whoops overlooked mixin parameter while cherry-picking
active first li element no working in firefox

In firefox the slide is not showing when first li is marked with class="active".
If none of the li elements is marked or other than the first, everything works as expected.
Do removeClass('active') and self._goto($init_target.index()) only if idx != $init_target.index()