1 files changed, 82 insertions, 80 deletions

diff --git a/app/assets/stylesheets/print.scss b/app/assets/stylesheets/print.scss
index 315b9c829a7..d6fcfb3461d 100644
--- a/app/assets/stylesheets/print.scss
+++ b/app/assets/stylesheets/print.scss
@@ -4,97 +4,99 @@
 @import '@gitlab/ui/src/scss/variables';
 @import '@gitlab/ui/src/scss/utility-mixins/index';
 
-.md h1,
-.md h2,
-.md h3,
-.md h4,
-.md h5,
-.md h6 {
-  margin-top: 17px;
-}
+@media print {
+  .md h1,
+  .md h2,
+  .md h3,
+  .md h4,
+  .md h5,
+  .md h6 {
+    margin-top: 17px;
+  }
 
-.md h1 {
-  font-size: 30px;
-}
+  .md h1 {
+    font-size: 30px;
+  }
 
-.md h2 {
-  font-size: 22px;
-}
+  .md h2 {
+    font-size: 22px;
+  }
 
-.md h3 {
-  font-size: 18px;
-  font-weight: 600;
-}
+  .md h3 {
+    font-size: 18px;
+    font-weight: 600;
+  }
 
-.md {
-  print-color-adjust: exact;
-  -webkit-print-color-adjust: exact;
+  .md {
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
 
-  // fix blockquote style in print
-  blockquote {
-    &::before {
-      position: absolute;
-      top: 0;
-      left: -4px;
-      content: ' ';
-      height: 100%;
-      width: 4px;
-      background-color: $gray-100;
-    }
+    // fix blockquote style in print
+    blockquote {
+      &::before {
+        position: absolute;
+        top: 0;
+        left: -4px;
+        content: ' ';
+        height: 100%;
+        width: 4px;
+        background-color: $gray-100;
+      }
 
-    position: relative;
-    font-size: inherit;
-    @include gl-text-gray-700;
-    @include gl-py-3;
-    @include gl-pl-6;
-    @include gl-my-3;
-    @include gl-mx-0;
-    @include gl-inset-border-l-4-gray-100;
-    margin-left: 4px;
-    border: 0 !important;
+      position: relative;
+      font-size: inherit;
+      @include gl-text-gray-700;
+      @include gl-py-3;
+      @include gl-pl-6;
+      @include gl-my-3;
+      @include gl-mx-0;
+      @include gl-inset-border-l-4-gray-100;
+      margin-left: 4px;
+      border: 0 !important;
+    }
   }
-}
 
-header,
-nav,
-.nav-sidebar,
-.super-sidebar,
-.profiler-results,
-.tree-ref-holder,
-.tree-holder .breadcrumb,
-.nav,
-.btn,
-ul.notes-form,
-.issuable-gutter-toggle,
-.gutter-toggle,
-.issuable-details .content-block-small,
-.edit-link,
-.note-action-button,
-.right-sidebar,
-.flash-container,
-copy-code,
-#js-peek {
-  display: none !important;
-}
+  header,
+  nav,
+  .nav-sidebar,
+  .super-sidebar,
+  .profiler-results,
+  .tree-ref-holder,
+  .tree-holder .breadcrumb,
+  .nav,
+  .btn,
+  ul.notes-form,
+  .issuable-gutter-toggle,
+  .gutter-toggle,
+  .issuable-details .content-block-small,
+  .edit-link,
+  .note-action-button,
+  .right-sidebar,
+  .flash-container,
+  copy-code,
+  #js-peek {
+    display: none !important;
+  }
 
-pre {
-  page-break-before: avoid;
-  page-break-inside: auto;
-}
+  pre {
+    page-break-before: avoid;
+    page-break-inside: auto;
+  }
 
-.page-gutter {
-  padding-top: 0;
-  padding-left: 0;
-}
+  .page-gutter {
+    padding-top: 0;
+    padding-left: 0;
+  }
 
-.right-sidebar {
-  top: 0;
-}
+  .right-sidebar {
+    top: 0;
+  }
 
-a[href]::after {
-  content: none !important;
-}
+  a[href]::after {
+    content: none !important;
+  }
 
-.with-performance-bar .layout-page {
-  padding-top: 0;
+  .with-performance-bar .layout-page {
+    padding-top: 0;
+  }
 }