hippie-style/modules/print/_print_module.scss

// Custom extends and mixins
// ------------------------------------------------------------------------------
@import "mixins";
@import "extends";

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

%paper {
	background-color: $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: $size_text_print;
	margin: 10vh 20vw;

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

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

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

			.page_head, .page_foot {
				right: nth($space, 3);
				left: nth($space, 5);
			}
			.page_head {
				top: nth($space, 2);
			}
			.page_foot {
				bottom: 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: $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;
	}
}