bronku/piekarnikgosipl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

kawiarnia

Browse source
This commit is contained in:
bronku 2026-05-12 18:00:51 +02:00
parent 4a46335869
commit aca8aa9866
2 changed files with 56 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

16
kawiarnia.css
View file

@ -71,7 +71,12 @@
& > div {
justify-content: center;
display: grid;
grid-template-columns: repeat(auto-fill, 18rem);
grid-template-columns: repeat(3, 1fr);
@media (max-width: 786px) {
grid-template-columns: 1fr;
}
width: 100%;
gap: 2rem;
@ -89,6 +94,7 @@
color: var(--icon-color);
background-color: rgb(from var(--icon-color) r g b / 10%);
border-radius: var(--border-radius);
overflow: visible;
}
& > h3 {
@ -98,6 +104,10 @@
& > ul {
grid-column: 1/span 2;
& > h3 {
padding-top: 2rem ;
}
& > li {
display: flex;
align-items: center;
@ -113,6 +123,10 @@
}
}
}
&:first-child {
grid-row: span 2;
}
}
}
}

44
kawiarnia.html
View file

@ -59,15 +59,29 @@
<li><p>Latte Macchiato</p><span>15 PLN</span></li>
<li><p>Kawa Mrożona</p><span>22 PLN</span></li>
<li><p>Ice Latte</p><span>20 PLN</span></li>
</ul>
<h3>Dodatki do kawy</h3>
<ul>
<h3>Dodatki</h3>
<li><p>Bita śmietana</p><span>4 PLN</span></li>
<li><p>Syrop</p><span>2 PLN</span></li>
<li><p>Dodatkowa porcja espresso</p><span>2 PLN</span></li>
</ul>
</div>
<div>
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cake-slice-icon lucide-cake-slice"><path d="M16 13H3"/><path d="M16 17H3"/><path d="m7.2 7.9-3.388 2.5A2 2 0 0 0 3 12.01V20a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8.654c0-2-2.44-6.026-6.44-8.026a1 1 0 0 0-1.082.057L10.4 5.6"/><circle cx="9" cy="7" r="2"/></svg>
<h3>Słodkości</h3>
<ul><p>Codziennie pieczemy coś innego! Zapytaj obsługę o dzisiejsze smaki.</p>
<li><p>Domowe ciasta</p><span>10 - 15 LN</span></li>
<li><p>Deserki</p><span>5 - 10 PLN</span></li>
<li><p>Mini Pavlova</p><span>10 PLN</span></li>
</ul>
</div>
<div>
<svg style="--icon-color: #7D8C61" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-leaf-icon lucide-leaf">
<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/>
<path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/>
</svg>
<h3>Herbaty</h3>
<ul>
<li><p>Czarna</p><span>10 PLN</span></li>
@ -80,6 +94,14 @@
</ul>
</div>
<div>
<svg style="--icon-color: #D48C45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-cup-soda-icon lucide-cup-soda">
<path d="m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8"/>
<path d="M5 8h14"/>
<path d="M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0"/>
<path d="m12 8 1-6h2"/>
</svg>
<h3>Napoje</h3>
<ul>
<li><p>Woda gazowana</p><span>6 PLN</span></li>
@ -92,6 +114,13 @@
</ul>
</div>
<div>
<svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-ice-cream-cone-icon lucide-ice-cream-cone">
<path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11"/>
<path d="M17 7A5 5 0 0 0 7 7"/>
<path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4"/>
</svg>
<h3>Lody</h3>
<ul>
<li><p>Mała gałka</p><span>6 PLN</span></li>
@ -102,6 +131,15 @@
</ul>
</div>
<div>
<svg style="--icon-color: #C29B40" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-grid3x3-icon lucide-grid-3x3">
<rect width="18" height="18" x="3" y="3" rx="2"/>
<path d="M3 9h18"/>
<path d="M3 15h18"/>
<path d="M9 3v18"/>
<path d="M15 3v18"/>
</svg>
<h3>Gofry</h3>
<ul>
<li><p>Gofr</p><span>12 PLN</span></li>