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
@@ -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>');
}