f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 04:52:40 +00:00
Code Wiki Activity

Diff mask for even/odd pages

Browse Source
This commit is contained in:
Victor Losada Hernandez
2023-02-04 12:13:48 +01:00
parent 14507c388e
commit 3380befe21
4 changed files with 43 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
themes/V3/5ePHB/style.less
View File

@@ -798,41 +798,50 @@
//*****************************
// * PART COVER
// *****************************/
.page .partCover {
background-image: @partCoverHeader;
background-repeat: no-repeat;
position: absolute;
background-size: 100%;
inset: 0;
img {
.page {
.partCover {
background-image: @partCoverHeader;
background-repeat: no-repeat;
position: absolute;
background-size: 100%;
inset: 0;
height:100%;
mask-image: @partCoverMask;
mask-size: 816px;
-webkit-mask-image: @partCoverMask;
-webkit-mask-size: 816px;
img {
position: absolute;
inset: 0;
height: 100%;
mask-image: @partCoverMaskOdd;
mask-size: 816px;
-webkit-mask-image: @partCoverMaskOdd;
-webkit-mask-size: 816px;
}
h1 {
text-align: center;
text-transform: uppercase;
font-size: 80px;
font-family: NodestoCapsCondensed;
font-variant: small-caps;
max-width: 7ch;
text-overflow: clip;
white-space: nowrap;
overflow: hidden;
margin-inline: auto;
}
h2 {
text-align: center;
font-family: MartelSansBlack;
font-size: 18px;
position: relative;
max-width: 18ch;
margin-inline: auto;
margin-top: -5px;
}
}
h1 {
text-align: center;
text-transform: uppercase;
font-size: 80px;
font-family: NodestoCapsCondensed;
font-variant: small-caps;
max-width: 7ch;
text-overflow: clip;
white-space: nowrap;
overflow: hidden;
margin-inline: auto;
}
h2 {
text-align: center;
font-family: MartelSansBlack;
font-size: 18px;
position: relative;
max-width: 18ch;
margin-inline: auto;
margin-top: -5px;
&:nth-child(even) .partCover img {
mask-image: @partCoverMaskEven;
-webkit-mask-image: @partCoverMaskEven;
}
}
}