Coding/keyframes.scss at master · Ovi11-dev/Coding · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
////
/// Components
/// Brand keyframes
////

@import 'props';

@keyframes logo-outline-bounce {
  25% {
    transform: translate(-$logo-bounce-offset, $logo-bounce-offset);
  }

  75% {
    transform: translate($logo-bounce-offset, -$logo-bounce-offset);
  }
}

@keyframes logo-rainbow-mask {
  0% {
    fill: get-color(coal, dark);
  }

  25% {
    fill: get-color(brand, purple);
  }

  50% {
    fill: get-color(brand, red);
  }

  75% {
    fill: get-color(brand, orange);
  }
}

@keyframes logo-rainbow-purple {
  0% {
    fill: get-color(brand, purple);
  }

  25% {
    fill: get-color(brand, red);
  }

  50% {
    fill: get-color(brand, orange);
  }

  75% {
    fill: get-color(coal, dark);
  }
}

@keyframes logo-rainbow-red {
  0% {
    fill: get-color(brand, red);
  }

  25% {
    fill: get-color(brand, orange);
  }

  50% {
    fill: get-color(coal, dark);
  }

  75% {
    fill: get-color(brand, purple);
  }
}

@keyframes logo-rainbow-orange {
  0% {
    fill: get-color(brand, orange);
  }

  25% {
    fill: get-color(coal, dark);
  }

  50% {
    fill: get-color(brand, purple);
  }

  75% {
    fill: get-color(brand, red);
  }
}