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

additional linting pass through themes

This commit is contained in:
Víctor Losada Hernández
2025-03-24 13:09:56 +01:00
parent ea4dd5defd
commit 3672285e92
5 changed files with 44 additions and 46 deletions

View File

@@ -13,13 +13,13 @@
body { counter-reset : phb-page-numbers; } body { counter-reset : phb-page-numbers; }
* { -webkit-print-color-adjust : exact; } * { -webkit-print-color-adjust : exact; }
.useSansSerif() { .useSansSerif() {
font-family : "ScalySans"; font-family : 'ScalySans';
em { em {
font-family : "ScalySans"; font-family : 'ScalySans';
font-style : italic; font-style : italic;
} }
strong { strong {
font-family : "ScalySans"; font-family : 'ScalySans';
font-weight : 800; font-weight : 800;
letter-spacing : -0.02em; letter-spacing : -0.02em;
} }
@@ -46,7 +46,7 @@ body { counter-reset : phb-page-numbers; }
padding : 1.0cm 1.7cm; padding : 1.0cm 1.7cm;
padding-bottom : 1.5cm; padding-bottom : 1.5cm;
overflow : hidden; overflow : hidden;
font-family : "BookSanity"; font-family : 'BookSanity';
font-size : 0.317cm; font-size : 0.317cm;
counter-increment : phb-page-numbers; counter-increment : phb-page-numbers;
background-color : @background; background-color : @background;
@@ -106,7 +106,7 @@ body { counter-reset : phb-page-numbers; }
h1,h2,h3,h4 { h1,h2,h3,h4 {
margin-top : 0.2em; margin-top : 0.2em;
margin-bottom : 0.2em; margin-bottom : 0.2em;
font-family : "MrJeeves"; font-family : 'MrJeeves';
font-weight : 800; font-weight : 800;
color : @headerText; color : @headerText;
} }
@@ -117,7 +117,7 @@ body { counter-reset : phb-page-numbers; }
-moz-column-span : all; -moz-column-span : all;
& + p::first-letter { & + p::first-letter {
float : left; float : left;
font-family : "Solberry"; font-family : 'Solberry';
font-size : 10em; font-size : 10em;
line-height : 0.795em; line-height : 0.795em;
color : #222222; color : #222222;
@@ -134,7 +134,7 @@ body { counter-reset : phb-page-numbers; }
} }
h5 { h5 {
margin-bottom : 0.2em; margin-bottom : 0.2em;
font-family : "ScalySansSmallCaps"; font-family : 'ScalySansSmallCaps';
font-size : 0.423cm; font-size : 0.423cm;
font-weight : 900; font-weight : 900;
} }
@@ -200,7 +200,7 @@ body { counter-reset : phb-page-numbers; }
& + p { padding-bottom : 0px; } & + p { padding-bottom : 0px; }
} }
h3 { h3 {
font-family : "ScalySans"; font-family : 'ScalySans';
font-weight : normal; font-weight : normal;
border-bottom : 1px solid @headerText; border-bottom : 1px solid @headerText;
} }
@@ -380,7 +380,7 @@ body { counter-reset : phb-page-numbers; }
// ************************************/ // ************************************/
.phb .descriptive { .phb .descriptive {
margin-bottom : 1em; margin-bottom : 1em;
font-family : "ScalySans"; font-family : 'ScalySans';
background-color : #FAF7EA; background-color : #FAF7EA;
border-style : solid; border-style : solid;
border-width : 7px; border-width : 7px;
@@ -394,11 +394,11 @@ body { counter-reset : phb-page-numbers; }
} }
p + p { padding-top : 0.8em; } p + p { padding-top : 0.8em; }
em { em {
font-family : "ScalySans"; font-family : 'ScalySans';
font-style : italic; font-style : italic;
} }
strong { strong {
font-family : "ScalySans"; font-family : 'ScalySans';
font-weight : 800; font-weight : 800;
letter-spacing : -0.02em; letter-spacing : -0.02em;
} }
@@ -411,7 +411,7 @@ body { counter-reset : phb-page-numbers; }
.phb { .phb {
.artist { .artist {
position : absolute; position : absolute;
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-size : 0.27cm; font-size : 0.27cm;
color : @captionText; color : @captionText;
text-align : center; text-align : center;
@@ -421,7 +421,7 @@ body { counter-reset : phb-page-numbers; }
text-indent : unset; text-indent : unset;
} }
h5 { h5 {
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-size : 1.3em; font-size : 1.3em;
} }
a { a {

View File

@@ -7,7 +7,7 @@
} }
.page { .page {
background-image : url("/assets/DMG_background.png"); background-image : url('/assets/DMG_background.png');
background-size : cover; background-size : cover;
/* TABLES WITHIN NOTES */ /* TABLES WITHIN NOTES */
@@ -23,7 +23,7 @@
&::after { &::after {
height : 58px; height : 58px;
background-image : url("/assets/DMG_footerAccent.png"); background-image : url('/assets/DMG_footerAccent.png');
} }
.footnote { bottom : 40px; } .footnote { bottom : 40px; }

View File

@@ -792,7 +792,7 @@
// *****************************/ // *****************************/
// Additional Default Exclusions // Additional Default Exclusions
.monster { --TOC: exclude; } .monster { --TOC : exclude; }
.page:has(.partCover) { .page:has(.partCover) {
--TOC : exclude; --TOC : exclude;

View File

@@ -532,20 +532,20 @@ h6,
.page:has(.backCover), .page:has(.backCover),
.page:has(.insideCover), .page:has(.insideCover),
.noToC, .noToC,
.toc { --TOC: exclude; } .toc { --TOC : exclude; }
.tocDepthH2 :is(h1, h2) {--TOC: include; } .tocDepthH2 :is(h1, h2) {--TOC : include; }
.tocDepthH3 :is(h1, h2, h3) {--TOC: include; } .tocDepthH3 :is(h1, h2, h3) {--TOC : include; }
.tocDepthH4 :is(h1, h2, h3, h4) {--TOC: include; } .tocDepthH4 :is(h1, h2, h3, h4) {--TOC : include; }
.tocDepthH5 :is(h1, h2, h3, h4, h5) {--TOC: include; } .tocDepthH5 :is(h1, h2, h3, h4, h5) {--TOC : include; }
.tocDepthH6 :is(h1, h2, h3, h4, h5, h6) {--TOC: include; } .tocDepthH6 :is(h1, h2, h3, h4, h5, h6) {--TOC : include; }
.tocIncludeH1 h1 {--TOC: include; } .tocIncludeH1 h1 {--TOC : include; }
.tocIncludeH2 h2 {--TOC: include; } .tocIncludeH2 h2 {--TOC : include; }
.tocIncludeH3 h3 {--TOC: include; } .tocIncludeH3 h3 {--TOC : include; }
.tocIncludeH4 h4 {--TOC: include; } .tocIncludeH4 h4 {--TOC : include; }
.tocIncludeH5 h5 {--TOC: include; } .tocIncludeH5 h5 {--TOC : include; }
.tocIncludeH6 h6 {--TOC: include; } .tocIncludeH6 h6 {--TOC : include; }
.page { .page {
&:has(.toc)::after { display : none; } &:has(.toc)::after { display : none; }
@@ -609,7 +609,5 @@ h6,
.useColumns(0.96, @fillMode: balance); .useColumns(0.96, @fillMode: balance);
} }
} }
.toc.wide li { .toc.wide li { break-inside : auto; }
break-inside: auto;
}
} }

View File

@@ -12,7 +12,7 @@
} }
.useSansSerif() { .useSansSerif() {
font-family : "PermanentMarker"; font-family : 'PermanentMarker';
font-size : 0.3cm; font-size : 0.3cm;
line-height : 1.2em; line-height : 1.2em;
color : var(--HB_Color_Text2); color : var(--HB_Color_Text2);
@@ -29,7 +29,7 @@
.page { .page {
padding : 2.1cm 1.9cm 1.7cm 3.8cm; padding : 2.1cm 1.9cm 1.7cm 3.8cm;
background-image : url("/assets/Journal/Background1.webp"); background-image : url('/assets/Journal/Background1.webp');
background-repeat : no-repeat; background-repeat : no-repeat;
background-size : 200% 100%; background-size : 200% 100%;
filter : drop-shadow(1px 4px 14px black); filter : drop-shadow(1px 4px 14px black);
@@ -39,7 +39,7 @@
background-position : right; background-position : right;
} }
&:nth-of-type(2) { &:nth-of-type(2) {
background-image : url("/assets/Journal/Background2.webp"); //Only first page should show ribbon background-image : url('/assets/Journal/Background2.webp'); //Only first page should show ribbon
} }
& .columnWrapper { & .columnWrapper {
@@ -51,7 +51,7 @@
// * BASE // * BASE
// *****************************/ // *****************************/
.page { .page {
font-family : "ReenieBeanie"; font-family : 'ReenieBeanie';
font-size : 0.53cm; font-size : 0.53cm;
line-height : 0.8em; line-height : 0.8em;
color : var(--HB_Color_Text); color : var(--HB_Color_Text);
@@ -71,7 +71,7 @@
// * HEADERS // * HEADERS
// *****************************/ // *****************************/
h1,h2,h3,h4,h5 { h1,h2,h3,h4,h5 {
font-family : "FrederickaTheGreat"; font-family : 'FrederickaTheGreat';
font-weight : unset; font-weight : unset;
color : var(--HB_Color_HeaderText); color : var(--HB_Color_HeaderText);
} }
@@ -89,7 +89,7 @@
margin-right : 0.1em; margin-right : 0.1em;
margin-bottom : -20px; margin-bottom : -20px;
margin-left : -40px; margin-left : -40px;
font-family : "FrederickaTheGreat"; font-family : 'FrederickaTheGreat';
font-size : 1.9em; font-size : 1.9em;
line-height : 1em; line-height : 1em;
} }
@@ -114,7 +114,7 @@
&:nth-of-type(3n) { transform : rotate(-1.5deg); } &:nth-of-type(3n) { transform : rotate(-1.5deg); }
} }
h5 { h5 {
font-family : "PermanentMarker"; font-family : 'PermanentMarker';
font-size : 0.4cm; font-size : 0.4cm;
font-weight : bold; font-weight : bold;
line-height : 0.951em; //Font is misaligned. Shift up slightly line-height : 0.951em; //Font is misaligned. Shift up slightly
@@ -146,14 +146,14 @@
.note { .note {
.useSansSerif(); .useSansSerif();
padding : 0.2cm; padding : 0.2cm;
background-image : url("/assets/Journal/HashMarks.png"), background-image : url('/assets/Journal/HashMarks.png'),
linear-gradient(to bottom right, #FF000000, #A36A4E14, #41212100); linear-gradient(to bottom right, #FF000000, #A36A4E14, #41212100);
background-repeat : no-repeat; background-repeat : no-repeat;
background-position : center; background-position : center;
background-size : 120% 120%; background-size : 120% 120%;
border-style : solid; border-style : solid;
border-width : 1px; border-width : 1px;
border-image-source : url("/assets/Journal/Border1.png"); border-image-source : url('/assets/Journal/Border1.png');
border-image-slice : 18 18 18 18; border-image-slice : 18 18 18 18;
border-image-width : 6px 6px 6px 6px; border-image-width : 6px 6px 6px 6px;
border-image-outset : 5px 5px 5px 5px; border-image-outset : 5px 5px 5px 5px;
@@ -173,7 +173,7 @@
.descriptive { .descriptive {
.useSansSerif(); .useSansSerif();
padding : 0.2cm; padding : 0.2cm;
background-image : url("/assets/Journal/HashMarks.png"), background-image : url('/assets/Journal/HashMarks.png'),
linear-gradient(to bottom right, #FF000000, #41212114, #41212100); linear-gradient(to bottom right, #FF000000, #41212114, #41212100);
background-repeat : no-repeat; background-repeat : no-repeat;
background-position : center; background-position : center;
@@ -201,7 +201,7 @@
.artist { .artist {
position : absolute; position : absolute;
width : auto; width : auto;
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-size : 0.27cm; font-size : 0.27cm;
color : var(--HB_Color_CaptionText); color : var(--HB_Color_CaptionText);
text-align : center; text-align : center;
@@ -211,7 +211,7 @@
text-indent : unset; text-indent : unset;
} }
h5 { h5 {
font-family : "WalterTurncoat"; font-family : 'WalterTurncoat';
font-size : 1.3em; font-size : 1.3em;
} }
a { a {
@@ -309,7 +309,7 @@
.pageNumber { .pageNumber {
right : 3cm; right : 3cm;
bottom : 1.25cm; bottom : 1.25cm;
font-family : "FrederickaTheGreat"; font-family : 'FrederickaTheGreat';
color : var(--HB_Color_HeaderText); color : var(--HB_Color_HeaderText);
} }
.footnote { .footnote {
@@ -370,7 +370,7 @@
.page .spellList { .page .spellList {
.useSansSerif(); .useSansSerif();
font-family : "PermanentMarker"; font-family : 'PermanentMarker';
column-count : 2; column-count : 2;
ul + h5 { margin-top : 15px; } ul + h5 { margin-top : 15px; }
ul { ul {
@@ -439,7 +439,7 @@
&:last-child { &:last-child {
width : 1%; width : 1%;
padding-left : 0.06cm; /* Spacing after dot leaders */ padding-left : 0.06cm; /* Spacing after dot leaders */
font-family : "ReenieBeanie"; font-family : 'ReenieBeanie';
font-size : 0.34cm; font-size : 0.34cm;
font-weight : normal; font-weight : normal;
vertical-align : bottom; /* Keep page number bottom-aligned */ vertical-align : bottom; /* Keep page number bottom-aligned */