From ebdd8a487798012ea3932aeb44c9293962a8b9eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Matuzale=CC=81m=20S=2E=20Teles?= Date: Thu, 8 Feb 2018 19:47:16 -0300 Subject: [PATCH] Update markups on form elements at claycss.com --- .../pages/docs/components/form_elements.md | 345 +++++++++++------- 1 file changed, 223 insertions(+), 122 deletions(-) diff --git a/packages/claycss.com/src/pages/docs/components/form_elements.md b/packages/claycss.com/src/pages/docs/components/form_elements.md index b5e271e06c..b084a689d9 100644 --- a/packages/claycss.com/src/pages/docs/components/form_elements.md +++ b/packages/claycss.com/src/pages/docs/components/form_elements.md @@ -88,32 +88,34 @@ weight: 100
-
- -
-
- -
-
- +
+
+ +
+
+ +
+
+ +
@@ -127,35 +129,35 @@ weight: 100
``` @@ -176,32 +178,34 @@ weight: 100
-
- -
-
- -
-
- +
+
+ +
+
+ +
+
+ +
@@ -215,35 +219,35 @@ weight: 100
``` @@ -554,19 +558,23 @@ weight: 100 -
- +
+
+ +
+
+ +
-
- +
+
-
@@ -650,19 +658,19 @@ weight: 100 -
+
### Form Inline Autofit -> Equally spaced form inputs. To set a fixed width use `flex-grow: 0; flex-basis: 200px;` on `.form-inline-group` or any direct descendant of `.form-inline-autofit`. +> Equally spaced form inputs. To set a fixed width use `flex-grow: 0; flex-basis: 200px;` on `.form-group-item` or any direct descendant of `.form-group-autofit`.
-
-
+
+
-
+
-
-
- +
+
+
-
- +
+
-
-
$
- -
.00
+
+ +
+
+ $ +
+
+ +
+
+ .00 +
+
-
- - - - -
- +
+
+ +
+
+ +
+
+ + +
+
+ + +
+
+
-
$
- -
.00
+
+ $ +
+
+ +
+
+ .00 +
- {sp} - Clear +
+ {sp} + Clear +
```text/html -
-
+
+
-
+
- - +
+
+ +
+
+ +
Your first name.
+
+
+ +
+
+ +
-
- - +
+
+ +
+
+ +
-
- - +
+
+ +
+
+ +
+
+
+ {sp} + Clear
- {sp} - Clear
@@ -778,22 +860,41 @@ weight: 100
-
- - - - +
+
+ +
+
+ +
Your first name.
+
+
+ +
+
+ +
-
- - +
+
+ +
+
+ +
-
- - +
+
+ +
+
+ +
+
+
+ + Clear
- - Clear
```