/lessites

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss

@@ -0,0 +1,68 @@
+main{
+    background-color: #f6f7f3;
+}
+#lessites{
+   
+    .content_container{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        #block-quartiers-de-demain-titredepage{
+            margin-top: 1rem;
+            width: fit-content;
+            @media(max-width: 810px){
+                margin-top: 10rem;
+                grid-column: 2 /span 9;
+            } 
+
+            h1{
+                text-transform: none;
+                color: $blue_QDD;
+                font-size: 2rem;
+                font-weight: 500;
+            }
+        }
+
+    .view{
+        display: flex;
+        flex-direction: column;
+
+        .header_view {
+            position: relative !important;
+            height: fit-content;
+            z-index: none;
+            .view{
+                width: 100vw;
+            }
+        }
+        .grille--views-row{
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            gap: 10px;
+            width: 80%;
+            margin: auto;
+            justify-content: space-between;
+            padding-top: 3rem;
+            font-size: 0.6rem;
+            .views-row{
+                width: 20%;
+                .views-field-title .field-content a{
+                    color: $blue_QDD;
+                    font-family: "gilroy-bold";
+                    padding-top: 0.5rem;
+                }
+                .views-field-field-images .field-content img{
+                    width: 200px;
+                    height: 200px;
+                    object-fit: cover;
+                }
+
+
+            }
+        }
+
+    }
+    }
+}
+

web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss

@@ -47,6 +47,7 @@
 @import "pages/static";
 @import "pages/actualite";
 @import "pages/node-type-site";
+@import "pages/lessites.scss";
 
 
 @import "/home/ouidade/Developer/docker-quartiersdedemain/src/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.scss";