$leftColumnWidth: 290px;

.main-section {
  margin: 80px 0px;
  &:first-child {
    margin-top: 0;
    h2:first-child {
      margin-top: 0;
    }
  }
  h2 {
    font-size: 40px;
    font-weight: bold;
    margin: 120px 0 20px;
  }
}

.sub-section {
  h3 {
    margin: 180px 0 0 0;
    border-bottom: 1px dashed #ccc;
    padding: 10px 0px;
    font-size: 28px;
    letter-spacing: 0.8px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  a {
    font-weight: bold;
  }
}

.main-section h2 + .sub-section h3 {
  margin-top: 0;
}

.property-descriptions {
  border: 1px solid #ccc;
  padding: 10px;
  line-height: 24px;
  p {
    padding: 0 0 10px 0;
    margin: 0;
  }
  dt {
    margin-top: 20px;
    float: left;
    clear: left;
    width: $leftColumnWidth;
    strong {
      display: block;
    }
  }

  dd {
    display: block;
    margin: 20px 0 0 $leftColumnWidth;
  }

  dt:first-child,
  dt:first-child + dd {
    margin-top: 0;
  }
  @extend %clearfix;
}

.docs-table-wrapper {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.docs-table {
  border: 1px solid #ccc;
  min-width: 600px;
  padding: 8px;
  text-align: left;
  line-height: 24px;
  p {
    margin-top: 0;
  }
  tr {
    display: block;
    margin-bottom: 20px;
  }
}

.docs-table__column-1 {
  code {
    display: block;
  }
  width: $leftColumnWidth;
}

.docs-table__column {
  vertical-align: top;
}