| | |
| | | } |
| | | |
| | | & > .search-button { |
| | | background-color: var(--lightgray); |
| | | background-color: color-mix(in srgb, var(--lightgray) 60%, var(--light)); |
| | | border: none; |
| | | border-radius: 4px; |
| | | font-family: inherit; |
| | |
| | | } |
| | | |
| | | @media all and ($mobile) { |
| | | & > #preview-container { |
| | | flex-direction: column; |
| | | |
| | | & > .preview-container { |
| | | display: none !important; |
| | | } |
| | | |
| | | &[data-preview] > #results-container { |
| | | &[data-preview] > .results-container { |
| | | width: 100%; |
| | | height: auto; |
| | | flex: 0 0 100%; |
| | |
| | | margin: 0; |
| | | } |
| | | |
| | | @media all and not ($mobile) { |
| | | & > p.card-description { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | & > ul.tags { |
| | | margin-top: 0.45rem; |
| | | margin-bottom: 0; |