hedgedoc/frontend/global-styles/print.scss
Erik Michelson 45ea11dc9a
Some checks failed
Docker / build-and-push (backend) (push) Has been cancelled
Docker / build-and-push (frontend) (push) Has been cancelled
E2E Tests / backend-sqlite (push) Has been cancelled
E2E Tests / backend-mariadb (push) Has been cancelled
E2E Tests / backend-postgres (push) Has been cancelled
E2E Tests / Build test build of frontend (push) Has been cancelled
Lint and check format / Lint files and check formatting (push) Has been cancelled
REUSE Compliance Check / reuse (push) Has been cancelled
Scorecard supply-chain security / Scorecard analysis (push) Has been cancelled
Static Analysis / Njsscan code scanning (push) Has been cancelled
Static Analysis / CodeQL analysis (push) Has been cancelled
Run tests & build / Test and build with NodeJS 20 (push) Has been cancelled
E2E Tests / frontend-cypress (1) (push) Has been cancelled
E2E Tests / frontend-cypress (2) (push) Has been cancelled
E2E Tests / frontend-cypress (3) (push) Has been cancelled
feat(frontend): add basic print functionality
Co-authored-by: Philip Molares <philip.molares@udo.edu>
Signed-off-by: Erik Michelson <github@erik.michelson.eu>
Signed-off-by: Philip Molares <philip.molares@udo.edu>
2024-12-05 00:14:23 +01:00

73 lines
1.1 KiB
SCSS

/*!
* SPDX-FileCopyrightText: 2024 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
@media print {
.heading-anchor, .footnote-backref {
display: none;
}
a[href] {
border-bottom: none;
text-decoration: none;
&::after {
content: ' (' attr(href) ')';
font-size: 0.75em;
}
}
nav.table-of-contents, sup.footnote-ref {
a[href]::after {
display: none;
content: '';
}
}
sup.footnote-ref {
a[href] {
color: unset;
}
}
abbr[title] {
border-bottom: none !important;
text-decoration: none !important;
}
mark {
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
h1, h2, h3, h4, h5 {
break-after: avoid;
page-break-after: avoid;
}
table, figure, p, img, ul, ol, pre, code {
break-inside: avoid;
page-break-inside: avoid;
}
@page {
padding: 1.5cm;
margin: 1cm auto;
}
.print-only {
display: inline;
}
hr {
background-color: transparent !important;
border-bottom: 2px solid #bbbcbf;
}
}
@media screen {
.print-only {
display: none;
}
}