From e120687f58879ff78f6f26f7d4fec9ef5768890f Mon Sep 17 00:00:00 2001
From: jorge-vitrubio <jorge@vitrubio.net>
Date: Thu, 14 Mar 2024 18:54:24 +0100
Subject: [PATCH] darkened placeholder and ordered view in small screens

---
 sass/components/content/_posts-and-pages.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/sass/components/content/_posts-and-pages.scss b/sass/components/content/_posts-and-pages.scss
index 7cd5803..6ab457b 100644
--- a/sass/components/content/_posts-and-pages.scss
+++ b/sass/components/content/_posts-and-pages.scss
@@ -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;