/**
 * Licensed to the .NET Foundation under one or more agreements.
 * The .NET Foundation licenses this file to you under the MIT license.
 */

@use "mixins";
@use "bootstrap/scss/bootstrap" with (
  $container-max-widths: (
    xxl: 1768px
  )
);
@use "highlight";
@use "layout";
@use "nav";
@use "toc";
@use "markdown";
@use "search";
@use "dotnet";

h1,
h2,
h3,
h4,
h5,
h6,
.xref,
.text-break {
  overflow-wrap: break-word;
}

.divider {
  margin: 0 5px;
  color: #ccc;
}

article {
  // For REST API view source link
  span.small.pull-right {
    float: right;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}

.codewrapper {
  position: relative;
}

.sample-response .response-content {
  max-height: 200px;
}

@media (width <= 768px) {
  #mobile-indicator {
    display: block;
  }

  .mobile-hide {
    display: none;
  }

  /* workaround for #hashtag url is no longer needed */
  h1::before,
  h2::before,
  h3::before,
  h4::before {
    content: "";
    display: none;
  }
}

@media print {
  @page {
    margin: .4in;
  }
}

.pdftoc {
  ul {
    list-style: none;
  }

  a {
    display: flex;
    text-decoration: none;
    color: var(--bs-body-color);

    .spacer {
      flex: 1;
      border-bottom: 1px dashed var(--bs-body-color);
      margin: .4em;
    }
  }
}

@view-transition {
   navigation: auto;
}

@media (prefers-reduced-motion) {
  @view-transition {
    navigation: none;
  }
}
