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:
@@ -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
|
||||||
// *****************************/
|
// *****************************/
|
||||||
|
|||||||
Reference in New Issue
Block a user