// Needs refactoring // stylelint-disable selector-max-compound-selectors, selector-max-specificity // stylelint-disable selector-max-type .markdown-body {

// Headings
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: $spacer-4;
  margin-bottom: $spacer-3;
  font-weight: $font-weight-bold;
  line-height: $lh-condensed;

  .octicon-link {
    color: $black;
    vertical-align: middle;
    visibility: hidden;
  }

  &:hover .anchor {
    text-decoration: none;

    .octicon-link {
      visibility: visible;
    }
  }

  tt,
  code {
    font-size: inherit;
  }
}

h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid lighten($gray-200, 3%);
}

h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid lighten($gray-200, 3%);
}

h3 {
  font-size: 1.25em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.875em;
}

h6 {
  font-size: 0.85em;
  color: $gray-500;
}

}