umbo

commit 94f2a94c7f73742529de44443f7321c7959a1fcc

Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>

Add basic form elements

 src/forms.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++


diff --git a/src/forms.css b/src/forms.css
new file mode 100644
index 0000000000000000000000000000000000000000..9578eacf307d9d63a822c2a4f182ec5934d2f269
--- /dev/null
+++ b/src/forms.css
@@ -0,0 +1,63 @@
+.umbo-fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+
+.umbo-fieldset-legend {
+	margin-bottom: 5px;
+}
+
+.umbo-form-group {
+	display: block;
+	margin-bottom: 30px;
+}
+
+.umbo-label {
+	display: block;
+	font-size: 1rem;
+	font-weight: 400;
+	margin-bottom: 5px;
+}
+
+.umbo-input {
+	font-size: 1rem;
+	line-height: 1.5;
+	padding: .25rem .375rem;
+
+	height: 2.5rem;
+
+	border-color: #888;
+}
+
+.umbo-input:focus {
+	outline: 3px solid #33fe96;
+	outline-offset: 0;
+	border: 1px solid #0b0c0c;
+	box-shadow: inset 0px 0px 0px 2px;
+}
+
+.umbo-form-actions {
+	display: inline-block;
+}
+
+.umbo-input-full-width {
+	width: 100%;
+}
+
+.umbo-input-large {
+	width: 75%;
+}
+
+.umbo-input-medium {
+	width: 50%;
+}
+
+.umbo-input-small {
+	width: 25%;
+}
+
+.umbo-input-xsmall {
+	width: 10%;
+}