| | |
| | | } |
| | | |
| | | @media all and (max-width: $tabletBreakpoint) { |
| | | display: block; |
| | | display: block !important; |
| | | |
| | | & > *:not(#results-container) { |
| | | display: none !important; |
| | | } |
| | |
| | | & .highlight { |
| | | background: color-mix(in srgb, var(--tertiary) 60%, transparent); |
| | | border-radius: 5px; |
| | | scroll-margin-top: 2rem; |
| | | } |
| | | |
| | | & > #preview-container { |
| | |
| | | margin: 0 auto; |
| | | width: min($pageWidth, 100%); |
| | | } |
| | | |
| | | a.internal { |
| | | background-color: inherit; |
| | | } |
| | | } |
| | | |
| | | & > #results-container { |
| | |
| | | outline: none; |
| | | font-weight: inherit; |
| | | |
| | | &:hover, |
| | | &:focus, |
| | | &.focus { |
| | | background: var(--lightgray); |