2022-09-25 10:55:47 +00:00
|
|
|
label > * {
|
|
|
|
display:inline;
|
|
|
|
}
|
|
|
|
|
|
|
|
form > * {
|
|
|
|
display: block;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea, input, select {
|
2022-09-27 10:37:28 +00:00
|
|
|
border: 2px solid;
|
2022-10-24 15:05:36 +00:00
|
|
|
padding: 2px;
|
2022-09-25 10:55:47 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
textarea, input[type=text] {
|
|
|
|
-webkit-appearance: none; /* make iOS inputs pretty */
|
|
|
|
width: 13em;
|
|
|
|
outline: 0;
|
2022-09-27 10:37:28 +00:00
|
|
|
border: 2px solid;
|
2022-09-25 10:55:47 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.addon {
|
2022-10-24 15:05:36 +00:00
|
|
|
padding: 2px 2px;
|
2022-09-25 10:55:47 +00:00
|
|
|
border-width: 2px;
|
|
|
|
border-style: solid none solid solid;
|
|
|
|
}
|
2022-09-27 10:37:28 +00:00
|
|
|
|
|
|
|
textarea:focus, input:focus, select:focus {
|
2022-10-23 14:35:27 +00:00
|
|
|
border-color: var(--accent);
|
2022-09-27 10:37:28 +00:00
|
|
|
}
|
2022-10-24 15:05:36 +00:00
|
|
|
.form-block:focus-within .addon {
|
|
|
|
border-color: var(--accent);
|
|
|
|
}
|