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

lody

Browse source
This commit is contained in:
bronkuu 2026-06-15 21:30:47 +02:00
parent c1eaebb9c9
commit b36b8f2439
95 changed files with 204 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

91
css/wyroby_lody.css
View file

@ -1,6 +1,89 @@
#lody {
text-align: center;
& p {
font-style: italic;
#lody > #wynajem-wozka > #wozek-hero {
display: flex;
border-radius: var(--border-radius);
overflow: hidden;
background-color: var(--surface-container-lowest);
& > #wozek-image {
width: 50%;
flex-shrink: 0;
& > img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
& > #wozek-content {
flex: 1;
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
& > h2 {
padding-bottom: 1rem;
}
& > p {
color: var(--on-surface-variant);
padding-bottom: 1.5rem;
}
& > #wozek-pricing {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding-bottom: 2rem;
& > div {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto;
gap: 0.25rem 1rem;
align-items: baseline;
padding: 1rem;
border-radius: var(--small-border-radius);
background-color: var(--surface-container-low);
& > span {
grid-row: 1;
grid-column: 1;
font-weight: 500;
}
& > strong {
grid-row: 1;
grid-column: 2;
color: var(--primary);
font-size: 1.25rem;
white-space: nowrap;
}
& > small {
grid-row: 2;
grid-column: 1 / -1;
color: var(--on-surface-variant);
font-size: 0.875rem;
}
}
}
}
}
@media (max-width: 768px) {
#lody > #wynajem-wozka > #wozek-hero {
flex-direction: column;
& > #wozek-image {
width: 100%;
height: 250px;
& > img {
height: 100%;
}
}
}
}