0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 19:22:47 +00:00

Handle spacing at bottom of side-by-side tables

This commit is contained in:
Trevor Buckner
2022-10-24 19:29:59 -04:00
parent 8b011804ca
commit 2d26e7cd07
2 changed files with 7 additions and 7 deletions

View File

@@ -183,7 +183,7 @@ body {
} }
} }
* + h3 { * + h3 {
margin-top : 0.13cm; //(0.3 - 0.17) margin-top : 0.155cm; //(0.325 - 0.17)
} }
h4{ h4{
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
@@ -195,7 +195,7 @@ body {
} }
} }
* + h4 { * + h4 {
margin-top : 0.21cm; //(0.3 - 0.09) margin-top : 0.235cm; //(0.325 - 0.09)
} }
h5{ h5{
//margin-top : -0.02cm; //Font is misaligned. Shift up slightly //margin-top : -0.02cm; //Font is misaligned. Shift up slightly
@@ -211,9 +211,6 @@ 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%;
@@ -243,6 +240,9 @@ body {
} }
} }
} }
div table:has(~table) { // Divs with side-by-side tables add an extra line
margin-bottom: -0.325cm; // of vertical space at bottom. This works around it.
}
//***************************** //*****************************
// * NOTE // * NOTE
// *****************************/ // *****************************/
@@ -790,7 +790,7 @@ body {
// * WIDE // * WIDE
// *****************************/ // *****************************/
:where(.page) .wide{ :where(.page) .wide{
margin-bottom : 0.3cm; margin-bottom : 0.325cm;
} }
:where(.page) h1 + *{ :where(.page) h1 + *{

View File

@@ -78,7 +78,7 @@ body {
z-index : -1; z-index : -1;
} }
:not(:where(.wide,.columnSplit,.blank,hr,h1)) + :where(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.325cm; //NOTE: MAKE ALL MARGINS TOP-ONLY FOR BEST RESULTS WITH COLUMN BREAKS. USE * + * STYLE SELECTORS
} }
:is(h1,h3,h3,h4,h5,h6) + * { :is(h1,h3,h3,h4,h5,h6) + * {