
[class*="fce-"]{
	display: inline-block;
	float: left;
	color: $color--additional;
	font-size: 16px;
	margin: 0 0.8rem;
	cursor: pointer;
	background: transparent;
	border: none;
	padding: 0;

	&:hover {
		color: $color--additional-light;
		text-decoration: none;
	}

	&:before {
		font-family: 'FontAwesome';
	}
}

.fce--edit:before {
	content: $fa-var-pencil;
}
.fce--delete:before {
	content: $fa-var-trash;
}
.fce--copy:before {
	content: $fa-var-copy;
}
.fce--view:before {
	content: $fa-var-eye;
}
.fce--active {
	&.true:before {
		content: $fa-var-check;
		color: $color--green;
	}
	&.false:before {
		content: $fa-var-remove;
		color: $color--red;
	}
}
.fce--red {
	color: $color--red;
	transfrom-origin: 50% 50%;
	margin-right: 1rem;
	transition: all 0.1s linear;
	&:hover {
		transform: scale(1.5);
		color: $color--red;
	}
	&:before {
		font-family: 'FontAwesome';
		float: left;
		display: inline-block;
	}
}