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

responsive asso

Browse Source
This commit is contained in:
Kevin Tessier 2020-07-01 18:15:57 +02:00
parent e5406a35a6
commit d1195648af
2 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,7 +37,9 @@ html{
.agenda .paralax{
z-index: -1;
width: 100%;
position: absolute;
top:0;
width: 50%;
}
.les-projets .paralax{
z-index: -1;
@ -568,12 +570,23 @@ article .titre_event{
margin-right: 5px;
}
article .__img_event{
max-height: 500px;
}
@media screen and (max-width: 576px) {
article .__img_event{
max-height: 300px;
}
}
article .__img_event img{
position:relative;
top: 0;
width:100%;
height:auto;
object-fit:contain;
height:100%;
object-fit:cover;
}
.other{
@ -732,6 +745,12 @@ body.la-collecte .__header h3{
.gutter-sizer {
width: 10px;
}
@media screen and (max-width: 576px) {
.tableau_engagements > div:not(.gutter-sizer) {
width: calc(100% - 40px)!important;
margin: 0 20px 20px 20px;
}
}
/* END PAGE ASSOCIATION */
/* START PAGE privatiser-lespace */

8
web/app/themes/la_mine/templates/single.twig
View File

@ -7,16 +7,16 @@
</div>
<article class="row">
<div class="header mobile col-12 d-md-none d-block">
<div class="header mobile col-12 d-lg-none d-block">
<h3 class="titre_event">{{post.titre}}</h3>
</div>
<div class="__img_event col-md-6 col-12">
<div class="__img_event col-lg-6 col-12">
<img src="{{ Image(post.image_event).src }}" />
</div>
<div class="article-content col-md-6 col-12 mt-3 my-md-0">
<div class="header d-none d-md-block">
<div class="article-content col-lg-6 col-12 my-3 my-lg-0">
<div class="header d-none d-lg-block">
<h3 class="titre_event">{{post.titre}}</h3>
</div>