site pilote

2024-06-19 18:03:19 +02:00
parent 895488d676
commit 9f8ee055b8
14 changed files with 643 additions and 64 deletions
@@ -43,16 +43,20 @@
            }

            .block-region-content{
-                // display: grid;
+                display: grid;
                // grid-column: repeat(2, 1fr);
+                grid-template-rows: repeat(8, 1fr);
                @media(max-width: 891px){
                    display: flex;
                    flex-direction: column;
                
                }
+                .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee{
+                    grid-row: 1 /span 3;
+                }
                .block-views-blockhome-block-1{
                    // grid-column: 1 /span 2;
-                    // grid-row: 1;
+                    grid-row: 2 /span 6;
                    margin-bottom: 2rem;
                    @media(max-width: 500px){
                        img{
@@ -1,4 +1,5 @@
 .block-views-blockactus-block-1{
+    display:none;
    background-color: white;
    h2{
        width: 80%;
@@ -1,6 +1,29 @@
 .home-page-layout-content {
    
+    .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%;
+    padding-top: 0.5rem;
+    padding-left: 0.5rem;
+    padding-bottom: 5rem;
+    @media(max-width: 891px){
+        margin-bottom: 1rem;
+        // margin: auto;
+    }
+    p{margin: 0;}
+    strong{
+        font-size: 1.3rem;
+    }
+    }
    .block-views-blocksites-block-1 {
+        top: -60px;
+        position: relative;
+    
        .views-row{

            .node-type-site{
@@ -64,19 +87,7 @@
        }
       
    }
-    .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;
@@ -0,0 +1,70 @@
+
+.page-programme{
+    .block-region-first{
+        padding-left: 18%;
+    }
+    .block-region-second{
+        h2{
+            font-weight: 1000;
+        }
+        .view-display-id-block_1{
+            margin: 0;
+            width: 80%;
+            padding-top: 1rem;
+       }
+    
+      
+    
+      .block-config-pages-block{
+        margin: 0;
+        width: 80%;
+        padding-top: 1rem;
+        .config_pages--partenaires--full{
+           
+            .paragraph--type--partenaire{
+                // background-color: $white;
+                width: 100%;
+                padding-bottom: 3rem;
+                display: grid;
+                grid-template-columns: repeat(7, 1fr);
+                grid-template-rows: repeat(auto-fill);
+                @media (max-width: 810px){
+                    display: flex;
+                    flex-direction: column;
+                }
+                .field--name-field-logo{
+                
+                    grid-column: 1 / 2;
+                    grid-row:  2;
+                    margin-top: 2rem;
+                    padding-right: 1rem;
+                }
+                .field--name-field-nom{
+                    grid-column: 2 / 8;
+                    grid-row:  1;
+                    font-weight: 900;
+                    font-size: 1.2rem
+                    
+                }
+                .field--name-field-texte{
+                    grid-column: 2 / 8;
+                    grid-row:  2;
+                    span{
+                        background-color: none;
+                    }
+                }
+                .field--name-field-lien{
+                    grid-column: 2 / 8;
+                    grid-row:  3;
+                }
+               
+            
+            }
+        }
+    
+      }
+
+
+    }
+}
+
@@ -0,0 +1,73 @@
+
+
+.page-node-site{
+    .block-region-first{
+        .block-entity-fieldnodefield-fichiers{
+            width: 80%;
+            margin: auto;
+        }
+    }
+    .block-region-second{
+        width: 50%;
+        img{
+            width: 100%;
+            // object-fit: contain;
+            height: auto;
+        }
+        .block-entity-fieldnodetitle{
+            order: 2;
+            margin: 0;
+            font-size: 1.3rem;
+            font-weight: 900;
+    
+        }
+        .field--name-field-numero-site {
+            order: 1;
+            text-transform: uppercase;
+            font-size: 1.5rem;
+        }
+        .field--name-field-adresse-site{
+            order: 3;
+            font-size: 1.3rem;
+            line-height: 0.3rem;
+        
+            .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;
+            padding-top: 1rem;
+        }
+        ul.links{
+            order: 5;
+            text-transform: uppercase;
+            padding: 0;
+            margin: 0;
+            border: none;
+            padding-bottom: 2rem;
+            padding-top: 0.9rem;
+            display: inline-flex;
+            &::after{
+                content:url("../../dist/images/noun-arrow-1569918-black.svg");
+                padding-left: 0.5rem;
+            }
+    
+        }
+    }
+
+
+
+}