| | |
|---|
| | | opacity: 0.3; |
|---|
| | | transition: opacity 0.3s ease; |
|---|
| | | color: var(--secondary); |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | p, ul, text { |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | img { |
|---|
| | | width: 100%; |
|---|
| | | max-width: 100%; |
|---|
| | | border-radius: 3px; |
|---|
| | | margin: 1em 0; |
|---|
| | | } |
|---|
| | |
|---|
| | | flex: 1 1 auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | & > svg { |
|---|
| | | #search-icon { |
|---|
| | | background-color: var(--lightgray); |
|---|
| | | border-radius: 4px; |
|---|
| | | height: 2em; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | cursor: pointer; |
|---|
| | | & > p { |
|---|
| | | display: inline; |
|---|
| | | padding-left: 0.5em; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | & svg { |
|---|
| | | cursor: pointer; |
|---|
| | | width: 18px; |
|---|
| | | min-width: 18px; |
|---|
| | | margin: 0 1em; |
|---|
| | | margin: 0 0.5em; |
|---|
| | | |
|---|
| | | &:hover .search-path { |
|---|
| | | stroke: var(--tertiary); |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
