Inputs: added multiple sizes, removed table layout

nashvail · Jul 30, 2016 · ad6dd09 · ad6dd09
1 parent 73d9452
commit ad6dd09
Show file tree

Hide file tree

Showing 4 changed files with 435 additions and 60 deletions.
diff --git a/demos/demos.css b/demos/demos.css
@@ -1,3 +1,14 @@
+.clearfix:after {
+	visibility: hidden;
+	display: block;
+	font-size: 0;
+	content: " ";
+	clear: both;
+	height: 0;
+	}
+* html .clearfix             { zoom: 1; } /* IE6 */
+*:first-child+html .clearfix { zoom: 1; } /* IE7 */
+
 body {
 	max-width: 900px;
 	margin: 3em auto;
@@ -9,3 +20,24 @@ ul {
 	padding: 0;
 	list-style-type: none;
 }
+
+.inputs-container {
+	box-sizing: border-box
+	width: 100%;
+}
+
+.inputs-row {
+	width: 100%;
+}
+
+.inputs-label {
+	width: 10%;
+	float: left;
+	padding: 0.25em 1em 0.25em 0;
+	text-align: right;
+}
+
+.inputs-input {
+	width: 85%;
+	float: right;
+}