51 lines
1 KiB
CSS
51 lines
1 KiB
CSS
.form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0.5rem 0;
|
|
padding: 0.5rem;
|
|
background: var(--second-bg);
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
.form .form-group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
.form .form-group label {
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
.form .form-group button,
|
|
.form .form-group select,
|
|
.form .form-group textarea,
|
|
.form .form-group input {
|
|
padding: 0.5rem;
|
|
border-radius: 0.5rem;
|
|
background: var(--default-bg);
|
|
color: var(--default-text);
|
|
outline: none;
|
|
border: none;
|
|
}
|
|
|
|
.form .form-group button:hover,
|
|
.form .form-group select:hover,
|
|
.form .form-group textarea:hover,
|
|
.form .form-group input:hover,
|
|
.form .form-group button:focus,
|
|
.form .form-group select:focus,
|
|
.form .form-group textarea:focus,
|
|
.form .form-group input:focus {
|
|
filter: brightness(1.5);
|
|
}
|
|
|
|
form .form-group button {
|
|
background: var(--highlight-bg);
|
|
color: var(--highlight-text);
|
|
cursor: pointer;
|
|
}
|
|
|
|
form .form-group button:hover {
|
|
filter: brightness(1.5);
|
|
}
|