xarxaprod
/
xarxaprod-wp-theme
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
sass/components/content/_posts-and-pages.scss
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;