All about GPD design
Guidelines
Patterns
Data Visualization
Help
HTML
CSS
.form-container .form-field-label {
margin-bottom: 0.5rem;
color: #000;
}
.form-field-control {
transition: none;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #000;
border-radius: 0px;
}
input:focus-visible {
outline-offset: 0px;
outline-style: solid;
outline-color: #00FFFF;
}
input:focus {
border: 1px solid #00FFFF !important;
}
.error-label {
color: #DC3546 !important;
}
.error-label + input{
border: 1px solid #DC3546;
margin-bottom: 5px;
}
.disabled-label .form-field-control{
background-color: #dfdfdf;
color: #1d1e22;
cursor: not-allowed;
}
.inline-field{
display: flex;
}
.flex-fill {
flex: 1 1 auto!important;
padding-right: 10px;
}
textarea{
resize: none;
min-width: 350px;
}
textarea:focus-visible {
outline-offset: 0px;
outline-style: solid;
outline-color: #00FFFF;
}
textarea:focus {
border: 1px solid #00FFFF !important;
}
