40 lines
1 KiB
SCSS
40 lines
1 KiB
SCSS
|
.home_search {
|
||
|
|
background-image: linear-gradient(rgba(8, 15, 40, .8), rgba(8, 15, 40, .9)), url("../images/home.webp");
|
||
|
|
background-color: #fafafa;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center center;
|
||
|
|
background-attachment: fixed;
|
||
|
|
background-size: cover;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
input {
|
||
|
|
padding: 10px 25px;
|
||
|
|
width: calc(100% - 55px);
|
||
|
|
border: none;
|
||
|
|
border-radius: 25px 0 0 25px;
|
||
|
|
-webkit-border-radius: 25px 0 0 25px;
|
||
|
|
-moz-border-radius: 25px 0 0 25px;
|
||
|
|
-ms-border-radius: 25px 0 0 25px;
|
||
|
|
-o-border-radius: 25px 0 0 25px;
|
||
|
|
min-height: 50px;
|
||
|
|
background-color: #0d0d31;
|
||
|
|
color: #ffffff;
|
||
|
|
|
||
|
|
&:focus {
|
||
|
|
background-color: #0d0d31;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
background-color: $primary;
|
||
|
|
width: 55px;
|
||
|
|
color: #ffffff;
|
||
|
|
border-radius: 0 25px 25px 0;
|
||
|
|
-webkit-border-radius: 0 25px 25px 0;
|
||
|
|
-moz-border-radius: 0 25px 25px 0;
|
||
|
|
-ms-border-radius: 0 25px 25px 0;
|
||
|
|
-o-border-radius: 0 25px 25px 0;
|
||
|
|
}
|
||
|
|
}
|