docute/lib/css/global.css

Effortlessly documentation done right.

body {
  margin: 0;
  color: var(--text-color);
  background: var(--page-background);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

* {
  box-sizing: border-box;
}

a {
  color: var(--link-color);
  text-decoration: none;
}

.Content a:hover {
    text-decoration: underline;
  }

.external-link-icon {
  color: #aaa;
  display: inline-block;
}

.medium-zoom-overlay, .medium-zoom-image--opened {
  z-index: 99;
}

.Wrap {
  max-width: 1180px;
}

.layout-wide .Wrap {
  max-width: 100%;
}

.layout-narrow .Wrap {
  margin: 0 auto;
}

.docute-banner {
  margin-bottom: 10px
}

.docute-banner>*:first-child {
    margin-top: 0;
  }

.docute-banner>*:last-child {
    margin-bottom: 0;
  }

.docute-footer {
  padding-top: 60px;
}

.InjectedComponents[data-position="sidebar:start"],
  .InjectedComponents[data-position="mobile-sidebar:start"] {
    margin-bottom: 25px
  }

.InjectedComponents[data-position="sidebar:start"]>*:first-child, .InjectedComponents[data-position="mobile-sidebar:start"]>*:first-child {
      margin-top: 0;
    }

.InjectedComponents[data-position="sidebar:end"],
  .InjectedComponents[data-position="sidebar:post-end"] {
    margin-top: 25px
  }

.InjectedComponents[data-position="sidebar:end"]>*:first-child, .InjectedComponents[data-position="sidebar:post-end"]>*:first-child {
      margin-top: 0;
    }

.InjectedComponents[data-position="content:start"] {
    margin-bottom: 35px
  }

.InjectedComponents[data-position="content:start"]>*:first-child {
      margin-top: 0;
    }

.InjectedComponents[data-position="content:start"]>*:last-child {
      margin-bottom: 0;
    }

.InjectedComponents[data-position="content:end"] {
    margin-top: 30px;
  }

.InjectedComponents[data-position="header-right:start"] + .header-nav {
    margin-left: 30px;
  }

@media (min-width: 768px) {
    .InjectedComponents[data-position="mobile-sidebar:start"],
    .InjectedComponents[data-position="mobile-sidebar:end"] {
      display: none;
    }
}