---
# Docker Documentation Theme
---

@import "variables";
@import "typography";

/**
 * Styles for the Swagger API documentation (engine/api/v1.x/index.html)
 */


/* ReDoc doesn't change outer page styles */
body {
    margin: 0;
    padding: 0;
}

.menu-content {
  > div:first-child {
    background-color: $bg-header;
    height: 60px;
    text-align: left !important;

    img {
      width: 160px !important;
      margin: 15px 20px;
    }
  }

  label.-depth0 span, label.-depth1 span {
    font-family: $font !important;
  }

  label.-depth0 {
    text-transform: none;
    color: $body-text !important;
  }

  label.-depth1 span {
    color: $primary-links !important;
  }

  ul + div {
    display: none;
  }
}

redoc {
  h1 {
    font-size: 32px !important;
  }

  h1,h2,h3,h4,h5,h6 {
    font-family: $headings !important;
    color: inherit !important;
  }

  p, a {
    font-family: $font !important;
  }

  a {
    color: $primary-links !important;
  }

  // Disable request-type badges, see https://github.com/Rebilly/ReDoc/issues/61
  .operation-type {
    display: none !important;
  }
}

// Hub API docs uses tag groups.
redoc.hub-api {
  // tag group name
  .menu-item-depth-0 > .menu-item-header:first-child .menu-item-title {
    color: $body-text !important;
  }

  .menu-item-for-operation .menu-item-header .menu-item-title {
    padding-left: 1em !important;
  }
}