print css fix

main
km0 3 years ago
parent ae9f20acce
commit fd870d1223

@ -1,136 +1,122 @@
@media print{
@page {
size: A5;
margin-top: 5mm;
margin-right: 10mm;
margin-bottom: 20mm;
margin-left: 7.5mm;
}
html, body {
font-size: 14px;
font-family: Fengardo;
}
.container{
display: block;
width: auto;
height: auto;
}
.atlas {
border: none;
}
.atlas svg {
width: auto;
height: auto;
max-width: 100%;
}
.contributions,
.contribution {
border-bottom: none;
}
header.cover{
width: auto;
height: 100%;
min-height: auto;
padding: 0;
border: none;
}
.cover .title {
font-size: 46px;
margin: 64px 0;
}
.atlas,
.cover,
.contributions,
.contribution,
.index,
.content img {
break-before: page;
}
.info{
display: none;
}
.index {
display: block;
columns: unset;
}
.index table{
width: 100%;
border-collapse: collapse;
}
.index tr{
border-top: solid 1px currentColor;
border-bottom: solid 1px currentColor;
}
.index-title {
font-weight: bold;
margin-top: 16px;
text-transform: uppercase;
text-align: right;
}
.symbol {
text-transform: lowercase;
width: 20%;
}
.libretto {
overflow: hidden;
/* height:100%; */
}
.libretto > *{
border-bottom: none;
}
.contribution .content h2,
.contribution .description{
font-size: 18px;
}
.contribution .title {
font-size: 28px;
}
.contribution {
border-bottom: none;
height: 100%;
overflow: hidden;
}
img {
margin: 16px auto;
}
/*Sorry Gi, the multicolumn layout is too painful */
/* .contribution .content{
@media print {
@page {
size: A5;
margin-top: 5mm;
margin-right: 10mm;
margin-bottom: 20mm;
margin-left: 7.5mm;
}
html,
body {
font-size: 14px;
font-family: Fengardo;
overflow: auto;
}
.container {
display: block;
width: auto;
height: auto;
}
.atlas {
border: none;
}
.atlas svg {
width: auto;
height: auto;
max-width: 100%;
}
.contributions,
.contribution {
border-bottom: none;
}
header.cover {
width: auto;
height: 100%;
min-height: auto;
padding: 0;
border: none;
}
.cover .title {
font-size: 46px;
margin: 64px 0;
}
.atlas,
.cover,
.contributions,
.contribution,
.index,
.content img {
break-before: page;
}
.info {
display: none;
}
.index {
display: block;
columns: unset;
}
.index table {
width: 100%;
border-collapse: collapse;
}
.index tr {
border-top: solid 1px currentColor;
border-bottom: solid 1px currentColor;
}
.index-title {
font-weight: bold;
margin-top: 16px;
text-transform: uppercase;
text-align: right;
}
.symbol {
text-transform: lowercase;
width: 20%;
}
.libretto {
overflow: hidden;
/* height:100%; */
}
.libretto > * {
border-bottom: none;
}
.contribution .content h2,
.contribution .description {
font-size: 18px;
}
.contribution .title {
font-size: 28px;
}
.contribution {
border-bottom: none;
height: 100%;
overflow: hidden;
}
img {
margin: 16px auto;
}
/*Sorry Gi, the multicolumn layout is too painful */
/* .contribution .content{
column-count: 2;
column-fill: auto;
}
@ -146,32 +132,35 @@
*/
/* .content p, .content h2 {
/* .content p, .content h2 {
margin: default;
} */
button#btn-print {
display: none;
}
button#btn-print {
display: none;
}
.full-height {
height: 100%;
}
.full-height {
height: 100%;
}
.atlas svg #live-path {
color: currentColor;
stroke-dasharray: initial;
stroke-dashoffset: initial;
animation: none;
}
}
@media print{
:root {
--text: tomato;
--wireframe: tomato;
--background: #ffffff;
}
html, body{
background-color: var(--background);
}
}
@media print {
:root {
--text: tomato;
--wireframe: tomato;
--background: #ffffff;
}
html,
body {
background-color: var(--background);
}
}

Loading…
Cancel
Save