<commit_before>// ===================================
// ============= Mixins ==============
// ===================================

// General
// ===================================

@mixin lui_body_typeset {
	font-size: map-gets($vars, body, fontSize);
	font-family: unquote(map-gets($vars, body, fontFamily));
	color: map-gets($vars, body, color);
	line-height: map-gets($vars, body, lineHeight);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


// ===================================
// ============= Element =============
// ===================================

@if map-get($vars, enabled) {

	@if ($namespace) {
		@at-root #{$namespace} {
			@include lui_body_typeset;
		}
	} @else {
		body {
			@include lui_body_typeset;
		}
	}


	// Common and shortcuts
	// ===================================

	#{$prefix}.small, small { font-size: map-get($vars, smallSize); }

	#{$prefix}.italic { font-style: italic; }

	#{$prefix}.bold,
	b, strong { font-weight: map-gets($vars, body, boldWeight); }


	// Headings
	// ===================================

	h1, h2, h3, h4, h5, h6 {
		font-family: unquote(map-gets($vars, headings, fontFamily));
		margin: 0;
		padding: 0em;

		// Icon in headings support
		> #{$prefix}.icon:not(.button) {
			margin-right: .5em;
			vertical-align: top;
			font-size: map-gets($vars, headings, iconSize);

			&.right {
				margin-left: .5em;
				margin-right: 0;
			}
		}
	}

	@each $heading in (h1, h2, h3, h4, h5, h6) {
		#{$heading} {
			font-size: map-gets($vars, headings, $heading, fontSize);
			line-height: map-gets($vars, headings, $heading, lineHeight);
			font-weight: map-gets($vars, headings, $heading, fontWeight);
		}
	}


	// Sub heading
	// ===================================
	h1, h2, h3, h4, h5, h6 {
		#{$prefix}.sub {
			letter-spacing: normal;
			display: block;
			font-weight: map-gets($vars, headings, sub, fontWeight);
			font-size: map-gets($vars, headings, sub, fontSize);
			color: map-gets($vars, headings, sub, color);
			margin: 0;
		}
		#{$prefix}.sub.inline {
			display: inline-block;
			vertical-align: baseline;
			margin-left: 1em;
		}
	}


	// Horizontal ruler
	// ===================================

	#{$prefix}.typeset hr {
		clear: both;
		@extend %lui_divider_base;
	}


	// Definition lists
	// ===================================

	dl#{$prefix}.definition-list,
	#{$prefix}.typeset dl {
		@extend #{$prefix}.clear;
		dt {
			width: map-gets($vars, definitionList, termWidth);
			font-weight: map-gets($vars, definitionList, termWeight);
			margin-bottom: map-gets($vars, definitionList, itemVerticalSpacing);
			&:after {
				content: map-gets($vars, definitionList, divider);;
			}
		}

		dd {
			width: calc(100% - #{map-gets($vars, definitionList, termWidth)} - #{map-gets($vars, definitionList, gutter)});
			font-weight: map-gets($vars, definitionList, definitionWeight);
			margin: 0 0 map-gets($vars, definitionList, itemVerticalSpacing) map-gets($vars, definitionList, gutter);;
		}
		dd, dt { float: left; &:last-of-type { margin-bottom: 0; } }
	}


	// Text alignment
	// ===================================

	#{$prefix}[class*="center aligned"] { text-align: center; }
	#{$prefix}[class*="left aligned"] { text-align: left; }
	#{$prefix}[class*="right aligned"] { text-align: right; }
	#{$prefix}[class*="justify aligned"] { text-align: justify; }


	// Links
	// ===================================

	#{$prefix}.link,
	a {
		cursor: pointer;
		color: map-gets($vars, links, color);
		text-decoration: map-gets($vars, links, decoration);
		&:hover, &:active {
			color: map-gets($vars, links, hover, color);
			text-decoration: map-gets($vars, links, hover, decoration);
		}
		&:visited {
			color: map-gets($vars, links, visited, color);
		}
	}
	#{$prefix}.fancy.link {
		&, &:hover, &:active, &:visited { text-decoration: none; }

		display: inline-block;
		vertical-align: middle;
		position: relative;
		&:after {
			display: block;
			content: "";
			position: absolute;
			width: 0%;
			top: 100%;
			left: 0; right: 0;
			margin: 0 auto;
			border-bottom: 1px solid map-gets($vars, links, hover, color);

			@include lui_transition(width);
		}
<commit_msg>Typography [FIX] Fancy links alignment should be baseline<commit_after>// ===================================
// ============= Mixins ==============
// ===================================

// General
// ===================================

