mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-16 01:23:15 +02:00
33 lines
541 B
CSS
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);
|
|
}
|