mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-02 19:22:47 +00:00
Merge pull request #2438 from G-Ambatte/fixToC-#2437
Change ToC to use flexbox
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user