// Asciidoctor-generated markup
// ============================

@mixin padded-code-snippet() {
  padding: 0 .75em;
  margin: 0 .2em;
  background: $codeListingBackgroundColor;

  border: 1px dashed $codeListingBorderColor;
  border-radius: .25em;

  font-size: 15px;
}

@mixin padded-code-snippet--reset() {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

@mixin code-snippet-container() {
  overflow-x: scroll;
  overflow-y: hidden;
  line-height: 1.2;

  @include padded-code-snippet();
  padding-top: .5em;
  padding-bottom: .5em;

  border-width: 0 0 0 1px;
  border-radius: 0 .25em .25em 0;

  margin-top: 1em;
  margin-bottom: 1em;

  margin-left: -.1em;

  > code {
    // Avoid bad formatting in case of <code> element nested
    // inside a <pre>
    @include padded-code-snippet--reset();
  }
}

@mixin code-snippet() {
  color: lighten($textColor, 24);

  @include padded-code-snippet();
  margin-top: -1px;
  margin-bottom: -1px;

  code {
    // Avoid bad formatting in case of <code> elements nested
    // into each other (possible with adoc output)
    @include padded-code-snippet--reset();
  }
}

@mixin asciidoc-markup() {

  // Code listing

  .paragraph code {
    word-break: break-word;
  }
  code {
    @include code-snippet();
  }
  pre {
    @include code-snippet-container();
  }

  // Generic block title

  .admonitionblock,
  .listingblock,
  .imageblock {
    .title {
      text-transform: uppercase;
      font-size: 12px;
      border-radius: .25em;
      background-color: $textColor;
      color: white;
      font-weight: bold;
      padding: .3em .6em .15em .6em;
    }
  }

  // Specific blocks

  .admonitionblock,
  .listingblock {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  .admonitionblock.warning {
    td.icon .title {
      background-color: $warningColor;
    }
  }
  .admonitionblock.important {
    td.icon .title {
      background-color: $importantColor;
    }
  }

  .imageblock {
    .title {
      background-color: $accentColor;
      color: white;
    }
  }

  .listingblock {
    display: flex;
    flex-flow: column nowrap;

    .title {
      align-self: flex-start;
      background-color: $codeListingBorderColor;
      color: white;
      border-radius: 0;
    }

    .content {
      align-self: stretch;

      pre {
        margin: 0;
      }
    }
  }

  .admonitionblock {
    overflow-x: scroll;

    table:first-child {
      margin-top: 0;
    }
    table:last-child {
      margin-bottom: 0;
    }

    td.icon {
      vertical-align: top;
      padding-left: 0;
      padding-right: 1em;
      font-size: 90%;
    }

    .title {
      background-color: $linkColor;
      color: white;
    }

    .content {
      font-size: 90%;

      .title {
        background: transparent;
        color: $textColor;
        padding-left: 0;
      }

      .listingblock pre {
        font-size: 100%;
      }

      > div:first-child {
        > :first-child {
          margin-top: 0;
        }
      }
      > div:last-child {
        > :last-child {
          margin-bottom: 0;
        }
        &.ulist {
          li:first-child > :first-child {
            margin-top: 0;
          }
          li:last-child > :last-child {
            margin-bottom: 0;
          }
        }
      }
    }
  }
  @media all and (-ms-high-contrast: none) {
    body > main .admonitionblock {
      overflow-x: auto;
    }
  }
}