reseaux sociaux

This commit is contained in:
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;
@@ -12,21 +12,7 @@ header{
}
#block-socialnetwork-2{
display: none;
.field--name-body{
p{
display: flex;
flex-direction: row-reverse;
:nth-child(1){
&:before{
content: url();
}
}
}
}
}
#header-top {
height: 7rem;
background-color: $white;
@@ -132,6 +118,70 @@ header{
}
}
}
#block-socialnetwork-2{
position: relative;
top: -33px;
// display: none;
.field--name-body{
min-height: 75px;
}
p{
display: flex;
flex-direction: row-reverse;
margin-bottom: 0;
min-height: 54px;
justify-content: space-around;
min-width: 120%;
a{
color: $white;
font-size: 0;
// padding-left: 0.5rem;
// padding-right: 0.5rem;
}
svg.ext{
display: none;
}
.link-twitter{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: end;
&:before{
content: url("../images/pictos/twitter_white.svg");
min-width: 30px;
padding-bottom: 0.3rem;
}
}
.link-youtube{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: end;
&:before{
content: url("../images/pictos/youtube_white.svg");
min-width: 25px;
padding-bottom: 0.5rem;
}
}
.link-linkedin{
display: flex;
background-color: black;
min-width: 40px;
justify-content: center;
align-items: end;
// background-position-y: top;
&:before{
content: url("../images/pictos/linkedin_white.svg");
min-width: 35px;
padding-bottom: 0.2rem;
}
}
}
}
#block-burger { // menu burger à droite
z-index: 1;
@@ -151,7 +201,6 @@ header{
h2:after{
display: block;
margin:auto;
align-self: center;
height: 70px;
content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
}