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

featured delights

Browse source
This commit is contained in:
bronkuu 2026-04-27 14:27:25 +02:00
parent 65937dadef
commit b1e40e7beb
484 changed files with 10492 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

83
style.css
View file

@ -135,7 +135,6 @@ nav > div {
&:first-child {
aspect-ratio: 1031/580;
width: 80%;
height: auto;
right: 20%;
bottom: 10%;
@ -143,7 +142,6 @@ nav > div {
&:last-child {
aspect-ratio: 1/1;
width: 50%;
height: auto;
z-index: 10;
left: 50%;
@ -158,4 +156,85 @@ nav > div {
}
}
}
}
.featured-delights {
& > div {
max-width: var(--max-content-width);
margin: 0 auto;
padding: 4rem 2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5rem;
& > div {
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
gap: 3rem;
& > div {
width: 100%;
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
background-color: white;
&:nth-child(2) {
background-color: rgb(from var(--secondary-container) r g b / 0.3);;
}
& img {
display: block;
width: 100%;
scale: 1;
transition: scale 0.7s;
}
& > div:first-child {
overflow: hidden;
}
& > div:last-child {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 1.5rem 2rem 3rem 2rem;
& > a {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
color: var(--primary);
font-weight: bold;
text-decoration: none;
}
}
top: 0;
transition: top 0.2s;
&:hover {
top: -10px;
& img {
scale: 1.1;
}
& svg {
margin-left: 10px;
}
}
& svg {
transition-duration: 0.2s;
}
}
}
}
}
.kawiarnia {
background-color: var(--surface-container-low);
}