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

2
assets/_print.scss
View file

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

11
layouts/_default/baseof.html
View file

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