0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 08:32:41 +00:00

Handle multi-line titles. Add Subtitles.

This commit is contained in:
Trevor Buckner
2023-03-28 17:31:26 -04:00
parent d4b624186f
commit 02bcc9bfb9

View File

@@ -686,25 +686,6 @@ h5 + table{
&:after { &:after {
all: unset; all: unset;
} }
.logo {
position : absolute;
top : 0.5cm;
left : 0;
right : 0;
filter :drop-shadow(0 0 0.075cm black);
img {
height : 2cm;
width : 100%;
}
}
.columnWrapper > p img {
position : absolute;
bottom : 0;
left : 0;
height : 100%;
min-width : 100%;
z-index : -1;
}
h1 { h1 {
text-shadow: unset; text-shadow: unset;
filter : drop-shadow(0 0 1.5px black) drop-shadow(0 0 0 black) filter : drop-shadow(0 0 1.5px black) drop-shadow(0 0 0 black)
@@ -781,50 +762,62 @@ h5 + table{
width : 70%; width : 70%;
font-family : Overpass; font-family : Overpass;
} }
.logo {
position : absolute;
top : 0.5cm;
left : 0;
right : 0;
filter :drop-shadow(0 0 0.075cm black);
img {
height : 2cm;
width : 100%;
}
}
.columnWrapper > p img {
position : absolute;
bottom : 0;
left : 0;
height : 100%;
min-width : 100%;
z-index : -1;
}
} }
//***************************** //*****************************
// * INSIDE COVER PAGE // * INSIDE COVER PAGE
// *****************************/ // *****************************/
.page:has(.insideCover) { .page:has(.insideCover) {
columns : 1;
text-align : center;
&:after {
all : unset;
}
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; display : block;
text-transform : uppercase; margin-top : 1.2cm;
line-height : 2cm; margin-bottom : 0;
position : absolute; text-transform : uppercase;
top : 3.2cm; line-height : 0.85em;
left : 50%; }
translate : -50% 0; h2 {
width : max-content; font-family : NodestoCapsCondensed;
font-weight : normal;
font-size : 0.85cm;
letter-spacing : 0.1cm;
} }
hr { hr {
visibility : visible; display : block;
height : 0.3cm; position : relative;
width : 12cm; background-image : @horizontalRule;
position : absolute; background-size : 100% 100%;
left : 50%; visibility : visible;
top : 6cm; height : 0.5cm;
translate : -50% 0; width : 12cm;
background-image : @horizontalRule; border : none;
background-size : 100%; margin : auto;
border : none;
} }
.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 { .logo {
position : absolute; position : absolute;
bottom : 1cm; bottom : 1cm;
@@ -836,14 +829,8 @@ h5 + table{
width : 100%; width : 100%;
} }
} }
&::after {
all : unset;
}
} }
//***************************** //*****************************
// * TABLE OF CONTENTS // * TABLE OF CONTENTS
// *****************************/ // *****************************/