valentin_le_moign/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rs header

Browse Source
This commit is contained in:
Kevin Tessier 2020-09-08 17:41:38 +02:00
parent 52cc7bdf74
commit d496228b31
4 changed files with 82 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/app/themes/la_mine/dist/assets/css/index.css vendored
View File

File diff suppressed because one or more lines are too long

2
web/app/themes/la_mine/dist/assets/css/index.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
web/app/themes/la_mine/src/assets/scss/components/_header.scss
View File

@ -1,5 +1,6 @@
header{
section{
&.logo{
position: relative;
figure{
a{
@ -24,7 +25,6 @@ header{
@media screen and (min-width: 576px) {
@include logoLamine(1, calc(#{$heightLogo} / 3), calc(#{$heightLogo} / 3), $colorYellow, 50px, 70px);
}
}
#fond_logo{
@include logoLamine(0, calc(#{$heightLogo}), calc(#{$heightLogo}), $colorWhite, -70%, 30%);
@ -32,7 +32,6 @@ header{
@media screen and (min-width: 576px) {
@include logoLamine(0, calc(#{$heightLogo} * 2 ), calc(#{$heightLogo} * 2 ), $colorWhite, -70%, 30%);
}
}
&:hover{
height: $heightLogoHover;
@ -47,4 +46,20 @@ header{
}
}
}
&.nav-main{
justify-content: end;
figure{
& > div{
width: 30px;
height: 100%;
&:first-child{
margin-right: 0.5rem;
}
}
}
nav{
display: none;
}
}
}
}

14
web/app/themes/la_mine/templates/components/header.twig
View File

@ -8,20 +8,20 @@
</figure>
</section>
<section class="nav-main row">
<div class="rs col">
<figure id="facebook">
<section class="nav-main col-6 d-flex">
<figure class="rs row">
<div id="facebook">
<a rel="noreferrer" target="_blank" href="{{options.facebook.lien_facebook}}">
<img src="{{theme.link}}/dist//assets/images/fb.svg" alt="logo_facebook" title="Le logo de facebook"/>
</a>
</figure>
<figure id="insta">
</div>
<div id="insta">
<a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}">
<img src="{{theme.link}}/dist//assets/images/inst.svg" alt="logo_instagram" title="Le logo d'instagram"/>
</a>
</figure>
</div>
<div class="burger col">
</figure>
<div class="burger col-1">
<div class="fond_burger">
<button class="hamburger hamburger--slider" type="button">
<span class="hamburger-box">