Add 'hidden-in-print' css complete example.

appressoas · May 29, 2018 · a90cdc8 · a90cdc8
1 parent 8bf1463
commit a90cdc8
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/...o_cradmin_styles/staticsources/django_cradmin_styles/styles/basetheme/3__base/_print.scss b/...o_cradmin_styles/staticsources/django_cradmin_styles/styles/basetheme/3__base/_print.scss
@@ -6,6 +6,23 @@ Example: {type: isolated} Hidden when printing
         This is not visible when printing
     </span>
 
+
+Example: {type: isolated} Hidden when printing complete example
+    <h3>This is a print friendly page</h3>
+    <p>
+        Everything will be visible in the printed version except the "Print page" button.
+    </p>
+
+    <p>
+        Click the "Print page" button to see a preview of the printed page.
+    </p>
+    <span class="hidden-in-print">
+        <button class="button button-default" onClick="window.print()">
+            Print page
+        </button>
+    </span>
+
+
 Styleguide screen.print
 */