<commit_before>@mixin font-size($sizeValue: $baseFontSize, $lineValue: /*$sizeValue * */1.5) {
	font-size: $sizeValue + px;
	// line-height: $lineValue + px;
	font-size: ($sizeValue / $baseFontSize) + rem;
	// line-height: ($lineValue / $baseFontSize) + rem;
	line-height: $lineValue;
}

@function pem($pxval, $base: $baseFontSize) {
	@return #{$pxval / $base}em;
}

@function prem($pxval, $base: $baseFontSize) {
	@return #{$pxval / $base}rem;
}

@mixin prem($property, $values, $base-font-size: $baseFontSize) {
	$px-values: ();
	$rem-values: ();

	@each $value in $values {
		@if type-of($value) == number {
			$px-values: join($px-values, #{$value}px);
			$rem-values: join($rem-values, #{$value / $base-font-size}rem);
		}
	}

	#{$property}: $px-values;
	#{$property}: $rem-values;
}

@mixin triangle($direction, $color, $height, $width: $height) {

	@if $direction == "left" {
		border-bottom: $height + px solid transparent;
		border-right: $width + px solid $color;
		border-top: $height + px solid transparent;
	}
	@else if $direction == "right" {
		border-bottom: $height + px solid transparent;
		border-left : $width + px solid $color;
		border-top: $height + px solid transparent;
	}
	@else if $direction == "up" {
		border-bottom: $height + px solid $color;
		border-left: $width + px solid transparent;
		border-right: $width + px solid transparent;
	}
	@else if $direction == "down" {
		border-right: $width + px solid transparent;
		border-left: $width + px solid transparent;
		border-top: $height + px solid $color;
	}

	content: " ";
	height: 0;
	position: absolute;
	width: 0;

}

@mixin opacity($opacity) {
	opacity: $opacity;
	filter: unquote("alpha(opacity=#{$opacity * 100})");
}

@mixin ellipsis() {
	overflow: hidden;
	@include prefixer(text-overflow, ellipsis, webkit moz ms o spec);
	white-space: nowrap;
}

@mixin max-ellipsis($maxWidth) {
	@if unitless($maxWidth) == true {
		@include prem(max-width, $maxWidth);
	}
	@else {
		max-width: $maxWidth;
	}
	@include ellipsis;
	word-wrap: normal;
}

@mixin hyphenation() {
	-ms-word-break: break-all;
		 word-break: break-all;

	/* Non standard for webkit */
	word-break: break-word;

	-webkit-hyphens: auto;
			-moz-hyphens: auto;
		-ms-hyphens: auto;
				hyphens: auto;
}

@mixin cf() {
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}

@mixin btnColor ($bgColor, $textColor) {

	$hoverColor: saturate(darken($bgColor, 7), 12);
	$activeColor: darken(saturate(adjust-hue($bgColor, 1), 24), 16);

	background: $bgColor;
	border: 1px solid $bgColor;
	color: $textColor;
	&:hover {
		background: $hoverColor;
		border: 1px solid $hoverColor;
	}
	&:active,<commit_msg>Added a couple of mixins<commit_after>@mixin font-size($sizeValue: $baseFontSize, $lineValue: /*$sizeValue * */1.5) {
	font-size: $sizeValue + px;
	// line-height: $lineValue + px;
	font-size: ($sizeValue / $baseFontSize) + rem;
	// line-height: ($lineValue / $baseFontSize) + rem;
	line-height: $lineValue;
}

@function pem($pxval, $base: $baseFontSize) {
	@return #{$pxval / $base}em;
}

@function prem($pxval, $base: $baseFontSize) {
	@return #{$pxval / $base}rem;
}

@mixin prem($property, $values, $base-font-size: $baseFontSize) {
	$px-values: ();
	$rem-values: ();

	@each $value in $values {
		@if type-of($value) == number {
			$px-values: join($px-values, #{$value}px);
			$rem-values: join($rem-values, #{$value / $base-font-size}rem);
		}
	}

	#{$property}: $px-values;
	#{$property}: $rem-values;
}

@mixin triangle($direction, $color, $height, $width: $height) {

	@if $direction == "left" {
		border-bottom: $height + px solid transparent;
		border-right: $width + px solid $color;
		border-top: $height + px solid transparent;
	}
	@else if $direction == "right" {
		border-bottom: $height + px solid transparent;
		border-left : $width + px solid $color;
		border-top: $height + px solid transparent;
	}
	@else if $direction == "up" {
		border-bottom: $height + px solid $color;
		border-left: $width + px solid transparent;
		border-right: $width + px solid transparent;
	}
	@else if $direction == "down" {
		border-right: $width + px solid transparent;
		border-left: $width + px solid transparent;
		border-top: $height + px solid $color;
	}

	content: " ";
	height: 0;
	position: absolute;
	width: 0;

}

@mixin opacity($opacity) {
	opacity: $opacity;
	filter: unquote("alpha(opacity=#{$opacity * 100})");
}

@mixin ellipsis() {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@mixin max-ellipsis($maxWidth) {
	@if unitless($maxWidth) == true {
		@include prem(max-width, $maxWidth);
	}
	@else {
		max-width: $maxWidth;
	}
	@include ellipsis;
	word-wrap: normal;
}

@mixin hyphenation() {
	-ms-word-break: break-all;
		 word-break: break-all;

	/* Non standard for webkit */
	word-break: break-word;

	-webkit-hyphens: auto;
			-moz-hyphens: auto;
		-ms-hyphens: auto;
				hyphens: auto;
}

@mixin box-sizing($box-model) {
	-webkit-box-sizing: $box-model;
	-moz-box-sizing: $box-model;
	box-sizing: $box-model;
}

@mixin cf() {
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}

@mixin clearfix() {
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}

@mixin btnColor ($bgColor, $textColor) {

	$hoverColor: saturate(darken($bgColor, 7), 12);
	$activeColor: darken(saturate(adjust-hue($bgColor, 1), 24), 16);

	background: $bgColor;
	border: 1px solid $bgColor;
	color: $textColor;
	&:hover {
		background: $hoverColor;
		border: 1px solid $hoverColor;
	}
	&:active,
{'fraction_non_alphanumeric': 0.18372844827586207, 'fraction_numerical': 0.00610632183908046, 'mean_word_length': 4.0489573889392565, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, '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': '5688315', 'n_tokens_mistral': 2273, 'n_tokens_neox': 2176, 'n_words': 503}