| | |
| | | .search { |
| | | min-width: fit-content; |
| | | max-width: 14rem; |
| | | flex-grow: 0.3; |
| | | @media all and ($mobile) { |
| | | flex-grow: 0.3; |
| | | } |
| | | |
| | | & > .search-button { |
| | | background-color: var(--lightgray); |
| | |
| | | margin-left: auto; |
| | | margin-right: auto; |
| | | |
| | | @media all and (max-width: $fullPageWidth) { |
| | | @media all and ($desktop) { |
| | | width: 90%; |
| | | } |
| | | |
| | |
| | | flex: 0 0 min(30%, 450px); |
| | | } |
| | | |
| | | @media all and (min-width: $tabletBreakpoint) { |
| | | @media all and not ($tablet) { |
| | | &[data-preview] { |
| | | & .result-card > p.preview { |
| | | display: none; |
| | |
| | | border-radius: 5px; |
| | | } |
| | | |
| | | @media all and (max-width: $tabletBreakpoint) { |
| | | @media all and ($tablet) { |
| | | & > #preview-container { |
| | | display: none !important; |
| | | } |