adoralaura/hugo-book-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removing flex from <main> for sake of print layout (#129)

Browse source 
* Removing flex from <main> for sake of print layout
* trimming excess whitespace
This commit is contained in:
Shane Liesegang 2020-01-17 14:32:36 -05:00 committed by Alex Shpak
parent c43a00feb2
commit bce8940c62
3 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/_main.scss
View file

@ -47,6 +47,11 @@ img {
vertical-align: baseline;
}
main {
display: flex;
flex-direction: row-reverse;
}
aside nav ul {
padding: 0;
margin: 0;
@ -315,7 +320,6 @@ aside nav,
display: flex;
}
#menu-control:checked ~ main {
.book-menu #BookMenu,
.book-page {

2
assets/_print.scss
View file

@ -5,7 +5,7 @@
}
main {
flex-direction: column-reverse;
display: block;
}
.book-toc {

11
layouts/_default/baseof.html
View file

@ -9,11 +9,8 @@
<body>
<input type="checkbox" class="hidden" id="toc-control" />
<input type="checkbox" class="hidden" id="menu-control" />
<main class="flex container">
<aside class="book-menu fixed">
{{ partial "docs/menu" . }}
</aside>
<main class="container">
{{ template "toc" . }}
<div class="book-page">
{{ partial "docs/mobile-header" . }}
@ -22,7 +19,9 @@
{{ partial "docs/inject/footer" . }}
</div>
{{ template "toc" . }}
<aside class="book-menu fixed">
{{ partial "docs/menu" . }}
</aside>
</main>
{{ partial "docs/inject/body" . }}