hippie-style/modules/print/_print_module.scss

@use "sass:list";

@use "../../global/config";
@use "../../global/typography";
@use "mixins";
@use "extends";

// Print module styles
// ------------------------------------------------------------------------------

%paper {
	background-color: config.$color_front_basic;
}

$a4: ".dina4" 1.2cm 1.2cm 1.2cm 2.4cm;
$a5: ".dina5" 0 0 0 1.2cm;
$a6: ".dina6" 0 0 0 1.2cm;

$din: $a4, $a5, $a6;

.print_body {
	font-size: config.$size_text_print;
	margin: 10vh 20vw;

	@page {
		size: A4;
		margin: 1.2cm;
	}

	@page :first {
		size: A4;
		margin: 0;
	}

	@each $space in $din {
		#{list.nth($space, 1)} {
			padding-top: list.nth($space, 2) list.nth($space, 3) list.nth($space, 4) list.nth($space, 5);

			.page_head, .page_foot {
				right: list.nth($space, 3);
				left: list.nth($space, 5);
			}

			.page_head {
				top: list.nth($space, 2);
			}

			.page_foot {
				bottom: list.nth($space, 4);
			}
		}
	}

	*[class^="din"] {
		@extend %paper;
		position: relative;
		overflow: auto;

		p {
			@extend %basic_print;
		}

		.page_head, .page_foot {
			position: absolute;
		}

		.page_head {
			page: cover;
		}

		.page_foot {
			display: flex;
			flex-direction: row;

			*:last-child {
				margin-bottom: 0;
			}

			p {
				flex: 1 0 auto;
				margin: 0;
				font-size: 8pt;
				line-height: 10pt;
				text-align: center;
			}

			.page_no {
				flex: 1 0 auto;
				font-size: 20pt;
				line-height: 1;
				text-align: right;
			}

			p:first-child {
				text-align: left;
			}
		}

		.page_content {
			margin-top: 10cm;
			margin-bottom: 2cm;
		}

		margin: config.$space_small auto;
	}

	.page_title, .page_date {
		font-size: 14pt;
	}

	.page_title {
		margin: 0;
	}

	.page_date, .page_no {
		@extend %head_1;
		float: right;
	}

	.page_author {
		position: absolute;
		top: 5cm;
		right: 0;
		text-align: right;
	}

	.page_recipient {
		position: absolute;
		top: 5cm;
		left: 0;
	}
}