aboutsummaryrefslogtreecommitdiff
path: root/_scss/utilities/_keyframes.scss
blob: 720588c98e1cf5d180a292aa61367c202a94d491 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// Keyframes
//
// Keyframes are used to specify the values for the animating properties at
// various points during the animation. The keyframes specify the behavior of
// one cycle of the animation; the animation may iterate zero or more times.
//
// Values: <keyframes-name> { <rule-list> }
//
// https://www.w3.org/TR/css-animations-1/#keyframes
@mixin keyframes($name) {
  @-webkit-keyframes #{$name} {
    @content;
  }

  @-moz-keyframes #{$name} {
    @content;
  }

  @-o-keyframes #{$name} {
    @content;
  }

  @keyframes #{$name} {
    @content;
  }
}