| | |
| | | .info h4 { |
| | | margin: 0; |
| | | font-weight: var(--fw-h); |
| | | font-size: var(--txt-medium); |
| | | } |
| | | |
| | | .field.quantity.quantity > label { |
| | | position: absolute; |
| | | left: var(--offScreen); |
| | | } |
| | | nav.menu { |
| | | max-width: 100%; |
| | | ul { |
| | | --justify: flex-start; |
| | | li { |
| | | padding: 0 .5rem; |
| | | } |
| | | } |
| | | } |
| | | main { |
| | | > header { |
| | | grid-column: full; |
| | | |
| | | h1 { |
| | | max-width: var(--wide); |
| | | } |
| | | } |
| | | |
| | | > section * { |
| | | max-width: var(--wide)!important; |
| | | } |
| | | } |
| | | |
| | | .menu-item.menu-item { |
| | | margin: var(--sp2); |
| | | max-width: none; |
| | | &:target { |
| | | outline: none; |
| | | background: transparent; |
| | | border: 1rem solid rgb(var(--action-0)); |
| | | h3 { |
| | | color: rgb(var(--action-0)); |
| | | } |
| | | } |
| | | +.menu-item { |
| | | padding-top: var(--sp4); |
| | | border-top: 1px solid rgb(var(--base-200)); |
| | | } |
| | | |
| | | .header { |
| | | flex-wrap:nowrap; |
| | | figure { |
| | | max-width: 30vw!important; |
| | | aspect-ratio: 1; |
| | | object-fit: cover; |
| | | } |
| | | h3, p { |
| | | margin: 0; |
| | | width: max-content; |
| | | } |
| | | } |
| | | |
| | | .gallery figure { |
| | | max-width: 15vw!important; |
| | | aspect-ratio: 1; |
| | | object-fit: cover; |
| | | } |
| | | figcaption { |
| | | display: none; |
| | | } |
| | | } |