.markdown-body {

.d-lang {
  position: relative;

  &:after {
    position: absolute;
    right: 0px;
    top: 0px;
    font-family: $mono-font;
    font-size: $font-size-small;
    content: attr(data-lang);
    padding: 0 5px;
    color: lighten($text-gray-light, 30%);
  }
}

// 400
font-weight: $font-weight-normal;

a {
  color: $theme-link;

  &:hover {
    color: $theme-link-hover;
  }

  code,
  tt {
    color: $theme-link;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
dt {
  font-family: $head-font;
}

table {
  // 14px
  font-size: $body-font-size;
}

// ruby highlight fixed, TODO: line number display
figure {
  margin: 0;
}

.anchor {
  // overwrite to right
  float: none;
  padding-right: 0;
  margin-left: 3px;
  // rtl
  margin-right: 3px;
}

// improved
code,
tt {
  font-size: $font-size-small;
  border: $border;
  color: $theme-code-inline;
  background-color: $theme-code-inline-background;
}

pre {
  > code {
    color: $theme-code;
  }
}

.highlight pre,
pre {
  font-size: $font-size-small;
  border: $border;
  background-color: $theme-code-background;
}

div.highlighter-rouge {
  @extend .d-lang;
}

// search
.search-results {
  li {
    list-style: none;
  }
}

// improved checkbox
.task-list-item-checkbox {
  margin-right: 3px;
}

// mermaid improved
.mermaid-wrap {
  @extend .d-lang;
  // mdl
  @include shadow-2dp();

  // .mermaid:not([data-processed="true"])
  .mermaid {
    font-size: $font-size-small;
    font-family: $mono-font;
    white-space: pre;
  }
}

}