From: tvrtko Date: Fri, 25 Dec 2015 14:55:01 +0000 (+0100) Subject: add Abide, Equalizer, Interchange, Progress Bar, Responsive Menu, Responsive Toggle... X-Git-Tag: v6.1.2~114^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7687%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git add Abide, Equalizer, Interchange, Progress Bar, Responsive Menu, Responsive Toggle, Reveal and Toggler --- diff --git a/docs/pages/kitchen-sink.md b/docs/pages/kitchen-sink.md index b68cb71b2..6c3fbfaa5 100644 --- a/docs/pages/kitchen-sink.md +++ b/docs/pages/kitchen-sink.md @@ -3,6 +3,99 @@ title: Kitchen Sink description: Everything but. --- +## Abide + +```html_example +
+ +
+
+ +

Here's how you use this input field!

+
+
+ +

This input is ignored by Abide using `data-abide-ignore`

+
+
+ +

Enter a password please.

+
+
+ +

This field is using the `data-equalto="password"` attribute, causing it to match the password field above.

+
+
+
+
+ +
+
+ +
+
+
+
+ Choose Your Favorite, and this is required, so you have to pick one. + + + +
+
+ Choose Your Favorite - not required, you can leave this one blank. + + + +
+
+ Check these out + + + +
+
+
+
+ +
+
+ +
+
+
+``` + +--- + ## Accordion ```html_example @@ -275,6 +368,30 @@ description: Everything but. --- +## Equalizer + +```html_example +
+
+
+ +
+
+
+
+

Pellentesque habitant morbi tristique senectus et netus et, ante.

+
+
+
+
+ +
+
+
+``` + +--- + ## Flex Video ```html_example @@ -352,6 +469,14 @@ description: Everything but. --- +## Interchange + +```html_example + +``` + +--- + ## Label ```html_example @@ -464,6 +589,94 @@ description: Everything but. --- +## Progress Bar + +```html_example +
+
+

25%

+
+
+ +
+
+

50%

+
+
+ +
+
+

75%

+
+
+``` + +--- + +## Responsive Menu + +```html_example + +``` + +--- + +## Responsive Toggle + +```html_example +
+ +
Menu
+
+ +
+
+ +
+
+
    +
    • +
    • +
+
+
+``` + +--- + +## Reveal + +```html_example +

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!

+ +
+``` + +--- + ## Slider ```html_example @@ -630,6 +843,21 @@ description: Everything but. --- +## Toggler + +```html_example +

Expand!

+ + +``` + +--- + ## Tooltip ```html_example