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

responsive footer

Browse Source
This commit is contained in:
Kevin Tessier 2020-06-29 18:24:30 +02:00
parent 4f368edcb3
commit cbf1b47865
3 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/app/themes/la_mine/asset/dist/style.css vendored
View File

@ -69,19 +69,26 @@ header > .nav-wrapper{
object-fit: cover; object-fit: cover;
} }
#fond_logo{ #fond_logo{
z-index: -1;
position: absolute; position: absolute;
left: -13px; left: -25px;
top:-20px; top: -25px;
width: 200px; width: 200px;
height: 200px; height: 200px;
background-color: white; background-color: white;
border-radius: 200px; border-radius: 200px;
transform: scale(1);
transition: all 0.3s ease;
}
.logoLamine:hover #fond_logo{
transform: scale(1.1);
transition: all 0.3s ease;
} }
/* END LOGO */ /* END LOGO */
/* START RS */ /* START RS */
.rs{ .rs{
padding-top: 10px; /* padding-top: 10px; */
height: fit-content; height: fit-content;
} }
.rs > div { .rs > div {
@ -97,7 +104,7 @@ header > .nav-wrapper{
/* START BURGER */ /* START BURGER */
.burger{ .burger{
padding-top: 10px; /* padding-top: 10px; */
height: fit-content; height: fit-content;
} }
.fond_burger{ .fond_burger{
@ -931,8 +938,8 @@ footer > section{
} }
footer .logo_lamine { footer .logo_lamine {
width: 100px; width: 100px;
height: 100px; height: auto;
margin: 10px; /* margin: 10px; */
} }
footer .logo_lamine a{ footer .logo_lamine a{

5
web/app/themes/la_mine/templates/base.twig
View File

@ -10,8 +10,9 @@
<header class="header d-flex "> <header class="header d-flex ">
{% block header %} {% block header %}
<div class="logoLamine mr-auto"> <div class="logoLamine mr-auto">
<a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/></a> <a class="hdr-logo-link" href="{{site.url}}"><img src="{{theme.link}}/asset/images/logo_lamine_vect.svg"/>
<div id="fond_logo"></div> <div id="fond_logo"></div>
</a>
</div> </div>
<div class="nav-wrapper d-flex align-items-center"> <div class="nav-wrapper d-flex align-items-center">

12
web/app/themes/la_mine/templates/footer.twig
View File

@ -1,18 +1,18 @@
<section class="information col-12 col-lg-6 p-0"> <section class="information col-12 col-lg-6 p-0">
<div class="d-flex justify-content-around"> <div class="d-flex justify-content-around flex-wrap">
<div class="logo_lamine col-sm-6"> <div class="logo_lamine col-lg-3 col-sm-6">
<a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a> <a href="{{site.url}}"><img src="{{ Image(options.lamine_footer.image_logo).src }}" /></a>
</div> </div>
<div class="horaires col-sm-6"> <div class="horaires col-lg-3 col-sm-6">
{{options.texte_horaire }} {{options.texte_horaire }}
</div> </div>
<div class="adresse col-sm-6"> <div class="adresse col-lg-3 col-sm-6">
{{options.texte_adresse }} {{options.texte_adresse }}
</div> </div>
<div class="col-sm-6"> <div class="col-lg-3 col-sm-6">
<div class="collecte"> <div class="collecte">
{{options.texte_collecte }} {{options.texte_collecte }}
</div> </div>
@ -64,7 +64,7 @@
<div class="partenaires d-flex align-items-center col-lg-6"> <div class="partenaires d-flex align-items-center col-lg-6">
<div class="_titre">{{options.titre}}</div> <div class="_titre">{{options.titre}}</div>
<div class="logo_partenaires w-100"> <div class="logo_partenaires w-100">
<div class="container_slide"> <div class="container_slide">
<ul> <ul>
{% for partner in options.partenaire %} {% for partner in options.partenaire %}