Skip to content

Instantly share code, notes, and snippets.

@ryrych
Created May 23, 2014 14:54
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 ryrych/c83177b82dc19a44944d to your computer and use it in GitHub Desktop.
Save ryrych/c83177b82dc19a44944d to your computer and use it in GitHub Desktop.
'caching' animations using placeholders so that every property is generated only once
%transition-delay
-webkit-transition-delay: $default-transition-delay
-moz-transition-delay: $default-transition-delay
-o-transition-delay: $default-transition-delay
transition-delay: $default-transition-delay
%transition-duration
-webkit-transition-duration: $default-transition-duration
-moz-transition-duration: $default-transition-duration
-o-transition-duration: $default-transition-duration
transition-duration: $default-transition-duration
%transition-timing
-webkit-transition-timing-function: $default-transition-function
-moz-transition-timing-function: $default-transition-function
-o-transition-timing-function: $default-transition-function
transition-timing-function: $default-transition-function
%animate-background-color
@include transition-property(background-color)
@extend %transition-duration
@extend %transition-timing
%animate-border-color
@include transition-property(border-color)
@extend %transition-duration
@extend %transition-timing
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment