| @@ -1,10 +1,12 @@ | ||
| 1 | +@import "./global/colors.css"; | |
| 2 | + | |
| 1 | 3 | .ep-autosuggest-container { |
| 2 | 4 | position: relative; |
| 3 | 5 | |
| 4 | 6 | & .ep-autosuggest { |
| 5 | - background: #fff; | |
| 6 | - border: 1px solid #ccc; | |
| 7 | + background: var(--ep-c-white); | |
| 8 | + border: 1px solid var(--ep-c-white-gray); | |
| 7 | 9 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
| 8 | 10 | display: none; |
| 9 | 11 | position: absolute; |
| 10 | 12 | |
| @@ -12,15 +14,19 @@ | ||
| 12 | 14 | z-index: 200; |
| 13 | 15 | |
| 14 | 16 | & > ul { |
| 15 | 17 | list-style: none; |
| 18 | + /* stylelint-disable-next-line declaration-no-important */ | |
| 16 | 19 | margin: 0 !important; |
| 17 | 20 | |
| 21 | + /* stylelint-disable-next-line max-nesting-depth */ | |
| 18 | 22 | & > li { |
| 19 | 23 | font-family: sans-serif; |
| 20 | 24 | |
| 25 | + /* stylelint-disable max-nesting-depth */ | |
| 26 | + /* stylelint-disable-next-line selector-no-qualifying-type */ | |
| 21 | 27 | & > a.autosuggest-link { |
| 22 | - color: #000; | |
| 28 | + color: var(--ep-c-black); | |
| 23 | 29 | cursor: pointer; |
| 24 | 30 | display: block; |
| 25 | 31 | padding: 2px 10px; |
| 26 | 32 | |
| @@ -25,17 +31,18 @@ | ||
| 25 | 31 | padding: 2px 10px; |
| 26 | 32 | |
| 27 | 33 | &:hover, |
| 28 | 34 | &:active { |
| 29 | - background-color: #eee; | |
| 35 | + background-color: var(--ep-c-medium-white); | |
| 30 | 36 | text-decoration: none; |
| 31 | 37 | } |
| 32 | 38 | } |
| 39 | + /* stylelint-enable max-nesting-depth */ | |
| 33 | 40 | } |
| 34 | 41 | } |
| 35 | 42 | } |
| 36 | 43 | |
| 37 | 44 | & .selected { |
| 38 | - background-color: #eee; | |
| 45 | + background-color: var(--ep-c-medium-white); | |
| 39 | 46 | text-decoration: none; |
| 40 | 47 | } |
| 41 | 48 | } |
