Add a set of new videos

diff --git a/docs/pages/equalizer.md b/docs/pages/equalizer.md
index 52e4ae0a511e67921415b508b2e2ed9c000f9848..0138a3634b91241a259a9be8608cb6d081dc8dc1 100644 (file)
--- a/docs/pages/equalizer.md
+++ b/docs/pages/equalizer.md
@@ -1,6 +1,7 @@
 ---
 title: Equalizer
 description: Equalizer makes it dead simple to give multiple items equal height.
+video: KbruAemirVQ
 js: js/foundation.equalizer.js
 ---
 

diff --git a/docs/pages/forms.md b/docs/pages/forms.md
index 9c873f8febf35939b21ddfaed2ff0773bc7eb494..54c5acc62d4a1a53bac7681282cf0479a0673058 100644 (file)
--- a/docs/pages/forms.md
+++ b/docs/pages/forms.md
@@ -1,6 +1,7 @@
 ---
 title: Forms
 description: We set out to create an easy, powerful and versatile form layout system. A combination of form styles and the Foundation grid means you can do almost anything.
+video: 'pJDXFNJ2jkA'
 sass:
   - scss/forms/*.scss
   - '!scss/forms/_error.scss'

diff --git a/docs/pages/orbit.md b/docs/pages/orbit.md
index 0ccce4b248f298748aea1a87a74724d10904e802..6b7fd4ad99eff0ea0c0335e8af09d503f8ba2359 100644 (file)
--- a/docs/pages/orbit.md
+++ b/docs/pages/orbit.md
@@ -4,6 +4,7 @@ description: An image and content carousel with animation support and many custo
 sass: scss/components/_orbit.scss
 js: js/foundation.orbit.js
 mui: true
+video: l0bdHvBuylA
 tags:
   - slider
   - carousel

diff --git a/docs/pages/progress-bar.md b/docs/pages/progress-bar.md
index fbf701a89e1853f33f26f46ca2c0b1e9d4c217c7..2e4d9e67d6dd489f2f5e3b63ca4daea24d032668 100644 (file)
--- a/docs/pages/progress-bar.md
+++ b/docs/pages/progress-bar.md
@@ -1,6 +1,7 @@
 ---
 title: Progress Bar
 description: Show your progress. A simple way to add progress bars to your layouts. You only need two HTML elements to make them and they're easy to customize.
+video: gMLSHzlshpM
 sass:
   - scss/components/_progress-bar.scss
   - scss/forms/_progress.scss

diff --git a/docs/pages/responsive-embed.md b/docs/pages/responsive-embed.md
index 34fcf772ad9415547f68c471a5fb6d9b9c0663b9..2fc98628e5101f3583ca26799232d1121aa39725 100644 (file)
--- a/docs/pages/responsive-embed.md
+++ b/docs/pages/responsive-embed.md
@@ -3,6 +3,7 @@ title: Responsive Embed
 description: Wrap embedded content like videos, maps, and calendars in a responsive embed container to maintain the correct aspect ratio regardless of screen size.
 sass: scss/components/_responsive-embed.scss
 tags: flex video 'flex video'
+video: GxUsloI_qnQ
 ---
 
 To make sure embedded content maintains its aspect ratio as the width of the screen changes, wrap the `iframe`, `object`, `embed`, or `video` in a container with the `.responsive-embed` class.

diff --git a/docs/pages/reveal.md b/docs/pages/reveal.md
index 6f95b5e142a6d0f63cb9dfbca2af28cc0cd9d62f..1e90e8966f3246aaff6e613dde779afd1eddf08c 100644 (file)
--- a/docs/pages/reveal.md
+++ b/docs/pages/reveal.md
@@ -3,6 +3,7 @@ title: Reveal
 description: Modal dialogs, or pop-up windows, are handy for prototyping and production. Foundation includes Reveal, our jQuery modal plugin, to make this easy for you.
 sass: scss/components/_reveal.scss
 js: js/foundation.reveal.js
+video: vnT3bp07iHI
 mui: true
 tags:
   - modal

diff --git a/docs/pages/tabs.md b/docs/pages/tabs.md
index 1f9ddd0a00a0908a2d5b788437f2775fd2b7c07e..de162507f1f27c71cb9ac6c6783a188f7b0bdb09 100644 (file)
--- a/docs/pages/tabs.md
+++ b/docs/pages/tabs.md
@@ -1,6 +1,7 @@
 ---
 title: Tabs
 description: Tabs are elements that help you organize and navigate multiple documents in a single container. They can be used for switching between items in the container.
+video: '8FtJRXPF5Cs'
 sass: scss/components/_tabs.scss
 js: js/foundation.tabs.js
 ---

diff --git a/docs/pages/thumbnail.md b/docs/pages/thumbnail.md
index cebba9867c973481ecab5259487d21d882572f37..8e5f85cd0cb6964e9ae99dc9e7a1c13c8d701a9c 100644 (file)
--- a/docs/pages/thumbnail.md
+++ b/docs/pages/thumbnail.md
@@ -1,6 +1,7 @@
 ---
 title: Thumbnail
 description: If you're going to use an image as an anchor, we've got you covered. All you gotta do is add one class to your image and voilà!
+video: 'BOtW8oacFZk'
 sass: scss/components/_thumbnail.scss
 ---
 

diff --git a/docs/pages/tooltip.md b/docs/pages/tooltip.md
index c2fefa3330e10d79d12e21aca6b35df63ffcac03..1bfa4ad2795e69566751485023bfd66e29ff267c 100644 (file)
--- a/docs/pages/tooltip.md
+++ b/docs/pages/tooltip.md
@@ -1,6 +1,7 @@
 ---
 title: Tooltip
 description: Tooltips? More like <em>Cooltips</em>. But really though, tooltips are nifty for displaying extended information for a term or action on a page.
+video: 'PJMYScItyP4'
 sass: scss/components/_tooltip.scss
 js: js/foundation.tooltip.js
 ---