0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 19:22:47 +00:00
Change ToC to use flexbox
This commit is contained in:
Trevor Buckner
2022-10-18 15:25:24 -04:00
committed by GitHub

View File

@@ -657,7 +657,11 @@ body {
//***************************** //*****************************
// * TABLE OF CONTENTS // * TABLE OF CONTENTS
// *****************************/ // *****************************/
.page .toc{ .page {
&:has(.toc):after {
display: none;
}
.toc {
-webkit-column-break-inside : avoid; -webkit-column-break-inside : avoid;
page-break-inside : avoid; page-break-inside : avoid;
break-inside : avoid; break-inside : avoid;
@@ -683,6 +687,13 @@ body {
ul{ ul{
padding-left : 0; padding-left : 0;
list-style-type : none; list-style-type : none;
margin-top : 0;
a {
width : 100%;
display : flex;
flex-flow : row nowrap;
justify-content : space-between;
}
li + li h3 { li + li h3 {
margin-top : 0.26cm; margin-top : 0.26cm;
line-height : 1em line-height : 1em
@@ -691,29 +702,23 @@ body {
border : none; border : none;
} }
span { span {
display : table-cell; display : contents;
&:first-child { &:first-child::after {
position : relative;
overflow : hidden;
&::after {
content : ""; content : "";
position : absolute;
bottom : 0.08cm; bottom : 0.08cm;
margin-left : 0.06cm; /* Spacing before dot leaders */ flex : 1;
width : 100%; margin-left : 0.08cm; /* Spacing before dot leaders */
margin-right : 0.16cm;
border-bottom : 0.05cm dotted #000; border-bottom : 0.05cm dotted #000;
} margin-bottom : 0.08cm;
} }
&:last-child { &:last-child {
font-family : BookInsanityRemake; display : inline-block;
align-self : flex-end;
font-family : "BookInsanityRemake";
font-size : 0.34cm; font-size : 0.34cm;
font-weight : normal; font-weight : normal;
color : black; color : #000;
text-align : right;
vertical-align : bottom; /* Keep page number bottom-aligned */
width : 1%;
padding-left : 0.06cm; /* Spacing after dot leaders */
/*white-space : nowrap; /* Uncomment if needed */
} }
} }
ul { /*List indent*/ ul { /*List indent*/
@@ -724,6 +729,7 @@ body {
.useColumns(0.96, @fillMode: balance); .useColumns(0.96, @fillMode: balance);
} }
} }
}
//***************************** //*****************************
// * MUSTACHE DIVS/SPANS // * MUSTACHE DIVS/SPANS