// ============================================================================
// :: Manual
// ============================================================================
/**
 * A very large component containing an index with internal page links to the
 * underlying articles. Every articles content is generated by markdown. This
 * component contains the content on how to get started with the brandplatform.
 */

// ============================================================================
// :: Root
// ============================================================================
.bp-manual {
  position: relative;
}

// ============================================================================
// :: Elements
// ============================================================================
.bp-manual__index {
  margin-bottom: 8rem;
  padding: 0 0 8rem 0;

  border-bottom: 1px solid $bp-border-color-base;
}

.bp-manual__article {
  padding: 0;

  &:not(:last-child) {
    margin-bottom: 12rem;
  }
}