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

Further tweaks to table size/header spacings

This commit is contained in:
Trevor Buckner
2022-10-24 17:01:38 -04:00
parent 6a6ee9fc12
commit 047160e4ec
2 changed files with 26 additions and 29 deletions

View File

@@ -158,9 +158,9 @@ body {
padding-bottom : 2px; padding-bottom : 2px;
margin-bottom : -20px; margin-bottom : -20px;
background-image : linear-gradient(-45deg, #322814, #998250, #322814); background-image : linear-gradient(-45deg, #322814, #998250, #322814);
background-clip : text; background-clip : text;
-webkit-background-clip : text; -webkit-background-clip : text;
color : rgba(0, 0, 0, 0); color : rgba(0, 0, 0, 0);
} }
&+p::first-line{ &+p::first-line{
font-variant : small-caps; font-variant : small-caps;
@@ -178,21 +178,25 @@ body {
font-size : 0.575cm; font-size : 0.575cm;
border-bottom : 2px solid var(--HB_Color_HeaderUnderline);; border-bottom : 2px solid var(--HB_Color_HeaderUnderline);;
line-height : 0.995em; //Font is misaligned. Shift up slightly line-height : 0.995em; //Font is misaligned. Shift up slightly
margin-top : 0.13cm; //(0.3 - 0.17)
& + * { & + * {
margin-top: 0.17cm; margin-top: 0.17cm;
} }
} }
* + h3 {
margin-top : 0.13cm; //(0.3 - 0.17)
}
h4{ h4{
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
font-size : 0.458cm; font-size : 0.458cm;
line-height : 0.971em; //Font is misaligned. Shift up slightly line-height : 0.971em; //Font is misaligned. Shift up slightly
margin-top : 0.21cm; //(0.3 - 0.09)
& + * { & + * {
margin-top: 0.09cm; margin-top: 0.09cm;
} }
} }
* + h4 {
margin-top : 0.21cm; //(0.3 - 0.09)
}
h5{ h5{
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
//margin-bottom : 0.02cm; //margin-bottom : 0.02cm;
@@ -207,6 +211,9 @@ body {
//***************************** //*****************************
// * TABLE // * TABLE
// *****************************/ // *****************************/
div:has(table) {
display:block; // Inline-block divs tend to add ~5px when containing tables. Block Divs are fine (but don't work for everything else)
}
table{ table{
.useSansSerif(); .useSansSerif();
width : 100%; width : 100%;
@@ -219,16 +226,16 @@ body {
th{ th{
vertical-align : bottom; vertical-align : bottom;
//padding : 0.14em 0.4em; //padding : 0.14em 0.4em;
padding : 0px 1.5px; // Both of these are temporary, just to force padding : 0px 1.5px; // Both of these are temporary, just to force
//height : 16px; // PDF to render at same height until Chrome 108 line-height : 16px; // PDF to render at same height until Chrome 108
} }
} }
tbody{ tbody{
tr{ tr{
td{ td{
//padding : 0.14em 0.4em; //padding : 0.14em 0.4em;
padding : 0px 1.5px; // Both of these are temporary, just to force padding : 0px 1.5px; // Both of these are temporary, just to force
//height : 16px; // PDF to render at same height until Chrome 108 line-height : 16px; // PDF to render at same height until Chrome 108
} }
&:nth-child(odd){ &:nth-child(odd){
background-color : var(--HB_Color_Accent); background-color : var(--HB_Color_Accent);
@@ -779,26 +786,13 @@ body {
} }
} }
//*****************************
// * BLANK LINE
// *****************************/
:where(.page) {
.blank {
height : 1em;
margin-top : 0;
}
}
//***************************** //*****************************
// * WIDE // * WIDE
// *****************************/ // *****************************/
:where(.page) .wide{ :where(.page) .wide{
column-span : all; margin-bottom : 0.3cm;
-webkit-column-span : all; }
-moz-column-span : all;
display : block; :where(.page) h1 + *{
margin-bottom : 0.34cm; margin-top : 0;
&+* {
margin-top : 0;
}
} }

View File

@@ -77,11 +77,11 @@ body {
img{ img{
z-index : -1; z-index : -1;
} }
:not(:where(.wide,.columnSplit,.blank,hr)) + :where(h1,h2,h3,h4,h5,h6,table,dl,.block) { :not(:where(.wide,.columnSplit,.blank,hr,h1)) + :where(h2,h3,h4,h5,h6,table,dl,.block) {
margin-top : 0.3cm; //NOTE: MAKE ALL MARGINS TOP-ONLY FOR BEST RESULTS WITH COLUMN BREAKS. USE * + * STYLE SELECTORS margin-top : 0.3cm; //NOTE: MAKE ALL MARGINS TOP-ONLY FOR BEST RESULTS WITH COLUMN BREAKS. USE * + * STYLE SELECTORS
} }
:where(h1,h3,h3,h4,h5,h6) + * { :is(h1,h3,h3,h4,h5,h6) + * {
margin-top : 0; margin-top : 0;
} }
//***************************** //*****************************
@@ -192,6 +192,9 @@ body {
break-after : always; break-after : always;
-moz-column-break-after : always; -moz-column-break-after : always;
margin-top : 0; margin-top : 0;
& + * {
margin-top : 0;
}
} }
//Avoid breaking up //Avoid breaking up
blockquote,table{ blockquote,table{