1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-16 01:23:15 +02:00
blog/src/features/Search/Search.module.css
2023-11-05 11:47:57 +00:00

33 lines
541 B
CSS

.search {
position: absolute;
left: calc(var(--spacer) / 2);
right: calc(var(--spacer) / 2);
top: calc(var(--spacer) / 3);
z-index: 10;
}
.searchInput {
width: 100%;
}
.searchInput::-webkit-search-cancel-button {
display: none;
}
.searchInputClose {
position: absolute;
right: calc(var(--spacer) / 2);
top: calc(var(--spacer) / 2);
}
.searchInputClose svg {
stroke: var(--brand-grey-light);
width: 24px;
height: 24px;
}
.searchInputClose:hover svg,
.searchInputClose:focus svg {
stroke: var(--link-color);
}