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

Add layers to all current themes

This commit is contained in:
Trevor Buckner
2023-01-27 14:57:20 -05:00
parent bef4d9f41f
commit 0bf96cb9e2
5 changed files with 1003 additions and 999 deletions

View File

@@ -1,22 +1,23 @@
@import (less) './themes/fonts/5e legacy/fonts.less';
@import (less) './themes/assets/assets.less';
@import (less) './themes/phb.depricated.less';
//Colors
@background : #EEE5CE; // Light parchment
@noteGreen : #e0e5c1; // Pastel green
@headerUnderline : #c9ad6a; // Gold
@horizontalRule : #9c2b1b; // Maroon
@headerText : #58180D; // Dark maroon
@monsterStatBackground : #FDF1DC; // Lighter parchment
@captionText : #766649; // Brown
@page { margin: 0; }
body {
@layer Legacy_5ePHB {
@import (less) './themes/fonts/5e legacy/fonts.less';
@import (less) './themes/assets/assets.less';
@import (less) './themes/phb.depricated.less';
//Colors
@background : #EEE5CE; // Light parchment
@noteGreen : #e0e5c1; // Pastel green
@headerUnderline : #c9ad6a; // Gold
@horizontalRule : #9c2b1b; // Maroon
@headerText : #58180D; // Dark maroon
@monsterStatBackground : #FDF1DC; // Lighter parchment
@captionText : #766649; // Brown
@page { margin: 0; }
body {
counter-reset : phb-page-numbers;
}
*{
}
*{
-webkit-print-color-adjust : exact;
}
.useSansSerif(){
}
.useSansSerif(){
font-family : ScalySans;
em{
font-family : ScalySans;
@@ -27,8 +28,8 @@ body {
font-weight : 800;
letter-spacing : -0.02em;
}
}
.useColumns(@multiplier : 1){
}
.useColumns(@multiplier : 1){
column-count : 2;
column-fill : auto;
column-gap : 1cm;
@@ -39,8 +40,8 @@ body {
-moz-column-width : 8cm * @multiplier;
-webkit-column-gap : 1cm;
-moz-column-gap : 1cm;
}
.phb{
}
.phb{
.useColumns();
counter-increment : phb-page-numbers;
position : relative;
@@ -357,11 +358,11 @@ body {
page-break-inside : avoid;
break-inside : avoid;
}
}
//*****************************
// * SPELL LIST
// *****************************/
.phb .spellList{
}
//*****************************
// * SPELL LIST
// *****************************/
.phb .spellList{
.useSansSerif();
column-count : 4;
column-span : all;
@@ -383,19 +384,19 @@ body {
page-break-inside : auto;
break-inside : auto;
}
}
//*****************************
// * WIDE
// *****************************/
.phb .wide{
}
//*****************************
// * WIDE
// *****************************/
.phb .wide{
column-span : all;
-webkit-column-span : all;
-moz-column-span : all;
}
//*****************************
// * CLASS TABLE
// *****************************/
.phb .classTable{
}
//*****************************
// * CLASS TABLE
// *****************************/
.phb .classTable{
margin-top : 25px;
margin-bottom : 40px;
border-collapse : separate;
@@ -410,11 +411,11 @@ body {
h5{
margin-bottom : 10px;
}
}
//************************************
// * DESCRIPTIVE TEXT BOX
// ************************************/
.phb .descriptive{
}
//************************************
// * DESCRIPTIVE TEXT BOX
// ************************************/
.phb .descriptive{
margin-bottom : 1em;
background-color : #faf7ea;
font-family : ScalySans;
@@ -440,15 +441,15 @@ body {
font-weight : 800;
letter-spacing : -0.02em;
}
}
.phb pre+.descriptive{
}
.phb pre+.descriptive{
margin-top : 8px;
}
}
//*****************************
// * ARTIST CREDIT BLOCK
// *****************************/
.phb {
//*****************************
// * ARTIST CREDIT BLOCK
// *****************************/
.phb {
.artist {
position : absolute;
text-align : center;
@@ -472,11 +473,11 @@ body {
}
}
}
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
.phb .toc{
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
.phb .toc{
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
@@ -494,4 +495,5 @@ body {
&>ul>li{
margin-bottom : 10px;
}
}
}

View File

@@ -1,10 +1,11 @@
:root {
@layer V3_5eDMG {
:root {
//Colors
--HB_Color_Accent : #EBCEC3; // Salmon
--HB_Color_Footnotes : #5C5C5C; // Dark gray
}
}
.page {
.page {
background-image : url(/assets/DMG_background.png);
background-size : cover;
@@ -16,4 +17,5 @@
.footnote {
bottom : 40px;
}
}
}

View File

@@ -1,5 +1,4 @@
@layer V3_PHB {
@layer V3_5ePHB {
@import (less) './themes/fonts/5e/fonts.less';
@import (less) './themes/assets/assets.less';

View File

@@ -1,5 +1,4 @@
@layer V3_Blank {
@import (less) './themes/fonts/5e/fonts.less';
@import (less) './themes/assets/assets.less';

View File

@@ -1,7 +1,8 @@
@import (less) './themes/fonts/Journal/fonts.less';
@import (less) './themes/assets/assets.less';
@layer V3_Journal {
@import (less) './themes/fonts/Journal/fonts.less';
@import (less) './themes/assets/assets.less';
:root {
:root {
//Colors
--HB_Color_Background : unset; // Light parchment
--HB_Color_Text : #412121; // Dark Maroon Brown
@@ -9,9 +10,9 @@
--HB_Color_HeaderText : #58180D; // Dark Maroon
--HB_Color_CaptionText : #766649; // Brown
--HB_Color_WatercolorStain : #BBAD82; // Light brown
}
}
.useSansSerif(){
.useSansSerif(){
font-family : PermanentMarker;
font-size : 0.3cm;
line-height : 1.2em;
@@ -32,12 +33,12 @@
h5 + * {
margin-top : 0.1cm;
}
}
.useColumns(@multiplier : 1, @fillMode: balance){
}
.useColumns(@multiplier : 1, @fillMode: balance){
column-gap : 0.5cm;
}
}
.page{
.page{
background-size : 200% 100%;
background-repeat : no-repeat;
filter : drop-shadow(1px 4px 14px black);
@@ -57,12 +58,12 @@
& .columnWrapper {
//transform: rotate(-0.5deg); // Breaks absolute positioning of images/footers. Wait for Chrome fix
}
}
}
//*****************************
// * BASE
// *****************************/
.page{
.page{
color : var(--HB_Color_Text);
font-family : ReenieBeanie;
font-size : 0.53cm;
@@ -443,12 +444,12 @@
a:hover {
color:red;
}
}
//*****************************
// * SPELL LIST
// *****************************/
}
//*****************************
// * SPELL LIST
// *****************************/
.page .spellList{
.page .spellList{
.useSansSerif();
font-family : PermanentMarker;
column-count : 2;
@@ -467,23 +468,23 @@
&.wide{
column-count : 4;
}
}
}
//*****************************
// * CLASS TABLE
// *****************************/
.page .classTable{
//*****************************
// * CLASS TABLE
// *****************************/
.page .classTable{
th[colspan]:not([rowspan]) {
white-space : nowrap;
}
h5 + table{
margin-top : 0.2cm;
}
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
.page .toc{
}
//*****************************
// * TABLE OF CONTENTS
// *****************************/
.page .toc{
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
@@ -549,11 +550,12 @@
&.wide{
.useColumns(0.96, @fillMode: balance);
}
}
}
//*****************************
// * WIDE
// *****************************/
.page .wide {
//*****************************
// * WIDE
// *****************************/
.page .wide {
margin-bottom : 0.45cm;
}
}