0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-09 05:02:42 +00:00
This commit is contained in:
Trevor Buckner
2023-12-11 16:29:16 -05:00
parent c10be139c9
commit 7c9513f377

View File

@@ -20,7 +20,7 @@
line-height : 1.2em; line-height : 1.2em;
p,dl,ul,ol { line-height : 1.2em; } p,dl,ul,ol { line-height : 1.2em; }
ul, ol { padding-left : 1em; } ul, ol { padding-left : 1em; }
em { font-style : italic; } em { font-style : italic; }
strong { strong {
font-weight : 800; font-weight : 800;
letter-spacing : -0.02em; letter-spacing : -0.02em;
@@ -41,29 +41,29 @@
} }
.page { .page {
.useColumns(); .useColumns();
font-family : 'BookInsanityRemake'; font-family : 'BookInsanityRemake';
font-size : 0.34cm; font-size : 0.34cm;
background-image : @backgroundImage; background-image : @backgroundImage;
} }
//***************************** // *****************************
// * BASE // * BASE
// *****************************/ // *****************************/
.page { .page {
p { p {
line-height : 1.25em; line-height : 1.25em;
& + * { margin-top : 0.325cm; } //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS & + * { margin-top : 0.325cm; } //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
& + p { margin-top : 0; } & + p { margin-top : 0; }
} }
ul { ul {
padding-left : 1.4em; padding-left : 1.4em;
margin-bottom : 0.8em; margin-bottom : 0.8em;
line-height : 1.25em; line-height : 1.25em;
} }
ol { ol {
padding-left : 1.4em; padding-left : 1.4em;
margin-bottom : 0.8em; margin-bottom : 0.8em;
line-height : 1.25em; line-height : 1.25em;
} }
//Indents after p or lists //Indents after p or lists
p + p, ul + p, ol + p { text-indent : 1em; } p + p, ul + p, ol + p { text-indent : 1em; }
@@ -72,12 +72,12 @@
font-weight : bold; font-weight : bold;
letter-spacing : -0.02em; letter-spacing : -0.02em;
} }
//***************************** // *****************************
// * HEADERS // * HEADERS
// *****************************/ // *****************************/
h1,h2,h3,h4 { h1,h2,h3,h4 {
font-family : 'MrEavesRemake'; font-family : 'MrEavesRemake';
color : var(--HB_Color_HeaderText); color : var(--HB_Color_HeaderText);
} }
h1 { h1 {
margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE margin-bottom : 0.18cm; //Margin-bottom only because this is WIDE
@@ -106,8 +106,8 @@
h2 { h2 {
//margin-top : 0px; //Font is misaligned. Shift up slightly //margin-top : 0px; //Font is misaligned. Shift up slightly
//margin-bottom : 0.05cm; //margin-bottom : 0.05cm;
font-size : 0.75cm; font-size : 0.75cm;
line-height : 0.988em; //Font is misaligned. Shift up slightly line-height : 0.988em; //Font is misaligned. Shift up slightly
} }
h3 { h3 {
//margin-top : -0.1cm; //Font is misaligned. Shift up slightly //margin-top : -0.1cm; //Font is misaligned. Shift up slightly
@@ -123,8 +123,8 @@
h4 { h4 {
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
font-size : 0.458cm; font-size : 0.458cm;
line-height : 0.971em; //Font is misaligned. Shift up slightly line-height : 0.971em; //Font is misaligned. Shift up slightly
& + * { margin-top : 0.09cm; } & + * { margin-top : 0.09cm; }
} }
* + h4 { * + h4 {
@@ -133,17 +133,17 @@
h5 { h5 {
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
font-family : 'ScalySansSmallCapsRemake'; font-family : 'ScalySansSmallCapsRemake';
font-size : 0.423cm; font-size : 0.423cm;
line-height : 0.951em; //Font is misaligned. Shift up slightly line-height : 0.951em; //Font is misaligned. Shift up slightly
& + * { margin-top : 0.2cm; } & + * { margin-top : 0.2cm; }
} }
//***************************** // *****************************
// * TABLE // * TABLE
// *****************************/ // *****************************/
table { table {
.useSansSerif(); .useSansSerif();
line-height : 16px; line-height : 16px;
& + * { margin-top : 0.325cm; } & + * { margin-top : 0.325cm; }
thead { thead {
display : table-row-group; display : table-row-group;
@@ -159,15 +159,15 @@
tr { tr {
td { td {
//padding : 0.14em 0.4em; //padding : 0.14em 0.4em;
padding : 0px 1.5px; // Both of these are temporary, just to force padding : 0px 1.5px; // Both of these are temporary, just to force
//line-height : 16px; // PDF to render at same height until Chrome 108 //line-height : 16px; // PDF to render at same height until Chrome 108
} }
&:nth-child(odd) { background-color : var(--HB_Color_Accent); } &:nth-child(odd) { background-color : var(--HB_Color_Accent); }
} }
} }
} }
//***************************** // *****************************
// * QUOTE // * QUOTE
// *****************************/ // *****************************/
.quote { .quote {
@@ -200,9 +200,7 @@
} }
// *****************************
//*****************************
// * NOTE // * NOTE
// *****************************/ // *****************************/
.note { .note {
@@ -216,7 +214,7 @@
border-image-outset : 9px 0px; border-image-outset : 9px 0px;
box-shadow : 1px 4px 14px #888888; box-shadow : 1px 4px 14px #888888;
.page :where(&) { .page :where(&) {
margin-top : 9px; //Prevent top border getting cut off on colbreak margin-top : 9px; //Prevent top border getting cut off on colbreak
} }
& + * { margin-top : 0.45cm; } & + * { margin-top : 0.45cm; }
h5 { font-size : 0.375cm; } h5 { font-size : 0.375cm; }
@@ -226,7 +224,7 @@
} }
:last-child { margin-bottom : 0; } :last-child { margin-bottom : 0; }
} }
//************************************ // ************************************
// * DESCRIPTIVE TEXT BOX // * DESCRIPTIVE TEXT BOX
// ************************************/ // ************************************/
.descriptive { .descriptive {
@@ -250,7 +248,7 @@
} }
:last-child { margin-bottom : 0; } :last-child { margin-bottom : 0; }
} }
//***************************** // *****************************
// * Images Snippets // * Images Snippets
// *****************************/ // *****************************/
@@ -279,7 +277,7 @@
} }
/* Watermark */ /* Watermark */
.watermark { color : black; } .watermark { color : black; }
/* Watercolor */ /* Watercolor */
@@ -296,7 +294,7 @@
.watercolor11 { --wc : @watercolor11; } .watercolor11 { --wc : @watercolor11; }
.watercolor12 { --wc : @watercolor12; } .watercolor12 { --wc : @watercolor12; }
//***************************** // *****************************
// * MONSTER STAT BLOCK // * MONSTER STAT BLOCK
// *****************************/ // *****************************/
.monster { .monster {
@@ -317,24 +315,24 @@
box-shadow : 1px 4px 14px #888888; box-shadow : 1px 4px 14px #888888;
} }
position : relative; position : relative;
padding : 0px; padding : 0px;
margin-bottom : 0.325cm; margin-bottom : 0.325cm;
//Headers //Headers
h2 { h2 {
margin : 0; margin : 0;
font-size : 0.62cm; font-size : 0.62cm;
line-height : 1em; line-height : 1em;
& + p { & + p {
margin-bottom : 0; margin-bottom : 0;
font-size : 0.304cm; //Monster size and type subtext font-size : 0.304cm; //Monster size and type subtext
} }
} }
h3 { h3 {
font-family : 'ScalySansSmallCapsRemake'; font-family : 'ScalySansSmallCapsRemake';
font-size : 0.45cm; font-size : 0.45cm;
border-bottom : 1.5px solid var(--HB_Color_HeaderText); border-bottom : 1.5px solid var(--HB_Color_HeaderText);
} }
//Triangle dividers //Triangle dividers
@@ -381,10 +379,10 @@
.useColumns(0.96, @fillMode: balance); .useColumns(0.96, @fillMode: balance);
} }
//***************************** // *****************************
// * FOOTER // * FOOTER
// *****************************/ // *****************************/
&:after { &::after {
position : absolute; position : absolute;
bottom : 0px; bottom : 0px;
left : 0px; left : 0px;
@@ -424,7 +422,7 @@
color : var(--HB_Color_Footnotes); color : var(--HB_Color_Footnotes);
text-align : right; text-align : right;
} }
//************************************ // ************************************
// * CODE BLOCKS // * CODE BLOCKS
// ************************************/ // ************************************/
code { code {
@@ -449,7 +447,7 @@
} }
& + * { margin-top : 0.325cm; } & + * { margin-top : 0.325cm; }
} }
//***************************** // *****************************
// * EXTRAS // * EXTRAS
// *****************************/ // *****************************/
hr { hr {
@@ -464,12 +462,12 @@
margin-left : 1.5em; margin-left : 1.5em;
} }
} }
//***************************** // *****************************
// * SPELL LIST // * SPELL LIST
// *****************************/ // *****************************/
.page .spellList { .page .spellList {
.useSansSerif(); .useSansSerif();
column-count : 2; column-count : 2;
ul + h5 { margin-top : 15px; } ul + h5 { margin-top : 15px; }
p, ul { p, ul {
font-size : 0.352cm; font-size : 0.352cm;
@@ -487,7 +485,7 @@
&.wide { column-count : 4; } &.wide { column-count : 4; }
} }
//***************************** // *****************************
// * CLASS TABLE // * CLASS TABLE
// *****************************/ // *****************************/
.page .classTable { .page .classTable {
@@ -534,7 +532,7 @@
} }
h5 + table { margin-top : 0.2cm; } h5 + table { margin-top : 0.2cm; }
} }
//***************************** // *****************************
// * FRONT COVER PAGE // * FRONT COVER PAGE
// *****************************/ // *****************************/
.page:has(.frontCover) { .page:has(.frontCover) {
@@ -628,7 +626,7 @@
} }
} }
} }
//***************************** // *****************************
// * INSIDE COVER PAGE // * INSIDE COVER PAGE
// *****************************/ // *****************************/
.page:has(.insideCover) { .page:has(.insideCover) {
@@ -673,7 +671,7 @@
} }
} }
} }
//***************************** // *****************************
// * BACK COVER // * BACK COVER
// *****************************/ // *****************************/
.page:has(.backCover) { .page:has(.backCover) {
@@ -755,10 +753,10 @@
} }
} }
//***************************** // *****************************
// * PART COVER // * PART COVER
// *****************************/ // *****************************/
.page:has(.partCover) { .page:has(.partCover) {
padding-top : 0; padding-top : 0;
text-align : center; text-align : center;
columns : 1; columns : 1;
@@ -794,7 +792,7 @@
} }
} }
//***************************** // *****************************
// * TABLE OF CONTENTS // * TABLE OF CONTENTS
// *****************************/ // *****************************/
.page { .page {
@@ -863,7 +861,7 @@
} }
} }
//***************************** // *****************************
// * DEFINITION LISTS // * DEFINITION LISTS
// *****************************/ // *****************************/
.page { .page {
@@ -878,10 +876,10 @@
} }
} }
//***************************** // *****************************
// * WIDE // * WIDE
// *****************************/ // *****************************/
.page .wide { margin-bottom : 0.325cm; } .page .wide { margin-bottom : 0.325cm; }
.page h1 + * { margin-top : 0; } .page h1 + * { margin-top : 0; }
@@ -920,7 +918,7 @@
} }
} }
} }
//***************************** // *****************************
// * INDEX // * INDEX
// *****************************/ // *****************************/
.page { .page {