darkened placeholder and ordered view in small screens

This commit is contained in:
jorge 2024-03-14 18:54:24 +01:00
parent 84f6205721
commit e120687f58
1 changed files with 15 additions and 2 deletions

View File

@ -201,6 +201,7 @@
.xarxaprod-associat-info { .xarxaprod-associat-info {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
gap: $grid__gap * 2; gap: $grid__gap * 2;
.xarxaprod-associat-contact, .xarxaprod-associat-contact,
.xarxaprod-associat-services { .xarxaprod-associat-services {
@ -233,7 +234,7 @@
} }
.xarxaprod-associat-osm-link { .xarxaprod-associat-osm-link {
display: grid; display: grid;
grid-template-columns: min-content auto; grid-template-columns: auto;
align-items: center; align-items: center;
h6,p,a { h6,p,a {
margin: 0.5em ; margin: 0.5em ;
@ -336,7 +337,7 @@
height: auto; height: auto;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-bottom: 2em; margin-bottom: 2em;
background-color: rgba(240,240,240,0.2); background-color: rgba(240,240,240,0.4);
border-radius: 0.3em; border-radius: 0.3em;
} }
} }
@ -452,6 +453,18 @@
} }
} }
.single-xarxaprod-associat {
.xarxaprod-associat {
.xarxaprod-associat-info {
grid-template-columns: 1fr 1fr 1fr;
}
.xarxaprod-associat-location {
.xarxaprod-associat-osm-link {
grid-template-columns: min-content auto;
}
}
}
}
.xarxaprod-agenda { .xarxaprod-agenda {
.xarxaprod-card-each { .xarxaprod-card-each {
flex-direction: row-reverse; flex-direction: row-reverse;