|
|
.search-page {
|
|
|
.search-input {
|
|
|
position: relative;
|
|
|
padding: 14rem / $pxConvertRem 196rem / $pxConvertRem 14rem / $pxConvertRem 30rem / $pxConvertRem;
|
|
|
padding: 14rem / $pxConvertRem 22rem / $pxConvertRem;
|
|
|
background: #f8f8f8;
|
|
|
form {
|
|
|
width: 100%;
|
...
|
...
|
@@ -9,15 +9,15 @@ |
|
|
.search-icon {
|
|
|
position: absolute;
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
top: 32rem / $pxConvertRem;
|
|
|
left: 48rem / $pxConvertRem;
|
|
|
top: 26rem / $pxConvertRem;
|
|
|
left: 36rem / $pxConvertRem;
|
|
|
color: #b2b2b2;
|
|
|
}
|
|
|
|
|
|
input {
|
|
|
height: 60rem / $pxConvertRem;
|
|
|
width: 468rem / $pxConvertRem;
|
|
|
border-radius: 30rem / $pxConvertRem;
|
|
|
height: 56rem / $pxConvertRem;
|
|
|
width: 430rem / $pxConvertRem;
|
|
|
border-radius: 28rem / $pxConvertRem;
|
|
|
padding-left: 52rem / $pxConvertRem;
|
|
|
font-size: 24rem / $pxConvertRem;
|
|
|
background: #fff;
|
...
|
...
|
@@ -35,10 +35,10 @@ |
|
|
.search {
|
|
|
position: absolute;
|
|
|
top: 16rem / $pxConvertRem;
|
|
|
right: 12rem / $pxConvertRem;
|
|
|
left: 515rem / $pxConvertRem;
|
|
|
border: none;
|
|
|
background: transparent;
|
|
|
color: #b2b2b2;
|
|
|
color: #000;
|
|
|
font-size: 32rem / $pxConvertRem;
|
|
|
line-height: 64rem / $pxConvertRem;
|
|
|
}
|
...
|
...
|
|