test fleches diap ressources

2025-07-24 17:24:57 +02:00
parent b16bc42a91
commit 3b988737f4
4 changed files with 31 additions and 5 deletions
@@ -0,0 +1,149 @@
+
+
+
+#fotter-bottom{
+    box-shadow: 1px 0px 8px $black;
+    display: flex;
+    flex: 1 1 120px;
+    flex-direction: row;
+    background-color: $white;
+    padding-top: 3rem;
+
+    @media (max-width: 810px){
+        flex-direction: column;
+        padding-right: 1rem;
+    }
+
+    .region{
+        display: block;
+        padding-left: 2rem;
+        padding-right: 1rem;
+        padding-bottom: 1rem;
+
+        border-left: $blue-light solid 1px;
+        h2{
+            margin-top: 0;
+            color: $blue-dark;
+            font-size: 1.2rem;
+        }
+    }
+    .region-footer-bottom-left{
+        margin-left: 3rem;
+        border: none;
+        // width: 20%;
+        @media (max-width: 810px){
+            width: 100%;
+            margin-left: 0rem;
+        }
+        .view-id-partenaires{
+            .view-content {
+                display: flex;
+                flex-direction: row;
+                justify-content:flex-start;
+                flex-wrap: wrap;
+                padding-top: 1rem;
+                .node-type-partenaires_logo_footer_{
+                   padding-right: 1rem;
+                   padding-bottom: 1rem; 
+                }
+            }
+        }
+        .block-views-blockpartenaires-block-3{
+            img{
+                width: auto;
+                height: 30px;
+            }
+        }
+    }
+
+    .region-footer-bottom-right{
+        // width: 30%;
+        display: flex;
+        flex-direction: column-reverse;
+        justify-content: flex-end;
+        @media (max-width: 810px){
+            width: 100%;
+        }
+        #block-socialnetwork {
+            margin-bottom: 1rem;
+
+            .field--name-body{
+                p{
+                    margin-top: 0;
+                    display: flex;
+                    flex-direction: row-reverse;
+                    justify-content: flex-end;
+
+                    a{
+                        color: $white;
+                        font-size: 0;
+                        padding-left: 1rem;
+                    }
+                    svg.ext{
+                        display: none;
+                    }
+                    .link-twitter{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/logo_x_rond.png");
+                            min-width: 50px;
+                            align-self: center;
+                            
+                        }
+                    }
+                    .link-youtube{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/youtube_rond.svg");
+                            min-width: 50px;
+                        }
+                    }
+                    .link-linkedin{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/linkedin_rond.svg");
+                            min-width: 50px;
+                        }
+                    }
+                    
+                }
+            }
+
+        }
+        #block-pieddepage ul{
+            margin-top: 0;
+            color: $blue-dark;
+            font-weight: 800;
+            list-style: none;
+            padding-left: 0;
+            a{
+                color: $blue-dark;
+                font-size: 1.2rem;
+                text-decoration: underline;
+                margin-top: 0;
+            }
+        }
+    }
+
+    .region-footer-bottom-middle{
+        width: 60%;
+        @media (max-width: 810px){
+            width: 100%;
+        }
+        .view-id-partenaires{
+            .views-row-wrapper{
+                display: flex;
+                flex-direction: row;
+                justify-content:flex-start;
+                flex-wrap: wrap;
+
+                .node-type-partenaires_logo_footer_{
+                   padding-right: 1rem;
+                   padding-bottom: 1rem; 
+                }
+            }
+        }
+    }
+
+
+}