@import 'framework/variables';
@import 'framework/variables_overrides';

@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;
}

.md h1 {
  font-size: 30px;
}

.md h2 {
  font-size: 22px;
}

.md h3 {
  font-size: 18px;
  font-weight: 600;
}

.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: $white-dark;
    }

    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.navbar-collapse,
nav.navbar-collapse.collapse,
.nav-sidebar,
.super-sidebar,
.profiler-results,
.tree-ref-holder,
.tree-holder .breadcrumb,
.nav,
.btn,
ul.notes-form,
.ci-status-link::after,
.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;
}

.page-gutter {
  padding-top: 0;
  padding-left: 0;
}

.right-sidebar {
  top: 0;
}

a[href]::after {
  content: none !important;
}

.with-performance-bar .layout-page {
  padding-top: 0;
}