|
@@ -16,17 +16,25 @@ |
|
@@ -16,17 +16,25 @@ |
|
16
|
border-radius: 30rem / $pxConvertRem;
|
16
|
border-radius: 30rem / $pxConvertRem;
|
|
17
|
padding: 0 32rem / $pxConvertRem 0 52rem / $pxConvertRem;
|
17
|
padding: 0 32rem / $pxConvertRem 0 52rem / $pxConvertRem;
|
|
18
|
|
18
|
|
|
19
|
- .search-input {
|
19
|
+ a {
|
|
20
|
width: 100%;
|
20
|
width: 100%;
|
|
21
|
height: 60rem / $pxConvertRem;
|
21
|
height: 60rem / $pxConvertRem;
|
|
22
|
- border: 0;
|
22
|
+ border: 0;
|
|
|
|
23
|
+ display: block;
|
|
|
|
24
|
+ span{
|
|
|
|
25
|
+ line-height: 60rem / $pxConvertRem;
|
|
|
|
26
|
+ color: #bdbdbd;
|
|
|
|
27
|
+ font-size: 1.2em;
|
|
|
|
28
|
+ padding-left: 18rem / $pxConvertRem;
|
|
|
|
29
|
+ }
|
|
23
|
}
|
30
|
}
|
|
24
|
|
31
|
|
|
25
|
.search-icon {
|
32
|
.search-icon {
|
|
26
|
position: absolute;
|
33
|
position: absolute;
|
|
27
|
font-size: 24rem / $pxConvertRem;
|
34
|
font-size: 24rem / $pxConvertRem;
|
|
28
|
- top: 20rem / $pxConvertRem;
|
35
|
+ top: 0;
|
|
29
|
left: 24rem / $pxConvertRem;
|
36
|
left: 24rem / $pxConvertRem;
|
|
|
|
37
|
+ line-height: 60rem / $pxConvertRem;
|
|
30
|
color: #bdbdbd;
|
38
|
color: #bdbdbd;
|
|
31
|
}
|
39
|
}
|
|
32
|
|
40
|
|
