SI18/archive/03/print.css

@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;
    }  
    .contribution li{
        column-span: none;
    } 

    .contribution img{
        column-span: all;
        float: left;
    }


     */

	/* .content p, .content h2 {
        margin: default;
    } */

	button#btn-print {
		display: none;
	}

	.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);
	}
}