feat: [Request] Add "print-hide/only" helper classes quasarframework#950

Author: rstoenescu

dev/components/components/ajax-bar.vue

@@ -1,6 +1,8 @@
 <template>
   <div>
     <q-ajax-bar ref="bar" :position="position" :reverse="reverse" :size="computedSize" />
+    <div class="print-only">PRINT ONLY</div>
+    <div class="print-hide">NOT ON PRINT</div>
     <div class="layout-padding" style="max-width: 600px;">
       <p class="caption">Ajax Bar component captures Ajax calls automatically. This page here triggers events manually for demonstrating purposes only.</p>
 

src/css/core/visibility.styl

@@ -73,6 +73,13 @@ for type in desktop mobile cordova electron ios mat touch within-iframe platform
   .orientation-portrait
     display none !important
 
+@media screen
+  .print-only
+    display none !important
+@media print
+  .print-hide
+    display none !important
+
 @media (max-width $breakpoint-xs-max)
   .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl
     display none !important