51 lines
947 B
CSS
51 lines
947 B
CSS
form {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
grid-gap: var(--gap);
|
|
margin: var(--gap) 0;
|
|
}
|
|
|
|
form > label,
|
|
form > input[type="text"],
|
|
form > input[type="number"],
|
|
form > select,
|
|
form > textarea {
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
font-family: inherit;
|
|
}
|
|
form > input[type="text"],
|
|
form > input[type="number"],
|
|
form > textarea {
|
|
border: none;
|
|
border-bottom: 1px solid var(--text);
|
|
}
|
|
|
|
form > .buttons {
|
|
grid-column: 1 / -1;
|
|
text-align: right;
|
|
}
|
|
form > .buttons input {
|
|
padding: .5em 1em;
|
|
margin-left: 1em;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
font-family: inherit;
|
|
border: 0;
|
|
background: var(--bg);
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
}
|
|
form > .buttons input:hover {
|
|
text-decoration: underline;
|
|
}
|
|
form > .buttons input[type="submit"] {
|
|
background: var(--green);
|
|
}
|
|
form > .buttons input[type="reset"] {
|
|
color: var(--red);
|
|
}
|
|
form > .buttons input.del {
|
|
background: var(--red);
|
|
color: var(--text-inv);
|
|
}
|