Commit 81622258 authored by julien's avatar julien

ready for implementation from the css part

parent 2429ca8b
This diff is collapsed.
img {
img.fullbackground {
/* fullsize-image */
position: absolute;
top: calc((var(--bleed-top) + var(--margin-top)) * -1);
......@@ -10,4 +10,18 @@ img {
z-index: -1;
object-fit: cover;
opacity: 0.4;
}
img.top {
/* top-image */
position: absolute;
top: calc((var(--bleed-top) + var(--margin-top)) * -1);
left: calc((var(--bleed-inner) + var(--margin-inner)) * -1);
right: calc((var(--bleed-outer) + var(--margin-outer)) * -1);
height: 5em;
/* width: 100%; */
z-index: -1;
object-fit: cover;
opacity: 0.4;
}
\ No newline at end of file
......@@ -126,7 +126,7 @@
<div>
<section class="cover" data-ref="778455a4-a98e-4217-9dcf-42ae62bf06af" data-break-before="page" data-page="cover">
<img src="https://source.unsplash.com/random" alt="">
<img class="top" src="https://source.unsplash.com/random" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quos, quam dolorem quo quia dignissimos ratione? Labore, autem minima quam libero vel</p>
<!-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quos, quam dolorem quo quia dignissimos ratione? Labore, autem minima quam libero vel</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quos, quam dolorem quo quia dignissimos ratione? Labore, autem minima quam libero vel</p>
......@@ -342,7 +342,7 @@
<div>
<section class="cover" data-ref="778455a4-a98e-4217-9dcf-42ae62bf06af" data-break-before="page" data-page="cover">
<img src="https://source.unsplash.com/random" alt="">
<img class="fullbackground" src="https://source.unsplash.com/random" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quos, quam dolorem quo quia dignissimos ratione? Labore, autem minima quam libero vel</p>
<!-- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quos, quam dolorem quo quia dignissimos ratione? Labore, autem minima quam libero vel</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus quos, quam dolorem quo quia dignissimos ratione? Labore, autem minima quam libero vel</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment