Skip to content

Instantly share code, notes, and snippets.

@donovanh
Created April 20, 2013 16:56
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save donovanh/5426633 to your computer and use it in GitHub Desktop.
Save donovanh/5426633 to your computer and use it in GitHub Desktop.
Mixins for SASS including: - Animation - Keyframes - Text fill/stroke
/* Mixins to extend what Compass provides */
=animation($values...)
-webkit-animation: $values
-moz-animation: $values
-o-animation: $values
-ms-animation: $values
animation: $values
=keyframes($name)
@-webkit-keyframes #{$name}
@content
@-moz-keyframes #{$name}
@content
@-ms-keyframes #{$name}
@content
@keyframes #{$name}
@content
=text-fill-color($value)
-webkit-text-fill-color: $value
-moz-text-fill-color: $value
-o-text-fill-color: $value
-ms-text-fill-color: $value
text-fill-color: $value
=text-stroke-color($value)
-webkit-stroke-fill-color: $value
-moz-stroke-fill-color: $value
-o-stroke-fill-color: $value
-ms-stroke-fill-color: $value
stroke-fill-color: $value
=text-stroke-width($value)
-webkit-text-stroke-width: $value
-moz-text-stroke-width: $value
-o-text-stroke-width: $value
-ms-text-stroke-width: $value
text-stroke-width: $value
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment