X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/e7a7d8cc1d77b032c4efe9d08ec6c749430b7b57..refs/pull/5313/head:/resources/sass/export-styles.scss diff --git a/resources/sass/export-styles.scss b/resources/sass/export-styles.scss index 278e5b6c5..cfa1ebdf8 100644 --- a/resources/sass/export-styles.scss +++ b/resources/sass/export-styles.scss @@ -1,15 +1,10 @@ +@use "sass:math"; @import "variables"; @import "mixins"; -@import "spacing"; @import "html"; @import "text"; -@import "layout"; -@import "blocks"; @import "tables"; -@import "header"; -@import "lists"; -@import "pages"; - +@import "content"; html, body { background-color: #FFF; @@ -35,9 +30,73 @@ table { pre { padding-left: 12px; } -pre:after { +pre:before { display: none; } pre code { white-space: pre-wrap; +} + +.page-break { + page-break-after: always; +} +@media screen { + .page-break { + border-top: 1px solid #DDD; + } +} + +ul.contents ul li { + list-style: circle; +} + +.chapter-hint { + color: #888; + margin-top: 32px; +} +.chapter-hint + h1 { + margin-top: 0; +} + +// PDF specific overrides +body.export-format-pdf { + font-size: 14px; + line-height: 1.2; + + h1, h2, h3, h4, h5, h6 { + line-height: 1.2; + } + + table { + max-width: 800px !important; + font-size: 0.8em; + width: 100% !important; + } + + table td { + width: auto !important; + } + + .page-content .float { + float: none !important; + } + + .page-content img.align-left, .page-content img.align-right { + float: none !important; + clear: both; + display: block; + } + +} + +// DOMPDF pdf export specific overrides +body.export-format-pdf.export-engine-dompdf { + // Fix for full width linked image sizes on DOMPDF + .page-content a > img { + max-width: 700px; + } + // Undoes the above for table images to prevent visually worse scenario, Awaiting next DOMPDF release for patch + .page-content td a > img { + max-width: 100%; + } } \ No newline at end of file