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

what is going on

Browse source
This commit is contained in:
bronkuu 2026-05-27 17:11:44 +02:00
parent 7fdf2fc4c1
commit 45c9005c92
157 changed files with 5187 additions and 186 deletions
Download patch file Download diff file Expand all files Collapse all files

188
css/wyroby_torty.css Normal file
View file

@ -0,0 +1,188 @@
#wyroby-torty > section {
padding: 2rem;
}
#rodzaje-tortow {
display: grid;
grid-template-columns: repeat(4, 1fr);
@media (max-width: 786px) {
grid-template-columns: 1fr;
}
gap: 2rem;
& > div {
}
}
#cennik-tortow {
display: grid;
grid-template-columns: 2fr 1fr;
@media (max-width: 786px) {
grid-template-columns: 1fr;
}
gap: 2rem;
& li {
display: flex;
align-items: center;
justify-content: space-between;
& > span:last-child {
font-weight: bold;
color: var(--primary);
}
&:not(:last-child) {
border-bottom: 1px solid var(--surface-container-highest);
}
}
& > div:first-child {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
& > h3, & > svg {
padding: 1rem;
}
& > svg {
font-size: 2rem;
padding-right: 0;
place-self: center;
}
& > ul {
overflow: hidden;
border: 1px solid var(--surface-container-highest);
border-radius: var(--small-radius);
background-color: white;
grid-column: 1 / -1;
& > li {
padding: 1rem 2rem;
&:first-child {
font-weight: bold;
background-color: rgb(from var(--secondary-container) r g b / 30%);
& > span:last-child {
color: black;
}
}
}
}
}
& > div:last-child > ul > li {
padding: 0.75rem 0;
}
}
#menu-smakow {
display: grid;
grid-template-columns: repeat(var(--grid-cols), 1fr);
gap: 2rem;
& > header {
text-align: center;
grid-column: 1 / -1;
}
& .offer-card {
padding: 2rem;
border: 1px solid var(--surface-container-highest);
border-radius: var(--border-radius);
background: white;
}
& dl {
color: var(--on-surface);
& > * {
padding: 0.25rem 0;
}
& dt {
font-size: 1.1rem;
font-weight: 700;
display: inline-block;
margin-top: 1rem;
color: var(--primary);
border-bottom: 1px dashed var(--outline-variant);
}
& dd {
font-size: 0.75rem;
font-style: italic;
margin: 0;
padding-top: 0.25rem;
color: var(--on-surface-variant);
}
}
}
#torty-musowe {
border: 1px solid var(--surface-container-highest);
border-radius: var(--border-radius);
background-color: var(--surface-container-low);
& > div {
display: grid;
padding: 2rem;
grid-template-columns: auto auto;
gap: 2rem;
& > header {
display: grid;
grid-template-rows: auto 1fr;
place-items: center;
& > div {
overflow: hidden;
width: 60%;
border: 10px solid white;
border-radius: var(--border-radius);
& > img {
width: 100%;
}
}
}
& > div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
@media (max-width: 786px) {
grid-template-columns: 1fr;
& > div {
grid-template-columns: 1fr;
}
}
& h4 {
font-family: 'Plus Jakarta Sans', sans-serif; /* Modern font for titles */
font-weight: 700;
margin-bottom: 0.5rem;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--primary);
}
& p {
font-size: 0.95rem;
opacity: 0.8;
}
}
}