1
0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-10-30 15:42:41 +01:00
BookStack/resources/sass/export-styles.scss
Dan Brown 88012449f3
Reorganised and split out export templates & styles
Moved export templates elements into their own folder for better
grouping of logical usage.
Within the base export template, added some body classes to allow easier
targeted customisation via custom head css.
Split content of export templates into smaller partials for easier
future customization.

Closes #3443
2022-06-08 17:56:59 +01:00

105 lines
1.8 KiB
SCSS

@use "sass:math";
@import "variables";
@import "mixins";
@import "html";
@import "text";
@import "layout";
@import "blocks";
@import "tables";
@import "lists";
@import "pages";
html, body {
background-color: #FFF;
}
body {
font-family: 'DejaVu Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin: 0;
padding: 0;
display: block;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
.page-content {
overflow: hidden;
}
// Prevent code block overflow on export
pre {
padding-left: 12px;
}
pre:after {
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%;
}
}