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%; +}