bitque/jirs-client/js/css/styledForm.css

93 lines
1.8 KiB
CSS

.styledForm {
display: block;
}
.styledForm > .formElement {
padding: 25px 40px 35px;
}
.styledForm > .formElement > .formHeading {
padding-bottom: 15px;
font-size: 21px;
}
.styledForm > .formElement .selectItem {
display: flex;
align-items: center;
margin-right: 15px;
}
.styledForm > .formElement .selectItem.withBottomMargin {
margin-bottom: 5px;
}
.styledForm > .formElement .selectItem > .selectItemLabel {
padding: 0 3px 0 6px;
}
.styledForm > .formElement .divider {
margin-top: 22px;
border-top: 1px solid var(--borderLightest);
}
.styledForm > .formElement > .actions {
display: flex;
justify-content: flex-end;
padding-top: 30px;
}
.styledForm > .formElement > .actions > .actionButton {
margin-left: 10px;
}
.styledField {
display: block;
}
.styledField > .styledLabel {
display: block;
padding-bottom: 5px;
color: var(--textMedium);
font-family: var(--font-medium);
font-weight: normal;
font-size: 13px;
}
.styledField > .styledTip {
padding-top: 6px;
color: var(--textMedium);
font-size: 12.5px;
}
.styledField > * {
display: block;
}
.styledTextArea {
display: inline-block;
width: 100%;
}
.styledTextArea > textarea {
overflow-y: hidden;
width: 100%;
padding: 8px 12px 9px;
border-radius: 3px;
border: 1px solid var(--borderLightest);
color: var(--textDarkest);
background: var(--backgroundLightest);
font-family: var(--font-regular);
font-weight: normal;
font-size: 15px
}
.styledTextArea > textarea:focus {
background: #fff;
border: 1px solid var(--borderInputFocus);
box-shadow: 0 0 0 1px var(--borderInputFocus);
}
.styledTextArea > textarea.invalid:focus {
border: 1px solid var(--danger);
}