diff --git a/.editorconfig b/.editorconfig index f041b99..8b17800 100644 --- a/.editorconfig +++ b/.editorconfig @@ -8,7 +8,7 @@ charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true -[{*.css,*.sass,*.scss}] +[{*.css,*.sass,*.scss,*.html}] indent_style = tab [*.md] diff --git a/demo/index.html b/demo/index.html index 4e4a88b..570729c 100644 --- a/demo/index.html +++ b/demo/index.html @@ -5,21 +5,62 @@ + -

Gutenberg demo

+

Gutenberg

+

Demonstration

Print (or use the print preview) to see the result with Gutenberg.

+ +

Utils

+ +

Hide elements

+ + To hide elements to be printed you can simply add the class no-print. + +

Force break page

+ + Gutenberg provide to way break page, the class page-break will for to break before and page-break-after to break after. + + Example: + + 

+<!-- The title will be on a new page -->
+<h1 class="page-break">My title</h1>
+
+<p class="page-break-after">I will break after this paragraph</p>
+<!-- Break here, the next paragraph will be on a new page -->
+<p>I am on a new page</p>
+
+ +

Not reformat links or acronym

+ + If you do not want to reformat the links, acronym or abbreviation to show the full url or title, you + can use the class no-reformat. + +

Force to print background

+ + To force backgrounds to be printed (can be useful when you "print" a pdf), add this CSS (compatible with Safari and Chrome) : + + 

+-webkit-print-color-adjust: exact;
+        print-color-adjust: exact;
+
+ + +