<commit_before>$tc-icon-toggle-size: 2.4rem !default;
$tc-icon-toggle-icon-size: $svg-sm-size !default;

@mixin tc-icon-toggle($btn-size: $tc-icon-toggle-size, $icon-size: $tc-icon-toggle-icon-size) {
	height: $btn-size;
	width: $btn-size;
	border-radius: $btn-size / 2;

	svg {
		height: $icon-size;
		width: $icon-size;
	}
}

.tc-icon-toggle {
	@include tc-icon-toggle;

	display: flex;
	justify-content: center;
	align-items: center;

	background-color: $white;
	border: 1px solid $gray;
	color: $gray;

	box-shadow: none;
	line-height: unset;
	min-height: auto;
	padding: 0;

	&:hover,
	&:active {
		box-shadow: none;
		background-color: $white;
		border-color: $scooter;
		color: $scooter;
	}

	&.active {
		background-color: $brand-primary;
		border-color: $brand-primary;
		color: $white;

		&:hover,
		&:active {
			background-color: $scooter;
			border-color: $scooter;
		}
	}
}
<commit_msg>fix(components): disable the css when disabled (#1821)<commit_after>$tc-icon-toggle-size: 2.4rem !default;
$tc-icon-toggle-icon-size: $svg-sm-size !default;

@mixin tc-icon-toggle($btn-size: $tc-icon-toggle-size, $icon-size: $tc-icon-toggle-icon-size) {
	height: $btn-size;
	width: $btn-size;
	border-radius: $btn-size / 2;

	svg {
		height: $icon-size;
		width: $icon-size;
	}
}

.tc-icon-toggle {
	@include tc-icon-toggle;

	display: flex;
	justify-content: center;
	align-items: center;

	background-color: $white;
	border: 1px solid $gray;
	color: $gray;

	box-shadow: none;
	line-height: unset;
	min-height: auto;
	padding: 0;

	&[disabled] {
		&:hover,
		&:focus {
			color: $white;
		}
	}

	&:hover,
	&:active {
		box-shadow: none;
		background-color: $white;
		border-color: $scooter;
		color: $scooter;
	}

	&.active {
		background-color: $brand-primary;
		border-color: $brand-primary;
		color: $white;

		&:hover:not([disabled]),
		&:active {
			background-color: $scooter;
			border-color: $scooter;
		}
	}
}

{'fraction_non_alphanumeric': 0.18011452368558042, 'fraction_numerical': 0.007287870900572618, 'mean_word_length': 3.642512077294686, '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': '3524075', 'n_tokens_mistral': 856, 'n_tokens_neox': 787, 'n_words': 153}