mirror of https://github.com/mue/mue.git
38 lines
733 B
SCSS
38 lines
733 B
SCSS
@import '../../../scss/variables';
|
|
|
|
#searchBar {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 20px;
|
|
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);
|
|
border: none;
|
|
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;
|
|
color: white;
|
|
|
|
&: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;
|
|
}
|
|
}
|
|
|
|
.micIcon {
|
|
margin-right: 10px;
|
|
}
|