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{ header{
section{ section{
&.logo{
position: relative; position: relative;
figure{ figure{
a{ a{
@ -24,7 +25,6 @@ header{
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
@include logoLamine(1, calc(#{$heightLogo} / 3), calc(#{$heightLogo} / 3), $colorYellow, 50px, 70px); @include logoLamine(1, calc(#{$heightLogo} / 3), calc(#{$heightLogo} / 3), $colorYellow, 50px, 70px);
} }
} }
#fond_logo{ #fond_logo{
@include logoLamine(0, calc(#{$heightLogo}), calc(#{$heightLogo}), $colorWhite, -70%, 30%); @include logoLamine(0, calc(#{$heightLogo}), calc(#{$heightLogo}), $colorWhite, -70%, 30%);
@ -32,7 +32,6 @@ header{
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
@include logoLamine(0, calc(#{$heightLogo} * 2 ), calc(#{$heightLogo} * 2 ), $colorWhite, -70%, 30%); @include logoLamine(0, calc(#{$heightLogo} * 2 ), calc(#{$heightLogo} * 2 ), $colorWhite, -70%, 30%);
} }
} }
&:hover{ &:hover{
height: $heightLogoHover; 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> </figure>
</section> </section>
<section class="nav-main row"> <section class="nav-main col-6 d-flex">
<div class="rs col"> <figure class="rs row">
<figure id="facebook"> <div id="facebook">
<a rel="noreferrer" target="_blank" href="{{options.facebook.lien_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"/> <img src="{{theme.link}}/dist//assets/images/fb.svg" alt="logo_facebook" title="Le logo de facebook"/>
</a> </a>
</figure> </div>
<figure id="insta"> <div id="insta">
<a rel="noreferrer" target="_blank" href="{{options.instagram.lien_instagram}}"> <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"/> <img src="{{theme.link}}/dist//assets/images/inst.svg" alt="logo_instagram" title="Le logo d'instagram"/>
</a> </a>
</figure>
</div> </div>
<div class="burger col"> </figure>
<div class="burger col-1">
<div class="fond_burger"> <div class="fond_burger">
<button class="hamburger hamburger--slider" type="button"> <button class="hamburger hamburger--slider" type="button">
<span class="hamburger-box"> <span class="hamburger-box">