<commit_before>.fab {
	display: block;
	width: 56px;
	height: 56px;
	background: $color-grey-100;
	@include border-radius(50%);
	@include box-shadow-z1;
	position: relative;
	@include transition((box-shadow 0.2s $easeInOutNew, background 0.3s $easeInOutNew));
	padding: 16px;
	overflow: hidden;
	text-decoration: none;
	color: $color-grey-900;
	@include transform(translateZ(0));

	& .mdi {
		&:before {
			line-height: 24px;
		}
	}

	&.center {
		margin-left: auto;
		margin-right: auto;
	}
	
	&:focus {
		@include box-shadow-z2;
	}

	&:hover, &:active {
		@include box-shadow-z3;
	}

	&:active{
		background: $color-grey-200;
	}

	&.primary {
		background: $color-blue;
		color: $color-grey-100;
		&:hover {
			background: $color-blue-600;
		}
	}

	&.secondary {
		background: $color-pink;
		color: $color-grey-100;

		&:hover {
			background: $color-pink-600;
		}
	}

	&:disabled, &.disabled {
		background: rgba(0,0,0,0.1);
		color: rgba(0,0,0,0.3);
		@include box-shadow(none);
		pointer-events: none;
	}

	@include webkit-fix {
		padding-bottom: 14px;

		& .mdi {
			&:before {
				line-height: 26px;
			}
		}
	}
}
<commit_msg>add FAB fixed right bottom<commit_after>.fab {
	display: block;
	width: 56px;
	height: 56px;
	background: $color-grey-100;
	@include border-radius(50%);
	@include box-shadow-z1;
	position: relative;
	@include transition((box-shadow 0.2s $easeInOutNew, background 0.3s $easeInOutNew));
	padding: 16px;
	overflow: hidden;
	text-decoration: none;
	color: $color-grey-900;
	@include transform(translateZ(0));

	& .mdi {
		&:before {
			line-height: 24px;
		}
	}

	&.center {
		margin-left: auto;
		margin-right: auto;
	}

	&:focus {
		@include box-shadow-z2;
	}

	&:hover, &:active {
		@include box-shadow-z3;
	}

	&:active{
		background: $color-grey-200;
	}

	&.primary {
		background: $theme-primary;
		color: $color-grey-100;
		&:hover {
			background: $theme-primary-600;
		}
	}

	&.secondary {
		background: $color-pink;
		color: $color-grey-100;

		&:hover {
			background: $color-pink-600;
		}
	}

	&:disabled, &.disabled {
		background: rgba(0,0,0,0.1);
		color: rgba(0,0,0,0.3);
		@include box-shadow(none);
		pointer-events: none;
	}

	@include webkit-fix {
		padding-bottom: 14px;

		& .mdi {
			&:before {
				line-height: 26px;
			}
		}
	}

	&.fixed {
		position: fixed;
		bottom: 12px;
		right: 12px;
		z-index: 100;
	}
}

{'fraction_non_alphanumeric': 0.17547568710359407, 'fraction_numerical': 0.04778012684989429, 'mean_word_length': 3.225, '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': '5041121', 'n_tokens_mistral': 1178, 'n_tokens_neox': 988, 'n_words': 183}