// ============================================================================
// :: Log
// ============================================================================
/**
 * Scope defined for a changelog's content. The content of a log is markdown
 * generated, so no classes can be applied. In this scope we define the styling
 * of the different elements by tag. Standard this makes use of the s-md to style
 * standard markdown.
 */

// ============================================================================
// :: Heading
// ============================================================================
.s-md-log {

  h1 {
    /**
     * Standard, the h1 can be seen as the title of the log, because this title
     * is already shown in the header of a log component we hide it, but only
     * when it is the first child of the scope.
     */
    &:first-child {
      display: none;
    }
  }
}

// ============================================================================
// :: List
// ============================================================================
.s-md-log {

  li {
    margin-bottom: 0.8rem;

    font-size: $bp-font-size-1x-small;

    code {
		padding: 0.3rem 1rem;

		font-family: $bp-font-family-secondary;
		font-size: $bp-font-size-3x-small;
		letter-spacing: 0.1rem;

		color: $bp-text-color-dark;
		border: 1px solid $bp-border-color-base;
		background-color: $bp-background-color-medium-light;
	}
  }
}