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

kawiarnia details section

Browse source
This commit is contained in:
bronkuu 2026-05-11 18:53:51 +02:00
parent e9efef9753
commit b5d50eb3a4
2 changed files with 156 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

77
kawiarnia.css
View file

@ -13,11 +13,13 @@
bottom: 0;
width: 100%;
height: 100%;
& > img {
width: 100%;
height: 100%;
object-fit: cover;
}
& > div {
position: absolute;
bottom: 0;
@ -40,6 +42,7 @@
& > h1 {
line-height: unset;
}
& > * {
max-width: 32rem;
margin: 0;
@ -64,12 +67,14 @@
justify-content: center;
align-items: center;
gap: 2rem;
& > div{
& > div {
justify-content: center;
display: grid;
grid-template-columns: repeat(auto-fill, 18rem);
width: 100%;
gap: 2rem;
& > div {
background-color: white;
border-radius: var(--border-radius);
@ -98,14 +103,80 @@
align-items: center;
justify-content: space-between;
font-weight: bolder;
& > span {
color: var(--primary);
}
&:not(:last-child){
&:not(:last-child) {
border-bottom: 1px dashed var(--on-surface-variant);
}
}
}
}
}
}
}
#kawiarnia-details {
background-color: var(--surface-container-low);
& > div {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: center;
gap: 2rem;
width: 100%;
@media (max-width: 786px) {
grid-template-columns: 1fr;
}
& > div:first-child {
grid-column: 1/ -1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
& > div:not(:first-child) {
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;
}
}
}
}