Update foundation.interchange.js to work with background-image

When a tag(not an image tag) has a data-interchange attribute containing an image path it will set a background-image on element instead of trying to replace the innerHtml.
fixes #4047
Fix bug Issue #3630

https://github.com/zurb/foundation/issues/3630
Update foundation.interchange.js
preventdefault action if not hover or touch
Remove setting size for embed and object

Setting height: auto; for embed and object causes errors with rich media ads if the ad partner is setting the height at the attribute level. See comment https://github.com/zurb/foundation/pull/763#issuecomment-31139717
Fix to prevent background-image to change on every resize if not necessary
Adding documentation on interchange with background-image.
Allow block grids to align to column grid without extending beyond

Adds option to align block grids with the main grid, but not extend
into the gutters. This allows for adding top and bottom borders to
block grid list items without the borders extending seemingly outside
of the content area.
Using $block-grid-media-queries variable

$block-grid-media-queries used to generate media queries for block grid
allow button border styling

border:none prevents border styling from being applied
Fix top-bar menu icon in expanded state
Automatically generate text alignment classes

Replaces the text alignment classes with a mixin that simplifies the
process of adding or removing breakpoints and their associated text
alignment classes.
Push and pull won't work without the position set.

Thanks to @ctalkington, see a6d92606c8f094389b0ff0a3598666c7df334dec.
Remove float declaration from collapsed columns
button.scss : fix wrong arguments order in button-size mixin call
Add !default for $form-input-error-message-top variable
New mixin for offcanvas hamburger icon
updates for fixed off canvas menu
Added deep_linking and scroll_to_content configuration parameters