| | |
| | | @use "../../styles/variables.scss" as *; |
| | | |
| | | .search { |
| | | min-width: 5rem; |
| | | min-width: fit-content; |
| | | max-width: 14rem; |
| | | flex-grow: 0.3; |
| | | |
| | |
| | | width: 100%; |
| | | border-radius: 5px; |
| | | background: var(--light); |
| | | box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16); |
| | | box-shadow: |
| | | 0 14px 50px rgba(27, 33, 48, 0.12), |
| | | 0 10px 30px rgba(27, 33, 48, 0.16); |
| | | margin-bottom: 2em; |
| | | } |
| | | |
| | |
| | | font-weight: 700; |
| | | } |
| | | |
| | | &:hover, &:focus { |
| | | &:hover, |
| | | &:focus { |
| | | background: var(--lightgray); |
| | | } |
| | | |
| | |
| | | margin: 0; |
| | | } |
| | | |
| | | & > p { |
| | | & > ul > li { |
| | | margin: 0; |
| | | display: inline-block; |
| | | white-space: nowrap; |
| | | margin: 0; |
| | | overflow-wrap: normal; |
| | | } |
| | | |
| | | & > ul { |
| | | list-style: none; |
| | | display: flex; |
| | | padding-left: 0; |
| | | gap: 0.4rem; |
| | | margin: 0; |
| | | margin-top: 0.45rem; |
| | | // Offset border radius |
| | | margin-left: -2px; |
| | | overflow: hidden; |
| | | background-clip: border-box; |
| | | } |
| | | |
| | | & > ul > li > p { |
| | | border-radius: 8px; |
| | | background-color: var(--highlight); |
| | | overflow: hidden; |
| | | background-clip: border-box; |
| | | padding: 0.03rem 0.4rem; |
| | | margin: 0; |
| | | color: var(--secondary); |
| | | opacity: 0.85; |
| | | } |
| | | |
| | | & > ul > li > .match-tag { |
| | | color: var(--tertiary); |
| | | font-weight: bold; |
| | | opacity: 1; |
| | | } |
| | | |
| | | & > p { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | } |
| | | } |