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:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user