]>
Commit | Line | Data |
---|---|---|
26c6ee80 C |
1 | #search-video { |
2 | display: inline-block; | |
3 | height: $button-height; | |
4 | width: $search-input-width; | |
5 | margin-right: 15px; | |
6 | padding-right: 25px; // For the search icon | |
7 | background: #fff; | |
8 | border: 1px solid #C6C6C6; | |
9 | border-radius: 3px; | |
10 | padding-left: 15px; | |
11 | ||
12 | &::placeholder { | |
13 | color: #000; | |
14 | } | |
15 | } | |
16 | ||
17 | .icon.icon-search { | |
18 | display: inline-block; | |
19 | background: url('../../../assets/header/search.svg') no-repeat; | |
20 | background-size: contain; | |
21 | width: 25px; | |
22 | height: 21px; | |
23 | vertical-align: middle; | |
24 | cursor: pointer; | |
25 | // yolo | |
26 | position: absolute; | |
27 | margin-left: -50px; | |
28 | margin-top: 5px; | |
29 | } | |
30 | ||
31 | .upload-button { | |
32 | display: inline-block; | |
33 | color: #fff; | |
34 | font-weight: $font-semibold; | |
35 | font-size: 15px; | |
36 | height: $button-height; | |
37 | line-height: $button-height; | |
38 | border-radius: 3px; | |
39 | text-align: center; | |
40 | margin-right: 25px; | |
41 | background-color: $orange-color; | |
42 | padding: 0 17px 0 13px; | |
43 | ||
44 | @include disable-default-a-behaviour; | |
45 | ||
46 | .icon.icon-upload { | |
47 | display: inline-block; | |
48 | background: url('../../../assets/header/upload.svg') no-repeat; | |
49 | background-size: contain; | |
50 | width: 22px; | |
51 | height: 24px; | |
52 | vertical-align: middle; | |
53 | margin-right: 6px; | |
54 | } | |
55 | } |