<commit_before>/**
* Button factory mixins
* ------------------------------------------
*/

$buttonFontSize: 16px;

%_button_base {
	@include button_personality();
	@include round(3px);
	@include inlineblock();
	@include box-sizing("border");
	@if $platform == "desktop" {
		padding: 9px 18px 7px 18px;
	} @else {
		padding: 14px 18px 12px 18px;
	}
	margin: 0 0 $baseline 0;
	font-family: $uiControlFontStack;
	font-weight: $W_bold;
	font-size: $buttonFontSize;
	line-height: 1 !important;
	text-decoration: none !important;
	border-width: 0;
	text-align: center;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	-ms-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	&:focus {
		outline-width: 0;
	}
	&.small {
		font-size: 12px;
		padding: 5px 14px;
	}

}

%_button_base_flat {
	@extend %_button_base;
	@include transition(all .1s ease-in-out);
	&, &:active {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
}

// Adds a transparent pseudo element
// that bleeds about 3px from the top of the button
// to intercept clicks when the button itself
// is translated down 2px
%_chrome_button_fix {
	position: relative;
	z-index: $Z_top;
	&:before {
		content: '';<commit_msg>no zindex<commit_after>/**
* Button factory mixins
* ------------------------------------------
*/

$buttonFontSize: 16px;

%_button_base {
	@include button_personality();
	@include round(3px);
	@include inlineblock();
	@include box-sizing("border");
	@if $platform == "desktop" {
		padding: 9px 18px 7px 18px;
	} @else {
		padding: 14px 18px 12px 18px;
	}
	margin: 0 0 $baseline 0;
	font-family: $uiControlFontStack;
	font-weight: $W_bold;
	font-size: $buttonFontSize;
	line-height: 1 !important;
	text-decoration: none !important;
	border-width: 0;
	text-align: center;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	-ms-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	&:focus {
		outline-width: 0;
	}
	&.small {
		font-size: 12px;
		padding: 5px 14px;
	}

}

%_button_base_flat {
	@extend %_button_base;
	@include transition(all .1s ease-in-out);
	&, &:active {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
	}
}

// Adds a transparent pseudo element
// that bleeds about 3px from the top of the button
// to intercept clicks when the button itself
// is translated down 2px
%_chrome_button_fix {
	position: relative;
	&:before {
		content: '';
{'fraction_non_alphanumeric': 0.1760409057706355, 'fraction_numerical': 0.022644265887509132, 'mean_word_length': 3.293103448275862, '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': '3491149', 'n_tokens_mistral': 1126, 'n_tokens_neox': 1029, 'n_words': 259}