0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-16 01:42:47 +00:00

Merge pull request #3078 from 5e-Cleric/clear-invalid-or-unused-css

Clear invalid CSS from 5ePHB/style.less
This commit is contained in:
Trevor Buckner
2023-12-11 16:39:57 -05:00
committed by GitHub

View File

@@ -14,9 +14,6 @@
--HB_Color_Footnotes : #C9AD6A; // Gold --HB_Color_Footnotes : #C9AD6A; // Gold
} }
@page { margin : 0; }
body { counter-reset : phb-page-numbers; }
* { -webkit-print-color-adjust : exact; }
.useSansSerif() { .useSansSerif() {
font-family : 'ScalySansRemake'; font-family : 'ScalySansRemake';
font-size : 0.318cm; font-size : 0.318cm;
@@ -42,27 +39,11 @@ body { counter-reset : phb-page-numbers; }
-webkit-column-gap : 0.9cm; -webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm; -moz-column-gap : 0.9cm;
} }
.columnWrapper {
column-gap : inherit;
max-height : 100%;
column-span : all;
columns : inherit;
}
.page { .page {
.useColumns(); .useColumns();
position : relative;
z-index : 15;
box-sizing : border-box;
width : 215.9mm;
height : 279.4mm;
padding : 1.4cm 1.9cm 1.7cm;
overflow : hidden;
font-family : 'BookInsanityRemake'; font-family : 'BookInsanityRemake';
font-size : 0.34cm; font-size : 0.34cm;
counter-increment : phb-page-numbers;
background-color : var(--HB_Color_Background);
background-image : @backgroundImage; background-image : @backgroundImage;
text-rendering : optimizeLegibility;
} }
// ***************************** // *****************************
// * BASE // * BASE
@@ -70,25 +51,19 @@ body { counter-reset : phb-page-numbers; }
.page { .page {
p { p {
display : block;
line-height : 1.25em; line-height : 1.25em;
overflow-wrap : break-word; //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS & + * { margin-top : 0.325cm; } //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
& + * { margin-top : 0.325cm; }
& + 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;
list-style-position : outside;
list-style-type : disc;
} }
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;
list-style-position : outside;
list-style-type : decimal;
} }
//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; }
@@ -97,23 +72,11 @@ body { counter-reset : phb-page-numbers; }
font-weight : bold; font-weight : bold;
letter-spacing : -0.02em; letter-spacing : -0.02em;
} }
em { font-style : italic; }
sup {
font-size : smaller;
line-height : 0;
vertical-align : super;
}
sub {
font-size : smaller;
line-height : 0;
vertical-align : sub;
}
// ***************************** // *****************************
// * HEADERS // * HEADERS
// *****************************/ // *****************************/
h1,h2,h3,h4 { h1,h2,h3,h4 {
font-family : 'MrEavesRemake'; font-family : 'MrEavesRemake';
font-weight : 800;
color : var(--HB_Color_HeaderText); color : var(--HB_Color_HeaderText);
} }
h1 { h1 {
@@ -172,7 +135,6 @@ body { counter-reset : phb-page-numbers; }
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
font-family : 'ScalySansSmallCapsRemake'; font-family : 'ScalySansSmallCapsRemake';
font-size : 0.423cm; font-size : 0.423cm;
font-weight : 900;
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; }
} }
@@ -181,7 +143,6 @@ body { counter-reset : phb-page-numbers; }
// *****************************/ // *****************************/
table { table {
.useSansSerif(); .useSansSerif();
width : 100%;
line-height : 16px; line-height : 16px;
& + * { margin-top : 0.325cm; } & + * { margin-top : 0.325cm; }
thead { thead {
@@ -239,8 +200,6 @@ body { counter-reset : phb-page-numbers; }
} }
// ***************************** // *****************************
// * NOTE // * NOTE
// *****************************/ // *****************************/
@@ -318,41 +277,9 @@ body { counter-reset : phb-page-numbers; }
} }
/* Watermark */ /* Watermark */
.watermark { .watermark { color : black; }
position : absolute;
top : 0;
left : 0;
z-index : 500;
display : grid !important;
place-items : center;
justify-content : center;
width : 100%;
height : 100%;
font-size : 120px;
color : black;
text-transform : uppercase;
mix-blend-mode : overlay;
opacity : 30%;
transform : rotate(-45deg);
p { margin-bottom : none; }
}
/* Watercolor */ /* Watercolor */
[class*='watercolor'] {
position : absolute;
z-index : -2;
width : 2000px; /* dimensions need to be real big so the user can set */
height : 2000px; /* height or width and the image will maintain aspect ratio */
background-color : var(--HB_Color_WatercolorStain); /* default color */
background-size : cover;
-webkit-mask-image : var(--wc);
-webkit-mask-size : contain;
-webkit-mask-repeat : no-repeat;
mask-image : var(--wc);
mask-size : contain;
mask-repeat : no-repeat;
--wc : @watercolor1; /* default image */
}
.watercolor1 { --wc : @watercolor1; } .watercolor1 { --wc : @watercolor1; }
.watercolor2 { --wc : @watercolor2; } .watercolor2 { --wc : @watercolor2; }
@@ -455,7 +382,7 @@ body { counter-reset : phb-page-numbers; }
// ***************************** // *****************************
// * FOOTER // * FOOTER
// *****************************/ // *****************************/
&:after { &::after {
position : absolute; position : absolute;
bottom : 0px; bottom : 0px;
left : 0px; left : 0px;
@@ -500,18 +427,13 @@ body { counter-reset : phb-page-numbers; }
// ************************************/ // ************************************/
code { code {
padding : 0px 4px; padding : 0px 4px;
font-family : 'Courier New', 'Courier', monospace; font-size : 0.325cm;
font-size : 0.325;
color : #58180D; color : #58180D;
overflow-wrap : break-word;
white-space : pre-wrap;
background-color : #FAF7EA; background-color : #FAF7EA;
border-radius : 4px; border-radius : 4px;
} }
pre code { pre code {
display : inline-block;
width : 100%;
padding : 0.15cm; padding : 0.15cm;
margin-bottom : 2px; margin-bottom : 2px;
border-style : solid; border-style : solid;
@@ -532,19 +454,6 @@ body { counter-reset : phb-page-numbers; }
margin : 0px; margin : 0px;
visibility : hidden; visibility : hidden;
} }
.columnSplit {
visibility : hidden;
-webkit-column-break-after : always;
break-after : always;
-moz-column-break-after : always;
}
//Avoid breaking up
blockquote,table {
z-index : 15;
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
}
//Text indent right after table //Text indent right after table
table + p { text-indent : 1em; } table + p { text-indent : 1em; }
// Nested lists // Nested lists
@@ -552,11 +461,6 @@ body { counter-reset : phb-page-numbers; }
margin-bottom : 0px; margin-bottom : 0px;
margin-left : 1.5em; margin-left : 1.5em;
} }
li {
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
}
} }
// ***************************** // *****************************
// * SPELL LIST // * SPELL LIST
@@ -962,22 +866,14 @@ body { counter-reset : phb-page-numbers; }
// *****************************/ // *****************************/
.page { .page {
dl { dl {
padding-left : 1em;
line-height : 1.25em; line-height : 1.25em;
white-space : pre-line;
& + * { margin-top : 0.17cm; } & + * { margin-top : 0.17cm; }
} }
p + dl { margin-top : 0.17cm; } p + dl { margin-top : 0.17cm; }
dt { dt {
display : inline;
margin-right : 5px; margin-right : 5px;
margin-left : -1em; margin-left : -1em;
} }
dd {
display : inline;
margin-left : 0px;
text-indent : 0px;
}
} }
// ***************************** // *****************************