diff options
Diffstat (limited to 'client/src/app/header/search-typeahead.component.scss')
-rw-r--r-- | client/src/app/header/search-typeahead.component.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss index 33b88825f..0a30ebd55 100644 --- a/client/src/app/header/search-typeahead.component.scss +++ b/client/src/app/header/search-typeahead.component.scss | |||
@@ -10,7 +10,7 @@ | |||
10 | font-size: 14px; | 10 | font-size: 14px; |
11 | 11 | ||
12 | &::placeholder { | 12 | &::placeholder { |
13 | color: var(--inputPlaceholderColor); | 13 | color: pvar(--inputPlaceholderColor); |
14 | } | 14 | } |
15 | } | 15 | } |
16 | 16 | ||
@@ -18,7 +18,7 @@ | |||
18 | @include icon(25px); | 18 | @include icon(25px); |
19 | height: 21px; | 19 | height: 21px; |
20 | 20 | ||
21 | background-color: var(--mainForegroundColor); | 21 | background-color: pvar(--mainForegroundColor); |
22 | mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%; | 22 | mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%; |
23 | 23 | ||
24 | // yolo | 24 | // yolo |
@@ -37,10 +37,10 @@ | |||
37 | #typeahead-help, | 37 | #typeahead-help, |
38 | #typeahead-instructions, | 38 | #typeahead-instructions, |
39 | my-suggestions ::ng-deep ul { | 39 | my-suggestions ::ng-deep ul { |
40 | border: 1px solid var(--mainBackgroundColor); | 40 | border: 1px solid pvar(--mainBackgroundColor); |
41 | border-bottom-right-radius: 3px; | 41 | border-bottom-right-radius: 3px; |
42 | border-bottom-left-radius: 3px; | 42 | border-bottom-left-radius: 3px; |
43 | background: var(--mainBackgroundColor); | 43 | background: pvar(--mainBackgroundColor); |
44 | transition: .3s ease; | 44 | transition: .3s ease; |
45 | transition-property: box-shadow; | 45 | transition-property: box-shadow; |
46 | } | 46 | } |
@@ -67,7 +67,7 @@ my-suggestions ::ng-deep ul { | |||
67 | 67 | ||
68 | #typeahead-container { | 68 | #typeahead-container { |
69 | input { | 69 | input { |
70 | border: 1px solid var(--mainBackgroundColor) !important; | 70 | border: 1px solid pvar(--mainBackgroundColor) !important; |
71 | box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; | 71 | box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px; |
72 | flex-grow: 1; | 72 | flex-grow: 1; |
73 | transition: box-shadow .3s ease, width .2s ease; | 73 | transition: box-shadow .3s ease, width .2s ease; |