interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

make print styles an extra module

Browse source
This commit is contained in:
Stephan 2017-01-09 17:37:44 +01:00
parent d91c029d4d
commit 163ba00508
5 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

109
basic/_print.scss
View file

@ -1,109 +0,0 @@
// Print elements
// -----------------------------------------------------------------------------
%paper {
background-color: $white;
}
$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: $basic_print_size;
@page {
size: A4;
margin: 4cm;
}
@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;
.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;
font-size: 8pt;
}
.page_no {
flex: 1 0 auto;
font-size: 20pt;
text-align: right;
}
}
.page_content {
margin-top: 10cm;
}
margin: $space_3 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;
}
}