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

more style tweaks

Browse source
This commit is contained in:
bronku 2026-11-08 11:31:22 +01:00
parent 7c543b10f7
commit 26ec165803
2 changed files with 49 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

42
css/swieta.css
View file

@ -4,6 +4,11 @@
}
#swieta {
& h2 {
text-align: center;
}
box-sizing: border-box;
& > * {
padding: 2rem;
}
@ -31,16 +36,47 @@
align-items: center;
background-color: var(--swieta-green);
border-radius: var(--border-radius);
& > * {
text-align: center;
}
}
}
& > section:has(#wyroby) {
& h2 {
margin-bottom: 2rem;
}
}
& #wyroby {
& > h2 {
grid-column: -1 / 1;
place-self: center;
}
@media (max-width: 768px) {
gap:0;
background-color: white;
border-radius: var(--border-radius);
grid-template-columns: 1fr;
& .card {
background-color: transparent;
border-radius: 0;
& > :last-child {
padding: 1rem 2rem;
}
&:not(:last-child) {
border-bottom: 1px solid var(--on-surface);
}
}
}
& .card {
& > :first-child {
display:none;
@ -51,9 +87,13 @@
align-items: center;
& > h3 {
grid-row: -1 / 1;
margin: 11px 0;
}
&:has(p:not(:empty)) > span {
grid-row: 2;
}
& > span {
grid-row: 2;
grid-row: -1 / 1;
grid-column: 2;
}
& > p{

13
html/swieta.templ
View file

@ -26,13 +26,16 @@ templ Swieta(products []types.Product) {
</p>
</div>
</header>
<div id="wyroby" class="swieta">
<section>
<h2>Święteczne Słodkości</h2>
for _, product:= range products {
@card(product)
}
</div>
<div id="wyroby" class="swieta">
for _, product:= range products {
@card(product)
}
</div>
</section>
<section id="additional-info">
<h2>Informacje odnośnie zamówień świątecznych</h2>
<div class="card">
<span>ODBIÓR ZAMÓWIEŃ</span>
<h3>24 grudnia (wigilia)</h3>