51 lines
932 B
SCSS
51 lines
932 B
SCSS
%form-element,
|
|
%form-element-label,
|
|
%form-element-note,
|
|
%form-element textarea {
|
|
display: block;
|
|
}
|
|
%form-element a {
|
|
display: inline;
|
|
}
|
|
%form-element [type='text'],
|
|
%form-element [type='password'] {
|
|
display: inline-flex;
|
|
justify-content: flex-start;
|
|
}
|
|
%form-element textarea {
|
|
resize: vertical;
|
|
}
|
|
%form-row {
|
|
margin-bottom: 1.4em;
|
|
}
|
|
%form-element-label {
|
|
margin-bottom: 0.3em;
|
|
}
|
|
%form-element [type='text'],
|
|
%form-element [type='password'] {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
/* height: 2.25em; */
|
|
height: 0;
|
|
padding: 17px 13px;
|
|
}
|
|
%form-element textarea {
|
|
max-width: 100%;
|
|
min-width: 100%;
|
|
min-height: 70px;
|
|
padding: 6px 13px;
|
|
}
|
|
/* TODO: notes after buttons need less space, ideally they'd be the same */
|
|
%form button + em {
|
|
margin-top: 0.5em;
|
|
}
|
|
%form-element-note {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/* this is for label span em input */
|
|
%form-element-label + em {
|
|
margin-top: -0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|