// =============================================================================
// :: Heading
// =============================================================================
/**
 * Heading styles defined to give any component the possibility to extend from
 * a certain style. When an element uses the same styling as a heading, this
 * does not mean it is a H1-H6.
 */

// =============================================================================
// :: H1
// =============================================================================
@mixin extend-h1-base() {
	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
}

// =============================================================================
// :: H2
// =============================================================================
@mixin extend-h2-base() {
	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
}

// =============================================================================
// :: H3
// =============================================================================
@mixin extend-h3-base() {
	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
}

// =============================================================================
// :: H4
// =============================================================================
@mixin extend-h4-base() {
	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
}

// =============================================================================
// :: H5
// =============================================================================
@mixin extend-h5-base() {
	font-family: $font-family-roboto;
	font-weight: $font-weight-normal;
}

// =============================================================================
// :: H6
// =============================================================================
@mixin extend-h6-base() {
	font-family: $font-family-roboto;
	font-weight: $font-weight-normal;
}