mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
66 lines
1.2 KiB
CSS
66 lines
1.2 KiB
CSS
|
|
:root {
|
|
--rs-findbar-open-pos: 15px;
|
|
--rs-findbar-closed-pos: -85px;
|
|
--rs-findbar-transition-duration: 0.35s;
|
|
}
|
|
|
|
@keyframes rs-findbar-open {
|
|
from {
|
|
top: var(--rs-findbar-closed-pos);
|
|
}
|
|
|
|
to {
|
|
top: var(--rs-findbar-open-pos);
|
|
}
|
|
}
|
|
|
|
findbar {
|
|
display: flex;
|
|
|
|
border-radius: var(--zen-border-radius) !important;
|
|
margin: 0px !important;
|
|
|
|
width: 90% !important;
|
|
max-width: 800px;
|
|
|
|
/* height: 50px !important; */
|
|
height: auto !important;
|
|
|
|
position: absolute !important;
|
|
top: var(--rs-findbar-open-pos);
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
overflow: unset !important;
|
|
box-shadow: var(--box-shadow-10);
|
|
|
|
background: var(--zen-colors-tertiary) !important;
|
|
border: 1px solid var(--zen-colors-border) !important;
|
|
|
|
animation-name: rs-findbar-open !important;
|
|
animation-duration: var(--rs-findbar-transition-duration) !important;
|
|
animation-timing-function: ease !important;
|
|
|
|
transition: all var(--rs-findbar-transition-duration) ease !important;
|
|
|
|
& .findbar-container {
|
|
flex-wrap: wrap;
|
|
overflow-x: auto !important;
|
|
height: auto !important;
|
|
|
|
row-gap: 10px;
|
|
|
|
& > :first-child {
|
|
width: 100% !important;
|
|
}
|
|
|
|
& .findbar-textbox {
|
|
flex-grow: 1;
|
|
}
|
|
}
|
|
|
|
&[hidden="true"] {
|
|
top: var(--rs-findbar-closed-pos);
|
|
}
|
|
}
|