reseaux sociaux

2021-12-05 22:42:39 +01:00
parent 98d60ebe2e
commit 017a22cf70
9 changed files with 508 additions and 45 deletions
@@ -27,7 +27,7 @@
    .region-footer-bottom-left{
        margin-left: 3rem;
        border: none;
-        width: 30%;
+        width: 25%;
        .view-id-partenaires{
            .view-content{
              
@@ -51,30 +51,55 @@
    }

    .region-footer-bottom-right{
-        width: 15%;
+        width: 25%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;

        #block-socialnetwork {
-            display: none;
+            // display: none;
+            margin-bottom: 1rem;
+
            .field--name-body{
                p{
+                    margin-top: 0;
                    display: flex;
-                    flex-direction: row;
-                    :nth-child(1){
-                        &:before{
-                            display: block;
-                            content: "";
-                            background: url("../images/pictos/logo-twitter.png");
-                        }
+                    flex-direction: row-reverse;
+                    justify-content: start;
+
+                    a{
+                        color: $white;
+                        font-size: 0;
+                        padding-left: 1rem;
                    }
-                    svg{
+                    svg.ext{
                        display: none;
                    }
-        
+                    .link-twitter{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/twitter_black.svg");
+                            min-width: 50px;
+                        }
+                    }
+                    .link-youtube{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/youtube_black.svg");
+                            min-width: 50px;
+                        }
+                    }
+                    .link-linkedin{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/linkedin_black.svg");
+                            min-width: 50px;
+                        }
+                    }
+                    
                }
            }
+
        }
        #block-pieddepage ul{
            margin-top: 0;