From a7a92e77031be5da31700c88bd3a365a3e4231a5 Mon Sep 17 00:00:00 2001 From: Stephan Date: Mon, 9 Jan 2017 18:09:33 +0100 Subject: [PATCH] working with print module --- basic/_typography.scss | 7 +++++-- example.css | 21 ++++++++++++++++----- modules/print/_print_module.scss | 9 +++++++++ 3 files changed, 30 insertions(+), 7 deletions(-) diff --git a/basic/_typography.scss b/basic/_typography.scss index 7398382..a8752ce 100644 --- a/basic/_typography.scss +++ b/basic/_typography.scss @@ -62,8 +62,11 @@ // ----------------------------------------------------------------------------- .txt_center { - text-align: center; + text-align: center !important; } .txt_right { - text-align: right; + text-align: right !important; +} +.txt_left { + text-align: left !important; } diff --git a/example.css b/example.css index 6d38e1c..3c48e00 100644 --- a/example.css +++ b/example.css @@ -258,10 +258,13 @@ h5 { -o-text-overflow: ellipsis; } .txt_center { - text-align: center; } + text-align: center !important; } .txt_right { - text-align: right; } + text-align: right !important; } + +.txt_left { + text-align: left !important; } html { height: 100%; @@ -732,7 +735,8 @@ label { background-color: white; } .print_body { - font-size: 10pt; } + font-size: 10pt; + margin: 10vh 20vw; } @page { .print_body { size: A4; @@ -792,13 +796,20 @@ label { 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 { 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 { flex: 1 0 auto; font-size: 20pt; + line-height: 1; 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 { - margin-top: 10cm; } + margin-top: 10cm; + margin-bottom: 2cm; } .print_body .page_title, .print_body .page_date { font-size: 14pt; } .print_body .page_title { diff --git a/modules/print/_print_module.scss b/modules/print/_print_module.scss index 4166f73..bdf007a 100644 --- a/modules/print/_print_module.scss +++ b/modules/print/_print_module.scss @@ -18,6 +18,7 @@ $din: $a4, $a5, $a6; .print_body { font-size: $basic_print_size; + margin: 10vh 20vw; @page { size: A4; @@ -72,17 +73,25 @@ $din: $a4, $a5, $a6; 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_3 auto; }