Ajout du fond perdu
This commit is contained in:
+1
-1
@@ -1 +1 @@
|
|||||||
export default 1563184222611
|
export default 1563188246033
|
||||||
@@ -24,6 +24,13 @@
|
|||||||
@page imagecover {
|
@page imagecover {
|
||||||
size: $largeur $hauteur;
|
size: $largeur $hauteur;
|
||||||
margin: 0cm;
|
margin: 0cm;
|
||||||
|
@bottom-left {
|
||||||
|
content: unset;
|
||||||
|
}
|
||||||
|
@bottom-right {
|
||||||
|
content: unset;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@page nofolio :left {
|
@page nofolio :left {
|
||||||
@@ -37,3 +44,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pagedjs_sheet{
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|||||||
@@ -37,6 +37,19 @@ body {
|
|||||||
.canbreak{
|
.canbreak{
|
||||||
page-break-before: always;
|
page-break-before: always;
|
||||||
}
|
}
|
||||||
|
.image-bleed-left{
|
||||||
|
position: absolute;
|
||||||
|
width: calc(100% + 3mm);
|
||||||
|
height: calc(100% + 6mm);
|
||||||
|
margin-left: -3mm;
|
||||||
|
margin-top: -3mm;
|
||||||
|
}
|
||||||
|
.image-bleed-right{
|
||||||
|
position: absolute;
|
||||||
|
width: calc(100% + 3mm);
|
||||||
|
height: calc(100% + 6mm);
|
||||||
|
margin-top: -3mm;
|
||||||
|
}
|
||||||
.image-cover {
|
.image-cover {
|
||||||
page: imagecover;
|
page: imagecover;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|||||||
+6
-6
@@ -21,7 +21,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Page de fond -->
|
<!-- Page de fond -->
|
||||||
<div class="column image-cover" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[1].node.url + ")", }'></div>
|
<div class="column image-cover image-bleed-left" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[1].node.url + ")", }'></div>
|
||||||
<!-- Sommaire -->
|
<!-- Sommaire -->
|
||||||
<div class="column column">
|
<div class="column column">
|
||||||
<div class="column justify-end table-of-content">
|
<div class="column justify-end table-of-content">
|
||||||
@@ -42,9 +42,9 @@
|
|||||||
<li>{{note}}</li>
|
<li>{{note}}</li>
|
||||||
</ol>
|
</ol>
|
||||||
<!-- Pleine pages avant les sections -->
|
<!-- Pleine pages avant les sections -->
|
||||||
<div class="column image-cover cover-left green" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
|
<div class="column image-cover cover-left green image-bleed-left" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
|
||||||
</div>
|
</div>
|
||||||
<div class="column image-cover cover-right green" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
|
<div class="column image-cover cover-right green image-bleed-right" v-bind:style='{ backgroundImage: "url(https://popsu.strapi.figli.io/" + $page.fonds.edges[0].node.url + ")", }'>
|
||||||
</div>
|
</div>
|
||||||
<!-- Page blanche -->
|
<!-- Page blanche -->
|
||||||
<div class="blank-page no-folio"></div>
|
<div class="blank-page no-folio"></div>
|
||||||
@@ -120,8 +120,8 @@ query {
|
|||||||
document.documentElement.style.cssText = 'visibility:visible !important';
|
document.documentElement.style.cssText = 'visibility:visible !important';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
})
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user