| | |
| | | .info h4 { |
| | | margin: 0; |
| | | font-weight: var(--fw-h); |
| | | font-size: var(--txt-medium); |
| | | } |
| | | |
| | | .field.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); |
| | | } |
| | | } |
| | | |
| | | .menu-item.menu-item { |
| | | margin: var(--sp2); |
| | | max-width: none; |
| | | +.menu-item { |
| | | padding-top: var(--sp4); |
| | | border-top: 1px solid rgb(var(--base-200)); |
| | | } |
| | | |
| | | .header { |
| | | flex-wrap:nowrap; |
| | | |
| | | h3, p { |
| | | margin: 0; |
| | | width: max-content; |
| | | } |
| | | } |
| | | } |