Julie/decor-6-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

clean

Browse source
This commit is contained in:
sarahgarcin1 2026-04-01 15:36:02 +02:00
parent 952c6d041d
commit 0545b131de
29 changed files with 11 additions and 336 deletions
Download patch file Download diff file Expand all files Collapse all files

154
assets/css/portfolio.css
View file

@ -19,7 +19,7 @@
}
/* DOUBLE */
/* ------ DOUBLE PAGE ------- */
.spread{
position: absolute;
@ -36,7 +36,6 @@
height: calc(var(--pagedjs-pagebox-height) + var(--bleed-images));
}
.spread__left{
margin: 0;
width: calc(var(--pagedjs-pagebox-width) + var(--bleed-images));
@ -46,6 +45,7 @@
left: 0;
overflow: hidden;
break-after: page;
/*break-before: left;*/
}
.spread__right{
margin: 0;
@ -56,6 +56,7 @@
left: 0;
overflow: hidden;
}
.spread-content{
margin: 0;
width: calc(var(--pagedjs-pagebox-width)*2 + var(--bleed-images)*2);
@ -115,152 +116,3 @@
transform: translate(-50%, -50%);
}
/* SPECIFIC */
#josefa-1 .spread-content img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: -310px 10px;
}
#josefa-2 .spread__left{
top: -280px;
}
#josefa-2 .spread-content img{
width: 100%;
height: 120%;
object-fit: cover;
object-position: -1700px 0px;
}
#josepha-2__1{
z-index: 100;
width: 140mm;
height: 190mm;
position: absolute;
left: -15mm;
overflow: hidden;
}
#josepha-2__1 img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: -900px 0px;
}
#josefa-3{
break-before: left;
}
#josefa-3 .background{
width: 100%;
height: 120%;
object-fit: cover;
object-position: -1800px 0px;
}
#josepha-3__1_left{
z-index: 100;
width: 100%;
height: 156mm;
position: absolute;
top: -100px;
overflow: hidden;
}
#josepha-3__1_left img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: -900px 0px;
}
#josepha-3__1_right{
z-index: 100;
width: calc(var(--pagedjs-pagebox-width)*0.4);
height: 156mm;
position: absolute;
top: -100px;
overflow: hidden;
}
#josepha-3__1_right img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: calc(var(--pagedjs-pagebox-width)*-1 - var(--bleed-images) - 900px) 0px;
}
#josefa-4{
break-before: left;
}
#josefa-4 .background{
width: 100%;
height: 120%;
object-fit: cover;
object-position: -1900px -200px;
}
#josepha-4_inside{
z-index: 100;
width: 140mm;
height: 190mm;
position: absolute;
bottom: -5mm;
right: -5mm;
overflow: hidden;
}
#josepha-4_inside img{
width: 100%;
height: 100%;
object-fit: cover;
/* object-position: -900px 0px; */
}
#josefa-5{
break-before: left;
}
#josefa-5 figure{
/* background-color: black; */
}
#josefa-5 .background{
width: 100%;
height: 100%;
object-fit: cover;
/* object-position: -1900px -200px; */
}
.josepha-grid-1{
break-before: left;
}
.josepha-grid{
width: 100%;
}
.josepha-grid img{
width: 100%;
margin-bottom: calc(var(--baseline)*0.5);
}