From: Eric Morris Date: Thu, 7 Nov 2013 07:21:25 +0000 (-0800) Subject: Add buttons to docs X-Git-Tag: v1.0.0~12 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6e35bf2cbbf1fe6262203af22b31b19c1be6a6ae;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Add buttons to docs --- diff --git a/docs/components/buttons.php b/docs/components/buttons.php index e211cfeb..f6a1a23a 100644 --- a/docs/components/buttons.php +++ b/docs/components/buttons.php @@ -1,15 +1,21 @@

Buttons

- \ No newline at end of file +
Button Demo
+

All the button modifiers demonstrated. The first two rows of buttons are contained to .four.columns sections of the grid, and the second two rows are contained to .six.columns sections for clarity.

+ +
\ No newline at end of file diff --git a/docs/docs.php b/docs/docs.php index 24d712d6..041e6030 100644 --- a/docs/docs.php +++ b/docs/docs.php @@ -8,6 +8,7 @@ #if-centerClass {height: 220px;} #if-visibilityClasses {height: 110px;} #if-panels {height: 110px;} + #if-buttons{height: 325px;} @media only screen and (max-width: 632px), only screen and (min-width: 768px) and (max-width: 843px) { #if-basicGrid {height: 225px;} @@ -16,20 +17,20 @@ #if-centerClass {height: 270px;} #if-visibilityClasses {height: 110px;} #if-panels {height: 150px;} + #if-buttons{height: 650px;} }
-
+
@@ -57,158 +58,7 @@ -
\ No newline at end of file diff --git a/docs/examples/buttons.html b/docs/examples/buttons.html new file mode 100644 index 00000000..6553d836 --- /dev/null +++ b/docs/examples/buttons.html @@ -0,0 +1,282 @@ + + + + + + + + + + + + +
+
+ + + + + + + + +
+ + + + + + + +
+ + + + + + +
+ + + + + + +
+ .tiny-button +
+ + +
+ + 		+ + + + + + +
+ + + + + + +
+ .primary.button +
+ + +
+ + 		+ + + + + + +
+ + + + + + +
+ .radius.button +
+ + +
+ +
+ + + + + + + +
+ + + + + + +
+ + + + + + +
+ .small-button +
+ + +
+ + 		+ + + + + + +
+ + + + + + +
+ .secondary.button +
+ + +
+ + 		+ + + + + + +
+ + + + + + +
+ .round.button +
+ + +
+ +
+ + + + + + +
+ + + + + + +
+ + + + + + +
+ .medium-button +
+ + +
+ + 		+ + + + + + +
+ + + + + + +
+ .alert.button +
+ + +
+ +
+ + + + + + +
+ + + + + + +
+ + + + + + +
+ .large-button +
+ + +
+ + 		+ + + + + + +
+ + + + + + +
+ .success.button +
+ + +
+ +
+ +
+ + + +
+
+ + \ No newline at end of file