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

portfolio josefa ntjam

Browse source
This commit is contained in:
Julie Blanc 2026-04-13 15:44:55 +02:00
parent 9025492703
commit fcf33d3c79
176 changed files with 150 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

79
assets/css/portfolio.css
View file

@ -70,7 +70,7 @@
.portfolio-full-page{
break-before: page;
break-before: page;
break-after: page;
}
@ -84,12 +84,12 @@
}
.portfolio-spread-left{
/* .portfolio-spread-left:not(#fig-elsa-boyer-1){
break-before: left;
}
} */
.portfolio-spread-right{
break-before: right;
break-before: page;
}
.portfolio-spread figure{
@ -107,16 +107,54 @@
/* Josefa Ntjam ------------------------------------------------------------ */
#fig-josefa-ntjam-2.portfolio-spread-left,
#fig-josefa-ntjam-3.portfolio-spread-left,
#fig-josefa-ntjam-4.portfolio-spread-left,
#fig-josefa-ntjam-5.portfolio-spread-left{
break-before: left;
}
#fig-josefa-ntjam-1 img,
#fig-josefa-ntjam-2 img,
#fig-josefa-ntjam-3 img,
#fig-josefa-ntjam-4 img,
#fig-josefa-ntjam-5 img{
object-fit: contain;
position: relative;
width: calc(100% - var(--margin)*2 - 5px);
left: calc(var(--bleed-images)*2);
object-position: 0px calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
#fig-josefa-ntjam-1 img{
top: calc(var(--baseline)*20)
}
/* Stephane & Gwenola -------------------------------------------- */
#fig-stephane-degoutin-et-gwenola-wagon-2.portfolio-spread-left{
break-before: left;
}
#fig-stephane-degoutin-et-gwenola-wagon-2 img{
object-fit: contain;
width: 80%;
object-position: calc(var(--margin) + var(--bleed-images)) calc(var(--pagedjs-margin-top) + var(--bleed-images));
object-fit: contain;
position: relative;
width: calc(100% - var(--margin)*2 - 5px);
left: calc(var(--bleed-images)*2);
object-position: 0px calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
@ -147,12 +185,29 @@
break-before: right;
}
#fig-iyo-bisseck-3 img{
#fig-iyo-bisseck-3.portfolio-spread-left,
#fig-iyo-bisseck-6.portfolio-spread-left{
break-before: left;
}
#fig-iyo-bisseck-3 img,
#fig-iyo-bisseck-6 img{
object-fit: contain;
position: relative;
width: calc(100% - var(--margin)*2 - 5px);
left: calc(var(--bleed-images)*2);
object-position: 0px calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
/* #fig-iyo-bisseck-3 img{
object-fit: contain;
width: 80%;
object-position: calc(var(--margin) + var(--bleed-images)) calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
} */
#fig-iyo-bisseck-4{
break-before: left;
@ -162,13 +217,13 @@ break-before: right;
break-before: right;
}
#fig-iyo-bisseck-6 img{
/* #fig-iyo-bisseck-6 img{
position: relative;
width: 60%;
left: calc(40% - var(--bleed-images));
object-fit: contain;
object-position: 0px calc(var(--pagedjs-margin-top) + var(--bleed-images));
}
} */