mirror of
https://github.com/mue/mue.git
synced 2026-07-18 06:24:17 +02:00
91fefbf73c
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com> Co-authored-by: Wessel Tip <discord@go2it.eu> Co-authored-by: Isaac Saunders <contact@eartharoid.me>
40 lines
863 B
SCSS
40 lines
863 B
SCSS
.searchbar {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 20px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
display: block;
|
|
color: map-get($theme-colours, "main-text-color");
|
|
|
|
input[type=text] {
|
|
width: 140px;
|
|
margin-left: 12px;
|
|
border-radius: 24px;
|
|
font-size: calc(5px + 1.2vmin);
|
|
background: transparent;
|
|
border: none;
|
|
color: map-get($theme-colours, "main-text-color");
|
|
position: absolute;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
-webkit-transition: width 0.5s ease-in-out;
|
|
transition: width 0.5s ease-in-out;
|
|
|
|
&:focus {
|
|
width: 400px;
|
|
background-color: rgba(0, 0, 0, .3);
|
|
}
|
|
}
|
|
|
|
.MuiSvgIcon-root {
|
|
margin-top: 4px;
|
|
font-size: 30px;
|
|
filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.input.searchtext {
|
|
border: none;
|
|
}
|