Make tweaks to make printing and previewing easier

This commit is contained in:
Danila Fedorin 2023-02-19 15:43:27 -08:00
parent 5ad07166b5
commit 54f268d76e

View File

@ -7,6 +7,13 @@ $color-secondary: $color-main;
$color-link: black; $color-link: black;
$color-text: black; $color-text: black;
@media print {
@page {
margin: 0 0 0 0;
size: 8.5in 11in;
}
}
a { a {
color: $color-link; color: $color-link;
border-bottom: solid 2px $color-main; border-bottom: solid 2px $color-main;
@ -19,20 +26,26 @@ svg {
html { html {
font-size: 11.5px; font-size: 11.5px;
@media not print {
background-color: #eaeaea;
}
} }
body { body {
background-color: white;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
font-family: $text-font; font-family: $text-font;
line-height: 1.3em; line-height: 1.225em;
font-variant-ligatures: none; font-variant-ligatures: none;
@media not print { @media not print {
width: 215.9mm; width: 8.5in;
height: 279.4mm; height: 11in;
overflow: auto; overflow: auto;
margin-top: 10px; margin-top: 20px;
margin-bottom: 20px;
padding-top: 5px; padding-top: 5px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -124,7 +137,6 @@ div.project-container {
a.project-link { a.project-link {
color: $color-text; color: $color-text;
border: none; border: none;
font-weight: bold;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;