home

2024-06-19 12:34:03 +02:00
parent fa20453ef8
commit 955745dd21
10 changed files with 358 additions and 32 deletions
@@ -0,0 +1,59 @@
+.block-views-blockactus-block-1{
+    background-color: white;
+    h2{
+        width: 80%;
+        margin: auto;
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+    }
+    .view-id-actus{
+        width: 80%;
+        margin: auto;
+        display: flex;
+       justify-content: space-between;
+
+        .views-row{
+            width: 45%;
+            .node-type-actualite{
+                width: 100%;
+                display: flex;
+                flex-direction: column;
+                p.field__item{
+                    display: none;
+                }
+                h2{
+                    order: 3;
+                    margin: 0;
+                }
+                .field--name-field-image{
+                    order: 1;
+                    max-width: 100%;
+                    img{
+                        max-width: 100%;
+                        object-fit: contain;
+                    }
+                }
+                .field--name-field-numero-site {
+                    order: 3;
+                }
+                .field--name-field-adresse-site{
+                    order: 4;
+                }
+                .field--name-field-architecte{
+                    order: 4;
+                }
+                .field--name-field-type-d-actualite{
+                    order: 2;
+                }
+                .field--name-field-site{
+                    order: 3;
+                }
+                
+            }
+            .node-type-actualite > div:nth-child(2) > div:nth-child(2){
+                display: none;
+            }
+        }
+        
+    }
+}
@@ -0,0 +1,8 @@
+.block-views-blockhome-block-1{
+
+    .view-display-id-block_1{
+        width: 60%;
+        margin: auto;
+        padding-top: 5rem;
+    }
+}
@@ -0,0 +1,85 @@
+.home-page-layout-content {
+    
+    .block-views-blocksites-block-1 {
+        .views-row{
+
+            .node-type-site{
+                width: 70%;
+                margin: auto;
+                display: grid;
+                grid-template-rows: repeat(12, 1fr);
+                grid-template-columns: repeat(12, 1fr);
+                .image-site{
+                    order: 1;
+                    grid-row: 1/span 10;
+                    grid-column: 1/span 9;
+                    img {
+                        width: 100%;
+                        object-fit: cover;
+                    }
+                }
+                .filtered-content{
+                    // border: solid $yellow-puca 1px;
+                    background-color: $white-button;
+                    width: 80%;
+                    order: 2;
+                    display: flex;
+                    flex-direction: column;
+                    grid-row: 7/span 5;
+                    grid-column: 7/span 12;
+                    padding: 1rem;
+                    h2{
+                        order: 2;
+                        margin: 0;
+                    }
+                    .field--name-field-numero-site {
+                        order: 1;
+                        text-transform: uppercase;
+                        font-size: 2rem;
+                    }
+                    .field--name-field-adresse-site{
+                        order: 3;
+                        font-size: 1.5rem;
+                        .address{
+                            margin: 0;
+                            display: inline-flex;
+                            .postal-code{
+                                order: 2;
+                            }
+                            .locality{
+                                order: 1;
+                                text-transform: capitalize;
+                                margin-right: 0.5rem;
+                            }
+                            .country{
+                                display: none;
+                            }
+                        }
+                    }
+                    .field--name-field-architecte{
+                        order: 4;
+                    }
+                }
+            }
+        }
+       
+    }
+    .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
+            border: solid $yellow-puca 1px;
+            background-color: $white-button;
+            font-weight: 800;
+            padding: 2rem;
+            margin-right: 1rem;
+            width: 20%;
+            margin-left: 8%;
+            @media(max-width: 891px){
+                margin-bottom: 1rem;
+                // margin: auto;
+            }
+    }
+    .block-block-contentbbaa5e2a-7f7c-498f-b08e-d1a3b36c03a8{
+
+        width: fit-content;
+        margin: auto;
+    }
+}