47 lines
No EOL
1.2 KiB
CSS
47 lines
No EOL
1.2 KiB
CSS
.search {
|
|
display: flex;
|
|
flex-direction: row;
|
|
box-shadow: var(--shadow);
|
|
border-radius: 5rem;
|
|
background-color: var(--color-background);
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.search input {
|
|
padding-left: 0.5rem;
|
|
background-color: var(--color-background);
|
|
font-family: 'JetBrains Mono';
|
|
background-color: #00000000;
|
|
border: 0;
|
|
width: 100%;
|
|
border-top-right-radius: 5rem;
|
|
border-bottom-right-radius: 5rem;
|
|
}
|
|
|
|
.search input:focus {
|
|
border: 0;
|
|
outline: none;
|
|
}
|
|
|
|
.search svg {
|
|
color: var(--color-background);
|
|
background-color: var(--color-text);
|
|
border-radius: 100%;
|
|
box-shadow: #4f325d40 15px 0px 60px -12px, #0000004d 15px 0px 36px -18px;
|
|
background: radial-gradient(circle farthest-corner at 0px 0px, var(--color-subtext) 0%, var(--color-text) 80%);
|
|
cursor: pointer;
|
|
transform: scale(1.1) !important;
|
|
}
|
|
|
|
.search-box {
|
|
width: inherit;
|
|
height: 16rem;
|
|
background-color: var(--color-background);
|
|
box-shadow: var(--shadow);
|
|
border-radius: 1rem;
|
|
position: absolute !important;
|
|
z-index: var(--z-index-normal);
|
|
transform: translateX(-1rem);
|
|
display: none;
|
|
opacity: 0;
|
|
} |