-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
props.scss
30 lines (24 loc) · 640 Bytes
/
props.scss
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
////
/// Components
/// Brand props
////
$logo-width: 4.6rem;
$wordmark-width: 17.6rem;
$logo-bounce-offset: 0.1rem;
@mixin logo-animation {
.Wave--colorMask {
animation: logo-rainbow-mask get-duration(slow) get-easing() infinite;
}
.Wave--colorPurple {
animation: logo-rainbow-purple get-duration(slow) get-easing() infinite;
}
.Wave--colorRed {
animation: logo-rainbow-red get-duration(slow) get-easing() infinite;
}
.Wave--colorOrange {
animation: logo-rainbow-orange get-duration(slow) get-easing() infinite;
}
.Hand {
animation: logo-outline-bounce get-duration(slow) linear infinite;
}
}