SCSS mixins for sass

SCSS mixins for sass.scss

// antialiased text
@mixin antialiased() {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// recount pixels to em
@function em($pixels, $context: $default-font-size) {
	@return #{$pixels/$context}em;
}

// transition
@mixin transition ($property: all, $time: 0.3s, $easing: ease-out) {
	transition: $property $time $easing 0s;
}

// rotate animation
// .el { animation: spin 2s infinite linear; }
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(359deg);}
}