scss SASS：icoMoon Mixin

Posted 2021-05-18

/*
 * IcoMoon
 * see @ http://jshak.es/easy-icomoon-icons-with-sass/
 */
@mixin icoMoon($icon, $position: "before", $replace: false) {
	// If we're replacing the text, set font-size to 0
	@if $replace {
		font-size: 0;
	}
	// Pseudo-element properties
	&:#{$position} {
		@extend .icon-#{$icon};
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		@if $replace {
			font-size: 1rem;
		}
		@content;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}