65 lines
1.2 KiB
CSS
65 lines
1.2 KiB
CSS
::placeholder {
|
|
color: var(--text-color);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]),
|
|
textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]),
|
|
textarea,
|
|
select {
|
|
color: var(--text-color);
|
|
border-radius: var(--border-radius-slight);
|
|
background-color: var(--background-color);
|
|
padding: var(--spacing-sm);
|
|
border: var(--border-gray);
|
|
}
|
|
|
|
form,
|
|
input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]),
|
|
textarea {
|
|
margin-bottom: var(--spacing-base);
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
.search__form {
|
|
margin-top: 0;
|
|
|
|
& .search__form--input::-webkit-search-cancel-button {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.search__form--type {
|
|
display: flex;
|
|
gap: var(--spacing-md);
|
|
margin-top: var(--sizing-md);
|
|
border: none;
|
|
|
|
@media screen and (max-width: 768px) {
|
|
flex-direction: column;
|
|
gap: var(--spacing-xs);
|
|
}
|
|
}
|
|
|
|
.search__results {
|
|
margin: 0 0 var(--spacing-base);
|
|
padding: 0;
|
|
list-style: none;
|
|
display: none;
|
|
|
|
& li {
|
|
margin: var(--spacing-sm) 0;
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: var(--sizing-base);
|
|
border-bottom: var(--border-gray);
|
|
}
|
|
}
|
|
}
|