mue/assets/scss/modules/_search.scss

58 lines
2.4 KiB
SCSS

/*
█████████████████████████████████████████████████████████████
██ ██
██ ███ ███ ██ ██ ███████ ██
██ ████ ████ ██ ██ ██ ██
██ ██ ████ ██ ██ ██ █████ ██
██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██████ ███████ ██
██ ██
██ ██
██ Copyright 2018-2019 David Ralph (ohlookitsderpy) ██
██ Licensed under MIT ██
██ GitHub: https://github.com/ohlookitsderpy/Mue ██
██ ██
██ Special thanks to contributors! <3 ██
█████████████████████████████████████████████████████████████
*/
.search-bar {
position: absolute;
left: 20px;
top: 20px;
display: flex;
flex-direction: row;
button {
font-size: 1px;
border: none;
cursor: pointer;
background: none;
--shadow-shift: 0.4rem;
i.material-icons {
text-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
display: inline;
}
input[type=text] {
padding: 10px;
font-size: 15px;
border: 5px;
opacity: 0.5;
color: #fff;
font-weight: bold;
margin-left: 5px;
letter-spacing: 1px;
display: inline;
}
}
.input.searchText {
flex-grow: 2;
border: none;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.searchbarform {
display: flex;
flex-direction: row;
}