From 5c4da77357e9c6533fea7506abbf906d422adab3 Mon Sep 17 00:00:00 2001 From: James Socol Date: Sat, 20 Feb 2021 14:04:54 -0500 Subject: [PATCH 1/2] Parametrize fillMode for .useColumns A @fillMode parameter for .useColumns9) allows setting `column-fill` property to `balance` for wide statblocks (or other wide column types) instead of relying on Chrome's fallback behavior that ignores `auto` when there's no set container height. Set the default for the for `@fillMode` to `auto` to maintain the current behavior. --- client/homebrew/phbStyle/phb.style.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/client/homebrew/phbStyle/phb.style.less b/client/homebrew/phbStyle/phb.style.less index 792755ade..b480a234b 100644 --- a/client/homebrew/phbStyle/phb.style.less +++ b/client/homebrew/phbStyle/phb.style.less @@ -26,9 +26,9 @@ body { letter-spacing : -0.02em; } } -.useColumns(@multiplier : 1){ +.useColumns(@multiplier : 1, @fillMode: auto){ column-count : 2; - column-fill : auto; + column-fill : @fillMode; column-gap : 1cm; column-width : 8cm * @multiplier; -webkit-column-count : 2; @@ -272,7 +272,7 @@ body { } //Full Width hr+hr+blockquote{ - .useColumns(0.96); + .useColumns(0.96, @fillMode: balance); } //***************************** // * FOOTER From 050a1d45fdceebbc17303cb6101359e267b27025 Mon Sep 17 00:00:00 2001 From: Trevor Buckner Date: Tue, 24 Aug 2021 23:47:31 -0400 Subject: [PATCH 2/2] Move to new theme file, make balance default --- themes/5ePhb.style.less | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less index eaf69023a..26fb82430 100644 --- a/themes/5ePhb.style.less +++ b/themes/5ePhb.style.less @@ -34,9 +34,9 @@ body { letter-spacing : -0.02em; } } -.useColumns(@multiplier : 1){ +.useColumns(@multiplier : 1, @fillMode: balance){ column-count : 2; - column-fill : auto; + column-fill : @fillMode; column-gap : 0.9cm; column-width : 8cm * @multiplier; -webkit-column-count : 2; @@ -383,7 +383,7 @@ body { //Full Width .monster.wide{ - .useColumns(0.96); + .useColumns(0.96, @fillMode: balance); } //***************************** @@ -629,7 +629,7 @@ body { } } &.wide{ - .useColumns(0.96); + .useColumns(0.96, @fillMode: balance); } }