SHARE
TWEET

Untitled

a guest Dec 13th, 2018 77 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $countDefault: 1 !default;
  2. $durationDefault: 1s !default;
  3. $delayDefault: 0s !default;
  4. $functionDefault: ease !default;
  5. $fillDefault: both;
  6. $visibilityDefault: hidden !default;
  7.  
  8. @mixin count($count: 1) {
  9.   -webkit-animation-iteration-count: $count;
  10.      -moz-animation-iteration-count: $count;
  11.       -ms-animation-iteration-count: $count;
  12.        -o-animation-iteration-count: $count;
  13.           animation-iteration-count: $count;
  14. }
  15.  
  16. @mixin duration($duration: 1s) {
  17.   -webkit-animation-duration: $duration;
  18.      -moz-animation-duration: $duration;
  19.       -ms-animation-duration: $duration;
  20.        -o-animation-duration: $duration;
  21.           animation-duration: $duration;
  22. }
  23.  
  24. @mixin delay($delay: .2s) {
  25.   -webkit-animation-delay: $delay;
  26.      -moz-animation-delay: $delay;
  27.       -ms-animation-delay: $delay;
  28.        -o-animation-delay: $delay;
  29.           animation-delay: $delay;
  30. }
  31.  
  32. @mixin function($function: ease) {
  33.   -webkit-animation-timing-function: $function;
  34.      -moz-animation-timing-function: $function;
  35.       -ms-animation-timing-function: $function;
  36.        -o-animation-timing-function: $function;
  37.           animation-timing-function: $function;
  38. }
  39.  
  40. @mixin fill-mode($fill: both) {
  41.   -webkit-animation-fill-mode: $fill;
  42.      -moz-animation-fill-mode: $fill;
  43.       -ms-animation-fill-mode: $fill;
  44.        -o-animation-fill-mode: $fill;
  45.           animation-fill-mode: $fill;
  46. }
  47.  
  48. @mixin visibility($visibility: hidden) {
  49.   -webkit-backface-visibility: $visibility;
  50.      -moz-backface-visibility: $visibility;
  51.       -ms-backface-visibility: $visibility;
  52.        -o-backface-visibility: $visibility;
  53.           backface-visibility: $visibility;
  54. }
  55.  
  56. @mixin transform($property) {
  57.   -webkit-transform: $property;
  58.      -moz-transform: $property;
  59.       -ms-transform: $property;
  60.        -o-transform: $property;
  61.           transform: $property;
  62. }
  63.  
  64. @mixin transform-origin($transform-origin: center center) {
  65.   -webkit-transform-origin: $transform-origin;
  66.      -moz-transform-origin: $transform-origin;
  67.       -ms-transform-origin: $transform-origin;
  68.        -o-transform-origin: $transform-origin;
  69.           transform-origin: $transform-origin;
  70. }
  71.  
  72. @mixin transform-style($transform-style: flat) {
  73.   -webkit-transform-style: $transform-style;
  74.      -moz-transform-style: $transform-style;
  75.        -o-transform-style: $transform-style;
  76.           transform-style: $transform-style;
  77. }
  78.  
  79. @mixin animation-name($animation-name) {
  80.  -webkit-animation-name: $animation-name;
  81.    -moz-animation-name: $animation-name;
  82.       -ms-animation-name: $animation-name;
  83.        -o-animation-name: $animation-name;
  84.           animation-name: $animation-name;
  85. }
  86.  
  87. @mixin keyframes($animation-name) {
  88.   @-webkit-keyframes #{$animation-name} {
  89.     @content;
  90.   }
  91.  
  92.   @-moz-keyframes #{$animation-name} {
  93.     @content;
  94.   }
  95.  
  96.   @-ms-keyframes #{$animation-name} {
  97.     @content;
  98.   }
  99.  
  100.   @-o-keyframes #{$animation-name} {
  101.     @content;
  102.   }
  103.  
  104.   @keyframes #{$animation-name} {
  105.     @content;
  106.   }
  107. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top