darkened placeholder and ordered view in small screens
This commit is contained in:
parent
84f6205721
commit
e120687f58
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue