1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
| .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;
| }
| }
|
|
