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

working with print module

Browse source
This commit is contained in:
Stephan 2017-01-09 18:09:33 +01:00
parent 163ba00508
commit a7a92e7703
3 changed files with 30 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
basic/_typography.scss
View file

@ -62,8 +62,11 @@
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
.txt_center { .txt_center {
text-align: center; text-align: center !important;
} }
.txt_right { .txt_right {
text-align: right; text-align: right !important;
}
.txt_left {
text-align: left !important;
} }

21
example.css
View file

@ -258,10 +258,13 @@ h5 {
-o-text-overflow: ellipsis; } -o-text-overflow: ellipsis; }
.txt_center { .txt_center {
text-align: center; } text-align: center !important; }
.txt_right { .txt_right {
text-align: right; } text-align: right !important; }
.txt_left {
text-align: left !important; }
html { html {
height: 100%; height: 100%;
@ -732,7 +735,8 @@ label {
background-color: white; } background-color: white; }
.print_body { .print_body {
font-size: 10pt; } font-size: 10pt;
margin: 10vh 20vw; }
@page { @page {
.print_body { .print_body {
size: A4; size: A4;
@ -792,13 +796,20 @@ label {
margin-bottom: 0; } margin-bottom: 0; }
.print_body *[class^="din"] .page_foot p, .print_body *[class^="din"] .page_foot .p_col_2, .print_body *[class^="din"] .page_foot .p_col_3, .print_body *[class^="din"] .page_foot caption { .print_body *[class^="din"] .page_foot p, .print_body *[class^="din"] .page_foot .p_col_2, .print_body *[class^="din"] .page_foot .p_col_3, .print_body *[class^="din"] .page_foot caption {
flex: 1 0 auto; flex: 1 0 auto;
font-size: 8pt; } margin: 0;
font-size: 8pt;
line-height: 10pt;
text-align: center; }
.print_body *[class^="din"] .page_foot .page_no { .print_body *[class^="din"] .page_foot .page_no {
flex: 1 0 auto; flex: 1 0 auto;
font-size: 20pt; font-size: 20pt;
line-height: 1;
text-align: right; } text-align: right; }
.print_body *[class^="din"] .page_foot p:first-child, .print_body *[class^="din"] .page_foot .p_col_2:first-child, .print_body *[class^="din"] .page_foot .p_col_3:first-child, .print_body *[class^="din"] .page_foot caption:first-child {
text-align: left; }
.print_body *[class^="din"] .page_content { .print_body *[class^="din"] .page_content {
margin-top: 10cm; } margin-top: 10cm;
margin-bottom: 2cm; }
.print_body .page_title, .print_body .page_date { .print_body .page_title, .print_body .page_date {
font-size: 14pt; } font-size: 14pt; }
.print_body .page_title { .print_body .page_title {

9
modules/print/_print_module.scss
View file

@ -18,6 +18,7 @@ $din: $a4, $a5, $a6;
.print_body { .print_body {
font-size: $basic_print_size; font-size: $basic_print_size;
margin: 10vh 20vw;
@page { @page {
size: A4; size: A4;
@ -72,17 +73,25 @@ $din: $a4, $a5, $a6;
p { p {
flex: 1 0 auto; flex: 1 0 auto;
margin: 0;
font-size: 8pt; font-size: 8pt;
line-height: 10pt;
text-align: center;
} }
.page_no { .page_no {
flex: 1 0 auto; flex: 1 0 auto;
font-size: 20pt; font-size: 20pt;
line-height: 1;
text-align: right; text-align: right;
} }
p:first-child {
text-align: left;
}
} }
.page_content { .page_content {
margin-top: 10cm; margin-top: 10cm;
margin-bottom: 2cm;
} }
margin: $space_3 auto; margin: $space_3 auto;
} }