From 34c73a2d470f35218bd3151a7eee7ff1a0edfde8 Mon Sep 17 00:00:00 2001 From: Stephan Date: Tue, 10 Jan 2017 13:38:28 +0100 Subject: [PATCH] print font --- _config.scss | 2 ++ _hippie.scss | 7 +++++++ basic/_typography.scss | 6 ++++++ example.css | 5 +++++ modules/print/_print_module.scss | 4 ++++ 5 files changed, 24 insertions(+) diff --git a/_config.scss b/_config.scss index 0897cb3..c067ea1 100644 --- a/_config.scss +++ b/_config.scss @@ -31,10 +31,12 @@ $head_line_3: $text_line_1; $head_line_4: $text_line_1; $default_font_family: #{'Trebuchet MS', Helvetica, Arial, sans-serif, sans} !default; +$print_font_family: #{'Times New Roman', times}; $primary_font_family: $default_font_family; $secondary_font_family: #{'Roboto', sans-serif}; $third_font_family: #{'Courier New', monospace}; +$fourth_font_family: $print_font_family; $basic_indent: 2em; diff --git a/_hippie.scss b/_hippie.scss index f0d95f4..26b23a8 100644 --- a/_hippie.scss +++ b/_hippie.scss @@ -26,6 +26,13 @@ +// Fonts +// Use a central file outside of hippie for font definitions with @font-face +// ----------------------------------------------------------------------------- +// @import "other/fonts.css"; + + + // Global configuration with default values // Adjustments can be made by copying values from _default.scss to _config.scss // Be careful though changes will get lost if hippie gets updated diff --git a/basic/_typography.scss b/basic/_typography.scss index a8752ce..21ce118 100644 --- a/basic/_typography.scss +++ b/basic/_typography.scss @@ -13,6 +13,12 @@ line-height: $text_line_1; } +%basic_print { + font-family: $third_font_family; + font-size: $text_size_1; + line-height: $text_line_1; +} + %head_all { color: $basic_head_color; } diff --git a/example.css b/example.css index 3c48e00..d58744b 100644 --- a/example.css +++ b/example.css @@ -225,6 +225,11 @@ pre, code, .code_solo { font-size: 1em; line-height: 1.5; } +.print_body *[class^="din"] p, .print_body *[class^="din"] .p_col_2, .print_body *[class^="din"] .p_col_3, .print_body *[class^="din"] caption { + font-family: Courier New, monospace; + font-size: 1em; + line-height: 1.5; } + h1, .exp_help_btn .span_solo, .print_body .page_date, .print_body .page_no { font-family: Roboto, sans-serif; font-size: 3.1em; diff --git a/modules/print/_print_module.scss b/modules/print/_print_module.scss index bdf007a..f69c421 100644 --- a/modules/print/_print_module.scss +++ b/modules/print/_print_module.scss @@ -55,6 +55,10 @@ $din: $a4, $a5, $a6; position: relative; overflow: auto; + p { + @extend %basic_print; + } + .page_head, .page_foot { position: absolute; }