From: Kevin Ball Date: Wed, 10 May 2017 17:29:31 +0000 (-0700) Subject: Add a set of new videos X-Git-Tag: v6.4.0-rc1~46^2~51^2~2^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0b7565b14ffac0a62f8ee9d612de368c988303b2;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add a set of new videos --- diff --git a/docs/pages/equalizer.md b/docs/pages/equalizer.md index 52e4ae0a5..0138a3634 100644 --- 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 9c873f8fe..54c5acc62 100644 --- 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 0ccce4b24..6b7fd4ad9 100644 --- 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 fbf701a89..2e4d9e67d 100644 --- 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 34fcf772a..2fc98628e 100644 --- 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 6f95b5e14..1e90e8966 100644 --- 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 1f9ddd0a0..de162507f 100644 --- 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 cebba9867..8e5f85cd0 100644 --- 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 c2fefa333..1bfa4ad27 100644 --- a/docs/pages/tooltip.md +++ b/docs/pages/tooltip.md @@ -1,6 +1,7 @@ --- title: Tooltip description: Tooltips? More like Cooltips. 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 ---