f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 21:02:43 +00:00
Code Wiki Activity

format and editable logo

Browse Source
This commit is contained in:
Victor Losada Hernandez
2023-03-02 18:25:23 +01:00
parent 690e797fe5
commit 33ae652222
2 changed files with 43 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/V3/5ePHB/snippets/insidecoverpage.gen.js
View File

@@ -34,8 +34,7 @@ return dedent`{{insideCover}}
___ ___
![image](https://i.imgur.com/dpg5qPT.png) {} ![image](https://i.imgur.com/dpg5qPT.png) {}
{{logo}} {{logo ![](/assets/naturalCritLogo.svg)}}
\page`; \page`;
}; };

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

@@ -788,56 +788,58 @@ h5 + table{
// *****************************/ // *****************************/
.page:has(.insideCover) { .page:has(.insideCover) {
h1 { h1 {
font-family: NodestoCapsCondensed; font-family : NodestoCapsCondensed;
font-weight: normal; font-weight : normal;
font-size: 2.1cm; font-size : 2.1cm;
text-align: center; text-align : center;
text-transform: uppercase; text-transform : uppercase;
line-height: 2cm; line-height : 2cm;
position: absolute; position : absolute;
top: 3.2cm; top : 3.2cm;
left: 50%; left : 50%;
translate: -50% 0; translate : -50% 0;
width: max-content; width : max-content;
} }
hr { hr {
visibility: visible; visibility : visible;
height: 0.3cm; height : 0.3cm;
width: 12cm; width : 12cm;
position: absolute; position : absolute;
left: 50%; left : 50%;
top: 6cm; top : 6cm;
translate: -50% 0; translate : -50% 0;
background-image: @horizontalRule; background-image : @horizontalRule;
background-size: 100%; background-size : 100%;
border: none; border : none;
} }
img { .columnWrapper > p img {
position: absolute; position : absolute;
left: 60%; left : 60%;
top: 20%; top : 20%;
translate: -50% 0; translate : -50% 0;
min-width: 100%; min-width : 100%;
mask-image: @insideCoverMask; mask-image : @insideCoverMask;
mask-repeat: no-repeat; mask-repeat : no-repeat;
-webkit-mask-image: @insideCoverMask; -webkit-mask-image : @insideCoverMask;
-webkit-mask-repeat: no-repeat; -webkit-mask-repeat : no-repeat;
} }
.logo { .logo {
position: absolute; position : absolute;
bottom: 1cm; bottom : 1cm;
left: 50%; left : 0;
translate: -50% 0; right : 0;
width: 2cm; height : 2cm;
height: 2cm; img {
background-image: @naturalCritLogo; height : 2cm;
width : 100%;
}
} }
&::after { &::after {
all: unset; all : unset;
} }
} }