@mixin lui_body_typeset {
	font-size: map-gets($vars, body, fontSize);
	font-family: unquote(map-gets($vars, body, fontFamily));
	color: map-gets($vars, body, color);
	line-height: map-gets($vars, body, lineHeight);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


// ===================================
// ============= Element =============
// ===================================

@if map-get($vars, enabled) {

	@if ($namespace) {
		@at-root #{$namespace} {
			@include lui_body_typeset;
		}
	} @else {
		body {
			@include lui_body_typeset;
		}
	}


	// Common and shortcuts
	// ===================================

	#{$prefix}.small, small { font-size: map-get($vars, smallSize); }

	#{$prefix}.italic { font-style: italic; }

	#{$prefix}.bold,
	b, strong { font-weight: map-gets($vars, body, boldWeight); }


	// Headings
	// ===================================

	h1, h2, h3, h4, h5, h6 {
		font-family: unquote(map-gets($vars, headings, fontFamily));
		margin: 0;
		padding: 0em;

		// Icon in headings support
		> #{$prefix}.icon:not(.button) {
			margin-right: .5em;
			vertical-align: top;
			font-size: map-gets($vars, headings, iconSize);

			&.right {
				margin-left: .5em;
				margin-right: 0;
			}
		}
	}

	@each $heading in (h1, h2, h3, h4, h5, h6) {
		#{$heading} {
			font-size: map-gets($vars, headings, $heading, fontSize);
			line-height: map-gets($vars, headings, $heading, lineHeight);
			font-weight: map-gets($vars, headings, $heading, fontWeight);
		}
	}


	// Sub heading
	// ===================================
	h1, h2, h3, h4, h5, h6 {
		#{$prefix}.sub {
			letter-spacing: normal;
			display: block;
			font-weight: map-gets($vars, headings, sub, fontWeight);
			font-size: map-gets($vars, headings, sub, fontSize);
			color: map-gets($vars, headings, sub, color);
			margin: 0;
		}
		#{$prefix}.sub.inline {
			display: inline-block;
			vertical-align: baseline;
			margin-left: 1em;
		}
	}


	// Horizontal ruler
	// ===================================

	#{$prefix}.typeset hr {
		clear: both;
		@extend %lui_divider_base;
	}


	// Definition lists
	// ===================================

	dl#{$prefix}.definition-list,
	#{$prefix}.typeset dl {
		@extend #{$prefix}.clear;
		dt {
			width: map-gets($vars, definitionList, termWidth);
			font-weight: map-gets($vars, definitionList, termWeight);
			margin-bottom: map-gets($vars, definitionList, itemVerticalSpacing);
			&:after {
				content: map-gets($vars, definitionList, divider);;
			}
		}

		dd {
			width: calc(100% - #{map-gets($vars, definitionList, termWidth)} - #{map-gets($vars, definitionList, gutter)});
			font-weight: map-gets($vars, definitionList, definitionWeight);
			margin: 0 0 map-gets($vars, definitionList, itemVerticalSpacing) map-gets($vars, definitionList, gutter);;
		}
		dd, dt { float: left; &:last-of-type { margin-bottom: 0; } }
	}


	// Text alignment
	// ===================================

	#{$prefix}[class*="center aligned"] { text-align: center; }
	#{$prefix}[class*="left aligned"] { text-align: left; }
	#{$prefix}[class*="right aligned"] { text-align: right; }
	#{$prefix}[class*="justify aligned"] { text-align: justify; }


	// Links
	// ===================================

	#{$prefix}.link,
	a {
		cursor: pointer;
		color: map-gets($vars, links, color);
		text-decoration: map-gets($vars, links, decoration);
		&:hover, &:active {
			color: map-gets($vars, links, hover, color);
			text-decoration: map-gets($vars, links, hover, decoration);
		}
		&:visited {
			color: map-gets($vars, links, visited, color);
		}
	}
	#{$prefix}.fancy.link {
		&, &:hover, &:active, &:visited { text-decoration: none; }

		display: inline-block;
		vertical-align: baseline;
		position: relative;
		&:after {
			display: block;
			content: "";
			position: absolute;
			width: 0%;
			top: 100%;
			left: 0; right: 0;
			margin: 0 auto;
			border-bottom: 1px solid map-gets($vars, links, hover, color);

			@include lui_transition(width);
		}

{'fraction_non_alphanumeric': 0.2756898192197907, 'fraction_numerical': 0.009276879162702189, 'mean_word_length': 4.005357142857143, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '803064', 'n_tokens_mistral': 3230, 'n_tokens_neox': 2797, 'n_words': 609}