pogodevorg/docs.pogodev.org

View on GitHub
_sass/_docs.scss

Summary

Maintainability
Test Coverage
.doc-meta {
  text-align: left;
}

.guides, .apis, .changelog {
  @include span-columns(4);
  @media screen and (max-width: $small-screen) {
    @include span-columns(12);
  }
}

.docs-heading {
  border-bottom: 1px solid #eee;
  padding-bottom: golden-ratio($base-font-size, -1);
  margin-bottom: golden-ratio($base-font-size, -1);
}

.docs-title {
  color: inherit;
}

.docs-title-icon {
  padding-right: golden-ratio($base-font-size, -1);
}

.docs-list {
  padding-left: 0;
  list-style: none
}

.page-section.docs {
  h1 { margin-bottom: 1rem; }
  h2, h3, h4, h5, h6 {
    margin: 1rem 0;
    font-weight: 500;

    code {
      font-size: 67%;
    }
  }

  code {
    font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size: 12px;
  }

  code {
    color: darken(saturate($main-color, 50%), 10%);
    background-color: darken($main-bg-color, 10%);

    padding: 0.2em 0;
    margin: 0;
    font-size: 85%;
    border-radius: 3px;
    -webkit-font-smoothing: initial;

    &:before,
    &:after {
      letter-spacing: -0.2em;
      content: "\00a0";
    }
  }

  blockquote {
    padding: 0 1em;
    margin-bottom: 1em;
    margin-left: -4px; //offsets the border so all blockquotes align to a left edge
    color: #777;
    border-left: 4px solid #ddd;
  }

  h2 { font-size: 2rem; }
  h3 { font-size: 1.75rem; }
}