documentation.scss

// BLOG
//------------------------------------------------
//------------------------------------------------

.title-page {
  h1 {
    line-height: 1.875rem;
  }

  .content-title-documentation {
    .titles {
      @include span-columns(6);
      @include bp(medium) {
         @include span-columns(12);
      }
      min-height: 70px;
      max-height: 160px;
      margin-top: 30px;
      margin-bottom: 100px;
      // this causes issues on mobile with the header being hidden behind
      // the contents:
      // @include bp(medium) {
      //   margin-bottom: 0;
      //}

      .supertitle {
        text-transform: uppercase;
        font-weight: $font-black;
        font-size: 20px;
        color: rgba(0, 0, 0, 0.2);
      }

      h1 {
        padding-top: 0;
      }
    }

    .spacer {
      height: 80px;
    }
  }
}

.content-primary.documentation {
  line-height: 1.3;

  p {
    line-height: 1.5;
  }

  ol {
    margin-bottom: 18px;
  }

  .tag {
    float: right;
    top: 3px;
    background: $brand-primary;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: $font-bold;
    padding: 1px 5px;
  }

  .tag-inline {
    float: none;
  }

  h1,
  h3,
  h4,
  h5,
  h6 {
    .heading-anchor {
      color: $base-font-color;
    }

    &:hover {
      .heading-anchor {
        visibility: visible;
      }
    }
  }

  h2 {
    .heading-anchor {
      color: $brand-tertiary;
    }

    &:hover {
      .heading-anchor {
        visibility: visible;
      }
    }
  }
}

a.new-version-notice {
  display: block;
  background: rgb(255, 255, 200);
  font-size: large;
  text-align: center;
}