Skip to content

Instantly share code, notes, and snippets.

@joellesenne
Last active September 7, 2020 13:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save joellesenne/af20feb291b7f318d2b23400ec8ebaf0 to your computer and use it in GitHub Desktop.
Save joellesenne/af20feb291b7f318d2b23400ec8ebaf0 to your computer and use it in GitHub Desktop.
Sass Mixins to Kickstart Your Project
// Sass Mixins to Kickstart Your Project <http://www.sitepoint.com/sass-mixins-kickstart-project/#vendor-prefixes>
@mixin prefix($property, $value, $vendors: webkit moz ms o) {
@if $vendors {
@each $vendor in $vendors {
#{"-" + $vendor + "-" + $property}: #{$value};
}
}
#{$property}: #{$value};
}
// How to use
// .element {
// @include prefix(transform, rotate(42deg), webkit ms);
// }
// Output
// .element {
// -webkit-transform: rotate(42deg);
// -ms-transform: rotate(42deg);
// transform: rotate(42deg);
// }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment