<commit_before>//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// headings module
// Class styles for display headings.
//
// Content:
// - Basic styles for all headings
// - Default spacing
// - Unique styles for individual headings
// - Typographic spacing for .au-body only
//--------------------------------------------------------------------------------------------------------------------------------------------------------------


@import '_globals.scss';
@import '_print.scss';


//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// HEADINGS/DISPLAY STYLES
//--------------------------------------------------------------------------------------------------------------------------------------------------------------


/**
 * Basic styles for all headings
 */
@mixin AU-display {
	font-family: $AU-font;
	display: block;
	font-weight: bold;
	margin: 0;
	* & {
		@include AU-space( margin-top, 1unit );
	}
}

/**
 * Unique selectors and font sizes
 */
.au-body h1,
.au-body .au-display-xxxl,
.au-display-xxxl {
	@include AU-display();
	@include AU-fontgrid( xxxl, heading );
}

.au-body h2,
.au-body .au-display-xxl,
.au-display-xxl {
	@include AU-display();
	@include AU-fontgrid( xxl, heading );
}

.au-body h3,
.au-body .au-display-xl,
.au-display-xl {
	@include AU-display();
	@include AU-fontgrid( xl, heading );
}

.au-body h4,
.au-body .au-display-lg,
.au-display-lg {
	@include AU-display();
	@include AU-fontgrid( lg, heading );
}

.au-body h5,
.au-body .au-display-md,
.au-display-md {
	@include AU-display();
	@include AU-fontgrid( md, heading );
}


.au-body h6,
.au-body .au-display-sm,
.au-display-sm  {
	@include AU-display();
	@include AU-fontgrid( sm, heading );
}

.au-body .au-display-xs,
.au-display-xs  {
	@include AU-display();
	@include AU-fontgrid( xs, heading );
}



/**
 * Typographic spacing for AU-body only
 * Larger space for larger headings has been added to improve legibility in large blocks of text.
 * This provides area's of eye-rest and uses spacing to create visual sections
 * Also ref. https://github.com/govau/uikit/issues/282
 */
.au-body {
	* + h1 {
		@include AU-space( margin-top, 3unit );
	}
	* + h2 {
		@include AU-space( margin-top, 3unit );
	}
	* + h3 {
		@include AU-space( margin-top, 2unit );
	}
	h1 + h2,
	h2 + h3 {
		@include AU-space( margin-top, 1unit );
	}
}<commit_msg>First draft of headings, for Pagey to look at<commit_after>//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// headings module
// Class styles for display headings.
//
// Content:
// - Basic styles for all headings
// - Default spacing
// - Unique styles for individual headings
// - Typographic spacing for .au-body only
//--------------------------------------------------------------------------------------------------------------------------------------------------------------


@import '_globals.scss';
@import '_print.scss';


//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// HEADINGS/DISPLAY STYLES
//--------------------------------------------------------------------------------------------------------------------------------------------------------------


/**
 * Basic styles for all headings
 */
.au-display-xxxl,
.au-display-xxl,
.au-display-xl,
.au-display-lg,
.au-display-md,
.au-display-sm,
.au-display-xs,
.au-body h1,
.au-body h2,
.au-body h3,
.au-body h4,
.au-body h5,
.au-body h6 {
	font-family: $AU-font;
	display: block;
	font-weight: bold;
	margin: 0;
}

/**
 * Default spacing for headings which follow any element.
 */
// All display classes get default magin-top
* + .au-display-xxxl,
* + .au-display-xxl,
* + .au-display-xl,
* + .au-display-lg,
* + .au-display-md,
* + .au-display-sm,
* + .au-display-xs {
	@include AU-space( margin-top, 1unit );
}


/**
 * Unique selectors and font sizes
 */
.au-body .au-display-xxxl,
.au-display-xxxl {
	@include AU-fontgrid( xxxl, heading );
}

.au-body h1,
.au-body .au-display-xxl,
.au-display-xxl {
	@include AU-fontgrid( xxl, heading );
}

.au-body h2,
.au-body .au-display-xl,
.au-display-xl {
	@include AU-fontgrid( xl, heading );
}

.au-body h3,
.au-body .au-display-lg,
.au-display-lg {
	@include AU-fontgrid( lg, heading );
}

.au-body h4,
.au-body .au-display-md,
.au-display-md {
	@include AU-fontgrid( md, heading );
}

.au-body h5,
.au-body .au-display-sm,
.au-display-sm  {
	@include AU-fontgrid( sm, heading );
}

.au-body h6,
.au-body .au-display-xs,
.au-display-xs  {
	@include AU-fontgrid( xs, heading );
}


/**
 * Typographic spacing for AU-body only
 * Larger space for larger headings has been added to improve legibility in large blocks of text.
 * This provides area's of eye-rest and uses spacing to create visual sections
 * Also ref. https://github.com/govau/uikit/issues/282
 */
.au-body {
	* + h1 {
		@include AU-space( margin-top, 3unit );
	}
	* + h2 {
		@include AU-space( margin-top, 3unit );
	}
	* + h3 {
		@include AU-space( margin-top, 2unit );
	}
	h1 + h2,
	h2 + h3,
	.au-body * + h4,
	.au-body * + h5,
	.au-body * + h6 {
		@include AU-space( margin-top, 1unit );
	}
}
{'fraction_non_alphanumeric': 0.3656169901135115, 'fraction_numerical': 0.009703405346027096, 'mean_word_length': 1.3246808510638297, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '658658', 'n_tokens_mistral': 1744, 'n_tokens_neox': 1683, 'n_words': 420}