From e55276042ba81d6dc983e0c0301bbf925de0b02b Mon Sep 17 00:00:00 2001 From: tvrtko Date: Fri, 25 Dec 2015 15:55:01 +0100 Subject: [PATCH] add Abide, Equalizer, Interchange, Progress Bar, Responsive Menu, Responsive Toggle, Reveal and Toggler --- docs/pages/kitchen-sink.md | 228 +++++++++++++++++++++++++++++++++++++ 1 file changed, 228 insertions(+) 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 -- 2.47.2