0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-15 10:32:45 +00:00

Cleaning up some redundant styles in Journal Theme

This commit is contained in:
Trevor Buckner
2022-08-27 21:20:35 -04:00
parent eb9d76655e
commit a383995522
2 changed files with 27 additions and 46 deletions

View File

@@ -18,8 +18,6 @@ body {
.useColumns(@multiplier : 1, @fillMode: balance){ .useColumns(@multiplier : 1, @fillMode: balance){
column-fill : @fillMode; column-fill : @fillMode;
column-count : 2; column-count : 2;
column-gap : 0.9cm;
column-width : 8cm * @multiplier;
} }
.columnWrapper{ .columnWrapper{
max-height : 100%; max-height : 100%;
@@ -29,15 +27,15 @@ body {
} }
.page{ .page{
.useColumns(); .useColumns();
height : 279.4mm;
width : 215.9mm;
padding : 1.4cm 1.9cm 1.7cm;
counter-increment : phb-page-numbers; counter-increment : phb-page-numbers;
background-color : var(--HB_Color_Background);
position : relative; position : relative;
z-index : 15; z-index : 15;
box-sizing : border-box; box-sizing : border-box;
overflow : hidden; overflow : hidden;
height : 279.4mm;
width : 215.9mm;
background-color : var(--HB_Color_Background);
padding : 1.4cm 1.9cm 1.7cm;
text-rendering : optimizeLegibility; text-rendering : optimizeLegibility;
page-break-before : always; page-break-before : always;
page-break-after : always; page-break-after : always;
@@ -51,7 +49,7 @@ body {
display : block; display : block;
} }
strong{ strong{
font-weight : bold; font-weight : bold;
} }
em{ em{
font-style : italic; font-style : italic;
@@ -66,6 +64,16 @@ body {
font-size : smaller; font-size : smaller;
line-height : 0; line-height : 0;
} }
ul {
list-style-position : outside; //Needed for multiline list items
list-style-type : disc;
padding-left : 1.4em;
}
ol {
list-style-position : outside;
list-style-type : decimal;
padding-left : 1.4em;
}
img{ img{
z-index : -1; z-index : -1;
} }
@@ -102,9 +110,9 @@ body {
// * TABLE // * TABLE
// *****************************/ // *****************************/
table{ table{
width : 100%; width : 100%;
thead{ thead{
display: table-row-group; display : table-row-group;
font-weight : bold; font-weight : bold;
} }
} }

View File

@@ -16,13 +16,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 : PermanentMarker; font-family : PermanentMarker;
font-size : 0.3cm; font-size : 0.3cm;
@@ -46,15 +39,10 @@ body {
} }
} }
.useColumns(@multiplier : 1, @fillMode: balance){ .useColumns(@multiplier : 1, @fillMode: balance){
column-count : 2;
column-fill : @fillMode;
column-gap : 0.5cm; column-gap : 0.5cm;
column-width : unset;
} }
.page{ .page{
.useColumns();
background-color : var(--HB_Color_Background);
background-size : 200% 100%; background-size : 200% 100%;
background-repeat : no-repeat; background-repeat : no-repeat;
filter : drop-shadow(1px 4px 14px black); filter : drop-shadow(1px 4px 14px black);
@@ -76,7 +64,6 @@ body {
} }
} }
//***************************** //*****************************
// * BASE // * BASE
// *****************************/ // *****************************/
@@ -85,31 +72,17 @@ body {
font-family : ReenieBeanie; font-family : ReenieBeanie;
font-size : 0.53cm; font-size : 0.53cm;
line-height : 0.8em; line-height : 0.8em;
p{ p + * {
overflow-wrap : break-word; //TODO: MAKE ALL MARGINS TOP-ONLY. USE * + * STYLE SELECTORS margin-top : 0.325cm;
display : block; }
&+* { p + p{
margin-top : 0.325cm; margin-top : 0;
}
&+p{
margin-top : 0;
}
} }
ul{ ul{
margin-bottom : 0.8em; margin-bottom : 0.8em;
padding-left : 1.4em;
list-style-position : outside;
list-style-type : disc;
} }
ol{ ol{
margin-bottom : 0.8em; margin-bottom : 0.8em;
padding-left : 1.4em;
list-style-position : outside;
list-style-type : decimal;
}
//Indents after p or lists
p+p, ul+p, ol+p{
text-indent : 1em;
} }
em{ em{
text-decoration : underline; text-decoration : underline;
@@ -118,6 +91,11 @@ body {
del{ del{
text-decoration-style: double; text-decoration-style: double;
} }
//Indents after p or lists
p+p, ul+p, ol+p{
text-indent : 1em;
}
//***************************** //*****************************
// * HEADERS // * HEADERS
// *****************************/ // *****************************/
@@ -185,7 +163,6 @@ body {
// *****************************/ // *****************************/
table{ table{
.useSansSerif(); .useSansSerif();
width : 100%;
& + * { & + * {
margin-top : 0.325cm; margin-top : 0.325cm;
} }
@@ -434,13 +411,9 @@ body {
vertical-align : middle; vertical-align : middle;
background-color : #faf7ea; background-color : #faf7ea;
border-radius : 4px; border-radius : 4px;
white-space : pre-wrap;
overflow-wrap : break-word;
} }
pre code{ pre code{
width : 100%;
display : inline-block;
border-style : solid; border-style : solid;
border-width : 1px; border-width : 1px;
border-image : @codeBorderImage 26 stretch; border-image : @codeBorderImage 26 stretch;