darkened placeholder and ordered view in small screens

This commit is contained in:
jorge-vitrubio 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 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
gap: $grid__gap * 2;
.xarxaprod-associat-contact,
.xarxaprod-associat-services {
@ -233,7 +234,7 @@
}
.xarxaprod-associat-osm-link {
display: grid;
grid-template-columns: min-content auto;
grid-template-columns: auto;
align-items: center;
h6,p,a {
margin: 0.5em ;
@ -336,7 +337,7 @@
height: auto;
aspect-ratio: 1/1;
margin-bottom: 2em;
background-color: rgba(240,240,240,0.2);
background-color: rgba(240,240,240,0.4);
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-card-each {
flex-direction: row-reverse;