From: Colin Marshall Date: Sat, 10 Mar 2018 19:47:07 +0000 (-0700) Subject: chore: migrate docs to use xy-grid in examples X-Git-Tag: v6.6.0~17^2~1 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=de70238e06e2197fd500801e2247eb9e3106c8de;p=thirdparty%2Ffoundation%2Ffoundation-sites.git chore: migrate docs to use xy-grid in examples --- diff --git a/docs/pages/abide.md b/docs/pages/abide.md index 2c4bf8e9c..25e286c4a 100644 --- a/docs/pages/abide.md +++ b/docs/pages/abide.md @@ -26,87 +26,97 @@ These input types create a text field: `text`, `date`, `datetime`, `datetime-loc -
-
- -

Here's how you use this input field!

-
-
- -

Enter a password please.

-
-
- -

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

+
+
+
+ +

Here's how you use this input field!

+
+
+ +

Enter a password please.

+
+
+ +

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

+
-
-
- -
-
- +
+
+
+ +
+
+ +
-
-
- +
+
+
+ +
+
+ Check these out + + + +
-
- Check these out - - - -
-
-
- Choose Your Favorite - not required, you can leave this one blank. - - - -
-
- Choose Your Favorite, and this is required, so you have to pick one. - - - -
+
+
+
+ Choose Your Favorite - not required, you can leave this one blank. + + + +
+
+ Choose Your Favorite, and this is required, so you have to pick one. + + + +
+
-
-
- -
-
- -
+
+
+
+ +
+
+ +
+
``` @@ -194,31 +204,35 @@ When the Form Errors cannot be placed next to its field, like in an Input Group, ```html
-
+
+

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

-
+

This input is ignored by Abide using `disabled`

-
+

This input is ignored by Abide using `type="hidden"`

-
-
- -
-
- -
+
+
+
+
+ +
+
+ +
+
``` diff --git a/docs/pages/card.md b/docs/pages/card.md index 5344bd55d..ca79a019d 100644 --- a/docs/pages/card.md +++ b/docs/pages/card.md @@ -110,8 +110,8 @@ Images play nicely with cards. Simply include one outside of the `.card-section`
``` -
-
+
+
@@ -119,7 +119,7 @@ Images play nicely with cards. Simply include one outside of the `.card-section`
-
+
@@ -140,8 +140,8 @@ Images play nicely with cards. Simply include one outside of the `.card-section`
``` -
-
+
+

Images work just fine below the content too!

@@ -197,8 +197,8 @@ You can either set the width of cards with custom css or add them into the Found
-
-
+
+
@@ -207,7 +207,7 @@ You can either set the width of cards with custom css or add them into the Found
-
+
@@ -216,7 +216,7 @@ You can either set the width of cards with custom css or add them into the Found
-
+
diff --git a/docs/pages/dropdown.md b/docs/pages/dropdown.md index d026b17f0..068f494f0 100644 --- a/docs/pages/dropdown.md +++ b/docs/pages/dropdown.md @@ -30,22 +30,23 @@ To create the dropdown trigger, add `data-toggle` to a ` ``` -
-
-

Bottom Left

- -