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

171
css/kawiarnia.css Normal file
View file

@ -0,0 +1,171 @@
#kawiarnia-header {
padding: 0;
max-width: 100%;
width: 100%;
overflow: hidden;
position: relative;
& > :last-child {
z-index: -10;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
& > img {
width: 100%;
height: 100%;
object-fit: cover;
}
& > div {
position: absolute;
bottom: 0;
background-image: linear-gradient(to right, var(--surface), transparent);
width: 100%;
height: 100%;
z-index: 100;
}
}
& > :first-child {
margin: 0 auto;
max-width: var(--max-content-width);
padding: 8rem 2rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: flex-start;
& > h1 {
line-height: unset;
}
& > * {
max-width: 32rem;
margin: 0;
}
& > span {
color: var(--primary);
letter-spacing: 0.05rem;
font-size: 1.125rem;
}
& > p {
font-size: 1.125rem;
color: var(--on-surface-variant);
}
}
}
#kawiarnia-content {
background-color: var(--surface-container-low);
& > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2rem;
& > div {
justify-content: center;
display: grid;
grid-template-columns: repeat(var(--grid-cols), 1fr);
width: 100%;
gap: 2rem;
& > div {
background-color: white;
border-radius: var(--border-radius);
padding: 2rem;
& > ul {
& > h3 {
padding-top: 2rem;
}
& > li {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bolder;
& > span {
color: var(--primary);
}
&:not(:last-child) {
border-bottom: 1px dashed var(--on-surface-variant);
}
}
}
&:first-child {
grid-row: span 2;
}
}
}
}
}
#kawiarnia-details {
display: grid;
grid-template-columns: repeat(var(--grid-cols), 1fr);
justify-content: center;
gap: 2rem;
width: 100%;
& > header {
grid-column: 1/ -1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
padding-bottom: 1rem;
}
& > div {
padding: 2rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 2rem;
background-color: white;
border-radius: var(--border-radius);
& > svg {
--icon-color: var(--primary);
padding: 1rem;
overflow: visible;
color: var(--icon-color);
background-color: rgb(from var(--icon-color) r g b / 10%);
border-radius: var(--border-radius);
}
& > ul {
width: 100%;
& > li {
display: flex;
justify-content: space-between;
padding: 1rem 0;
&:not(:last-child) {
border-bottom: 1px dashed var(--on-surface-variant);
}
}
}
& > a {
color: var(--primary);
text-decoration: none;
font-size: 1.25rem;
}
}
}