0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-09 20:12:41 +00:00

Remove @layer

This commit is contained in:
Trevor Buckner
2023-02-22 15:34:05 -05:00
parent ed85e4eb0a
commit 2e7c8c0cab

View File

@@ -1,8 +1,7 @@
@layer V3_5ePHB { @import (less) './themes/fonts/5e/fonts.less';
@import (less) './themes/fonts/5e/fonts.less'; @import (less) './themes/assets/assets.less';
@import (less) './themes/assets/assets.less';
:root { :root {
//Colors //Colors
--HB_Color_Background : #EEE5CE; // Light parchment --HB_Color_Background : #EEE5CE; // Light parchment
--HB_Color_Accent : #E0E5C1; // Pastel green --HB_Color_Accent : #E0E5C1; // Pastel green
@@ -13,16 +12,16 @@
--HB_Color_CaptionText : #766649; // Brown --HB_Color_CaptionText : #766649; // Brown
--HB_Color_WatercolorStain : #BBAD82; // Light brown --HB_Color_WatercolorStain : #BBAD82; // Light brown
--HB_Color_Footnotes : #C9AD6A; // Gold --HB_Color_Footnotes : #C9AD6A; // Gold
} }
@page { margin: 0; } @page { margin: 0; }
body { body {
counter-reset : phb-page-numbers; counter-reset : phb-page-numbers;
} }
*{ *{
-webkit-print-color-adjust : exact; -webkit-print-color-adjust : exact;
} }
.useSansSerif(){ .useSansSerif(){
font-family : ScalySansRemake; font-family : ScalySansRemake;
font-size : 0.318cm; font-size : 0.318cm;
line-height : 1.2em; line-height : 1.2em;
@@ -42,8 +41,8 @@
h5 + * { h5 + * {
margin-top : 0.1cm; margin-top : 0.1cm;
} }
} }
.useColumns(@multiplier : 1, @fillMode: balance){ .useColumns(@multiplier : 1, @fillMode: balance){
column-count : 2; column-count : 2;
column-fill : @fillMode; column-fill : @fillMode;
column-gap : 0.9cm; column-gap : 0.9cm;
@@ -54,14 +53,14 @@
-moz-column-width : 8cm * @multiplier; -moz-column-width : 8cm * @multiplier;
-webkit-column-gap : 0.9cm; -webkit-column-gap : 0.9cm;
-moz-column-gap : 0.9cm; -moz-column-gap : 0.9cm;
} }
.columnWrapper{ .columnWrapper{
max-height : 100%; max-height : 100%;
column-span : all; column-span : all;
columns : inherit; columns : inherit;
column-gap : inherit; column-gap : inherit;
} }
.page{ .page{
.useColumns(); .useColumns();
counter-increment : phb-page-numbers; counter-increment : phb-page-numbers;
position : relative; position : relative;
@@ -78,12 +77,12 @@
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
page-break-before : always; page-break-before : always;
page-break-after : always; page-break-after : always;
} }
//***************************** //*****************************
// * BASE // * BASE
// *****************************/ // *****************************/
.page{ .page{
p{ p{
overflow-wrap : break-word; //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS overflow-wrap : break-word; //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS
display : block; display : block;
@@ -593,11 +592,11 @@
page-break-inside : avoid; page-break-inside : avoid;
break-inside : avoid; break-inside : avoid;
} }
} }
//***************************** //*****************************
// * SPELL LIST // * SPELL LIST
// *****************************/ // *****************************/
.page .spellList{ .page .spellList{
.useSansSerif(); .useSansSerif();
column-count : 2; column-count : 2;
ul+h5{ ul+h5{
@@ -619,16 +618,16 @@
&.wide{ &.wide{
column-count : 4; column-count : 4;
} }
} }
//***************************** //*****************************
// * CLASS TABLE // * CLASS TABLE
// *****************************/ // *****************************/
.page .classTable{ .page .classTable{
th[colspan]:not([rowspan]) { th[colspan]:not([rowspan]) {
white-space : nowrap; white-space : nowrap;
} }
&.frame { &.frame {
margin-top : 0.7cm; margin-top : 0.7cm;
margin-bottom : 0.9cm; margin-bottom : 0.9cm;
margin-left : -0.1cm; margin-left : -0.1cm;
@@ -649,11 +648,11 @@
& + * { & + * {
margin-top: 0; margin-top: 0;
} }
} }
&.decoration { &.decoration {
position:relative; position:relative;
} }
&.decoration::before { &.decoration::before {
content :''; content :'';
position : absolute; position : absolute;
background-image : @classTableDecoration, background-image : @classTableDecoration,
@@ -668,25 +667,25 @@
transform : translateY(-50%) translateX(-50%); transform : translateY(-50%) translateX(-50%);
filter : drop-shadow(0px 0px 1px #C8C5C080); filter : drop-shadow(0px 0px 1px #C8C5C080);
z-index : -1; z-index : -1;
} }
&.decoration.wide::before { &.decoration.wide::before {
width : calc(100% + 3.3cm); width : calc(100% + 3.3cm);
height : 7.75cm; height : 7.75cm;
background-position : left, right; background-position : left, right;
} }
h5 + table{ h5 + table{
margin-top : 0.2cm; margin-top : 0.2cm;
} }
} }
//***************************** //*****************************
// * COVER PAGE // * COVER PAGE
// *****************************/ // *****************************/
.page { .page {
&:has(.coverPage):after { &:has(.coverPage):after {
display: none; display: none;
} }
.coverPage { .coverPage {
position: absolute; position: absolute;
inset: 0; inset: 0;
padding: 125px 0px; padding: 125px 0px;
@@ -805,20 +804,20 @@
text-align: center; text-align: center;
} }
} }
} }
//***************************** //*****************************
// * TABLE OF CONTENTS // * TABLE OF CONTENTS
// *****************************/ // *****************************/
.page { .page {
&:has(.toc):after { &:has(.toc):after {
display: none; display: none;
} }
.toc { .toc {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; page-break-inside : avoid;
break-inside : avoid; break-inside : avoid;
h1 { h1 {
text-align : center; text-align : center;
margin-bottom : 0.3cm; margin-bottom : 0.3cm;
@@ -882,13 +881,13 @@
&.wide{ &.wide{
.useColumns(0.96, @fillMode: balance); .useColumns(0.96, @fillMode: balance);
} }
} }
} }
//***************************** //*****************************
// * DEFINITION LISTS // * DEFINITION LISTS
// *****************************/ // *****************************/
.page { .page {
dl { dl {
line-height : 1.25em; line-height : 1.25em;
padding-left : 1em; padding-left : 1em;
@@ -913,16 +912,15 @@
margin-left : 0px; margin-left : 0px;
text-indent : 0px; text-indent : 0px;
} }
} }
//***************************** //*****************************
// * WIDE // * WIDE
// *****************************/ // *****************************/
.page .wide{ .page .wide{
margin-bottom : 0.325cm; margin-bottom : 0.325cm;
} }
.page h1 + *{ .page h1 + *{
margin-top : 0; margin-top : 0;
}
} }