0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 18:32:41 +00:00

format and editable logo

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

View File

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

View File

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