saffron 0.2.2 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/Gemfile.lock +1 -1
- data/README.md +16 -9
- data/app/assets/stylesheets/entrances/_drop-in.scss +5 -5
- data/app/assets/stylesheets/entrances/_fade-in-down.scss +3 -3
- data/app/assets/stylesheets/entrances/_fade-in-left.scss +3 -3
- data/app/assets/stylesheets/entrances/_fade-in-right.scss +3 -3
- data/app/assets/stylesheets/entrances/_fade-in-up.scss +3 -3
- data/app/assets/stylesheets/entrances/_fade-in-zoom-big.scss +6 -6
- data/app/assets/stylesheets/entrances/_fade-in-zoom.scss +4 -4
- data/app/assets/stylesheets/entrances/_fade-in.scss +3 -3
- data/app/assets/stylesheets/entrances/_newspaper.scss +4 -4
- data/app/assets/stylesheets/entrances/_pop-in.scss +4 -4
- data/app/assets/stylesheets/entrances/_rise-in.scss +3 -3
- data/app/assets/stylesheets/entrances/_slide-in.scss +10 -10
- data/app/assets/stylesheets/entrances/_stretch.scss +12 -12
- data/app/assets/stylesheets/entrances/_turn-in.scss +10 -10
- data/app/assets/stylesheets/exits/_compress.scss +9 -9
- data/app/assets/stylesheets/exits/_drop-out.scss +4 -4
- data/app/assets/stylesheets/exits/_explode.scss +4 -4
- data/app/assets/stylesheets/exits/_fade-out-down.scss +4 -4
- data/app/assets/stylesheets/exits/_fade-out-left.scss +3 -3
- data/app/assets/stylesheets/exits/_fade-out-right.scss +3 -3
- data/app/assets/stylesheets/exits/_fade-out-up.scss +4 -4
- data/app/assets/stylesheets/exits/_fade-out-zoom-big.scss +5 -5
- data/app/assets/stylesheets/exits/_fade-out-zoom.scss +4 -4
- data/app/assets/stylesheets/exits/_fade-out.scss +3 -3
- data/app/assets/stylesheets/exits/_poof.scss +4 -4
- data/app/assets/stylesheets/exits/_rise-out.scss +4 -4
- data/app/assets/stylesheets/exits/_slide-out.scss +8 -8
- data/app/assets/stylesheets/exits/_turn-out.scss +10 -10
- data/app/assets/stylesheets/helpers/_animation.scss +2 -2
- data/app/assets/stylesheets/helpers/_contains.scss +1 -1
- data/app/assets/stylesheets/helpers/_keyframes.scss +5 -5
- data/app/assets/stylesheets/helpers/_prefix.scss +3 -3
- data/app/assets/stylesheets/helpers/_transform.scss +6 -6
- data/app/assets/stylesheets/helpers/_transition.scss +4 -4
- data/app/assets/stylesheets/in-place/_around-the-world.scss +4 -4
- data/app/assets/stylesheets/in-place/_bounce.scss +8 -8
- data/app/assets/stylesheets/in-place/_colors.scss +3 -3
- data/app/assets/stylesheets/in-place/_contract.scss +2 -2
- data/app/assets/stylesheets/in-place/_cube-flip.scss +16 -16
- data/app/assets/stylesheets/in-place/_enlarge.scss +2 -2
- data/app/assets/stylesheets/in-place/_expand.scss +1 -1
- data/app/assets/stylesheets/in-place/_flip.scss +6 -6
- data/app/assets/stylesheets/in-place/_float.scss +5 -5
- data/app/assets/stylesheets/in-place/_ping.scss +5 -5
- data/app/assets/stylesheets/in-place/_pulsate.scss +4 -4
- data/app/assets/stylesheets/in-place/_quiver.scss +13 -13
- data/app/assets/stylesheets/in-place/_shake.scss +8 -8
- data/app/assets/stylesheets/in-place/_spin.scss +4 -4
- data/app/assets/stylesheets/in-place/_square-dance.scss +6 -6
- data/app/assets/stylesheets/in-place/_sunrise.scss +4 -4
- data/app/assets/stylesheets/in-place/_sway.scss +5 -5
- data/app/assets/stylesheets/in-place/_teeter.scss +9 -9
- data/bower.json +1 -1
- data/lib/saffron/version.rb +1 -1
- data/saffron/entrances/_drop-in.scss +5 -5
- data/saffron/entrances/_fade-in-down.scss +3 -3
- data/saffron/entrances/_fade-in-left.scss +3 -3
- data/saffron/entrances/_fade-in-right.scss +3 -3
- data/saffron/entrances/_fade-in-up.scss +3 -3
- data/saffron/entrances/_fade-in-zoom-big.scss +6 -6
- data/saffron/entrances/_fade-in-zoom.scss +4 -4
- data/saffron/entrances/_fade-in.scss +3 -3
- data/saffron/entrances/_newspaper.scss +4 -4
- data/saffron/entrances/_pop-in.scss +4 -4
- data/saffron/entrances/_rise-in.scss +3 -3
- data/saffron/entrances/_slide-in.scss +10 -10
- data/saffron/entrances/_stretch.scss +12 -12
- data/saffron/entrances/_turn-in.scss +10 -10
- data/saffron/exits/_compress.scss +9 -9
- data/saffron/exits/_drop-out.scss +4 -4
- data/saffron/exits/_explode.scss +4 -4
- data/saffron/exits/_fade-out-down.scss +4 -4
- data/saffron/exits/_fade-out-left.scss +3 -3
- data/saffron/exits/_fade-out-right.scss +3 -3
- data/saffron/exits/_fade-out-up.scss +4 -4
- data/saffron/exits/_fade-out-zoom-big.scss +5 -5
- data/saffron/exits/_fade-out-zoom.scss +4 -4
- data/saffron/exits/_fade-out.scss +3 -3
- data/saffron/exits/_poof.scss +4 -4
- data/saffron/exits/_rise-out.scss +4 -4
- data/saffron/exits/_slide-out.scss +8 -8
- data/saffron/exits/_turn-out.scss +10 -10
- data/saffron/helpers/_animation.scss +2 -2
- data/saffron/helpers/_contains.scss +1 -1
- data/saffron/helpers/_keyframes.scss +5 -5
- data/saffron/helpers/_prefix.scss +3 -3
- data/saffron/helpers/_transform.scss +6 -6
- data/saffron/helpers/_transition.scss +4 -4
- data/saffron/in-place/_around-the-world.scss +4 -4
- data/saffron/in-place/_bounce.scss +8 -8
- data/saffron/in-place/_colors.scss +3 -3
- data/saffron/in-place/_contract.scss +2 -2
- data/saffron/in-place/_cube-flip.scss +16 -16
- data/saffron/in-place/_enlarge.scss +2 -2
- data/saffron/in-place/_expand.scss +1 -1
- data/saffron/in-place/_flip.scss +6 -6
- data/saffron/in-place/_float.scss +5 -5
- data/saffron/in-place/_ping.scss +5 -5
- data/saffron/in-place/_pulsate.scss +4 -4
- data/saffron/in-place/_quiver.scss +13 -13
- data/saffron/in-place/_shake.scss +8 -8
- data/saffron/in-place/_spin.scss +4 -4
- data/saffron/in-place/_square-dance.scss +6 -6
- data/saffron/in-place/_sunrise.scss +4 -4
- data/saffron/in-place/_sway.scss +5 -5
- data/saffron/in-place/_teeter.scss +9 -9
- data/tasks/package.json +2 -2
- metadata +22 -44
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@mixin enlarge($selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(1.000, -0.600, 0.595, 0.835)) {
|
|
2
|
-
@include transition(all $duration $delay $timing);
|
|
2
|
+
@include u-transition(all $duration $delay $timing);
|
|
3
3
|
&#{$selector} {
|
|
4
|
-
@include transform(translateY($saf-enlarge-contract-jump * -1) scale($saf-enlarge-contract-multiple));
|
|
4
|
+
@include u-transform(translateY($saf-enlarge-contract-jump * -1) scale($saf-enlarge-contract-multiple));
|
|
5
5
|
}
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@mixin expand($direction, $amount: 1em, $selector: ":hover", $duration: 0.5s, $delay: 0s, $timing: cubic-bezier(0.680, -0.550, 0.275, 1.465)) {
|
|
2
|
-
@include transition(padding-#{$direction} $duration $delay $timing);
|
|
2
|
+
@include u-transition(padding-#{$direction} $duration $delay $timing);
|
|
3
3
|
&#{$selector} {
|
|
4
4
|
padding-#{$direction}: $amount;
|
|
5
5
|
}
|
data/saffron/in-place/_flip.scss
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@mixin flip($selector: ".flipped", $duration: 0.5s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in) {
|
|
2
2
|
position: relative;
|
|
3
|
-
@include prefix(transform-style, preserve-3d, webkit spec);
|
|
4
|
-
@include transition(all $duration $delay $timing);
|
|
5
|
-
@include prefix(backface-visibility, hidden, webkit moz spec);
|
|
3
|
+
@include u-prefix(transform-style, preserve-3d, webkit spec);
|
|
4
|
+
@include u-transition(all $duration $delay $timing);
|
|
5
|
+
@include u-prefix(backface-visibility, hidden, webkit moz spec);
|
|
6
6
|
&#{$selector} {
|
|
7
|
-
@include transform(rotateY(180deg)translateZ(0));
|
|
7
|
+
@include u-transform(rotateY(180deg)translateZ(0));
|
|
8
8
|
}
|
|
9
9
|
&::after {
|
|
10
10
|
content: '';
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
left: 0;
|
|
13
13
|
height: 100%;
|
|
14
14
|
width: 100%;
|
|
15
|
-
@include prefix(backface-visibility, inherit, webkit moz spec);
|
|
16
|
-
@include transform(rotateY(180deg));
|
|
15
|
+
@include u-prefix(backface-visibility, inherit, webkit moz spec);
|
|
16
|
+
@include u-transform(rotateY(180deg));
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
@include keyframes(float) {
|
|
1
|
+
@include u-keyframes(float) {
|
|
2
2
|
0%, 50%, 100% {
|
|
3
|
-
@include transform(translateY($saf-float-bob-distance * -1) translateZ(0));
|
|
3
|
+
@include u-transform(translateY($saf-float-bob-distance * -1) translateZ(0));
|
|
4
4
|
}
|
|
5
5
|
25% {
|
|
6
|
-
@include transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle));
|
|
6
|
+
@include u-transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle));
|
|
7
7
|
}
|
|
8
8
|
75% {
|
|
9
|
-
@include transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle * -1));
|
|
9
|
+
@include u-transform(translateY($saf-float-bob-distance) rotate($saf-float-bob-angle * -1));
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
@mixin float($duration: 5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
|
|
14
14
|
// hack to fix jagged edges
|
|
15
15
|
outline: 1px solid transparent;
|
|
16
|
-
@include animation(float $count $duration $delay $fill-mode $timing);
|
|
16
|
+
@include u-animation(float $count $duration $delay $fill-mode $timing);
|
|
17
17
|
}
|
data/saffron/in-place/_ping.scss
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
@include keyframes(ping) {
|
|
1
|
+
@include u-keyframes(ping) {
|
|
2
2
|
0% {
|
|
3
|
-
@include transform(scale(0));
|
|
3
|
+
@include u-transform(scale(0));
|
|
4
4
|
}
|
|
5
5
|
100% {
|
|
6
|
-
@include transform(scale(1));
|
|
6
|
+
@include u-transform(scale(1));
|
|
7
7
|
opacity: 0;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
@mixin ping($duration: 1.5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
|
|
12
|
-
@include animation(ping $count $duration $delay $fill-mode $timing);
|
|
13
|
-
}
|
|
12
|
+
@include u-animation(ping $count $duration $delay $fill-mode $timing);
|
|
13
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
@include keyframes(pulsate) {
|
|
1
|
+
@include u-keyframes(pulsate) {
|
|
2
2
|
0%, 100% {
|
|
3
3
|
opacity: 1;
|
|
4
|
-
@include transform(scale(1) translateZ(0));
|
|
4
|
+
@include u-transform(scale(1) translateZ(0));
|
|
5
5
|
}
|
|
6
6
|
50% {
|
|
7
7
|
opacity: 0.85;
|
|
8
|
-
@include transform(scale($saf-pulsate-scale));
|
|
8
|
+
@include u-transform(scale($saf-pulsate-scale));
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
@mixin pulsate($duration: 1.5s, $delay: 0s, $fill-mode: none, $count: 3) {
|
|
13
|
-
@include animation(pulsate $count $duration $delay $fill-mode);
|
|
13
|
+
@include u-animation(pulsate $count $duration $delay $fill-mode);
|
|
14
14
|
}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
@include keyframes(quiver) {
|
|
1
|
+
@include u-keyframes(quiver) {
|
|
2
2
|
0%{
|
|
3
|
-
@include transform(translate3d(2px, 1px, 0) rotate(0deg));
|
|
3
|
+
@include u-transform(translate3d(2px, 1px, 0) rotate(0deg));
|
|
4
4
|
}
|
|
5
5
|
10% {
|
|
6
|
-
@include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle));
|
|
6
|
+
@include u-transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle));
|
|
7
7
|
}
|
|
8
8
|
20% {
|
|
9
|
-
@include transform(translate3d(-3px, 0) rotate($saf-quiver-angle * -1));
|
|
9
|
+
@include u-transform(translate3d(-3px, 0) rotate($saf-quiver-angle * -1));
|
|
10
10
|
}
|
|
11
11
|
30% {
|
|
12
|
-
@include transform(translate3d(0, 2px, 0) rotate(0deg));
|
|
12
|
+
@include u-transform(translate3d(0, 2px, 0) rotate(0deg));
|
|
13
13
|
}
|
|
14
14
|
40% {
|
|
15
|
-
@include transform(translate3d(1px, -1px, 0) rotate($saf-quiver-angle));
|
|
15
|
+
@include u-transform(translate3d(1px, -1px, 0) rotate($saf-quiver-angle));
|
|
16
16
|
}
|
|
17
17
|
50% {
|
|
18
|
-
@include transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle * -1));
|
|
18
|
+
@include u-transform(translate3d(-1px, 2px, 0) rotate($saf-quiver-angle * -1));
|
|
19
19
|
}
|
|
20
20
|
60% {
|
|
21
|
-
@include transform(translate3d(-3px, 1px, 0) rotate(0deg));
|
|
21
|
+
@include u-transform(translate3d(-3px, 1px, 0) rotate(0deg));
|
|
22
22
|
}
|
|
23
23
|
70% {
|
|
24
|
-
@include transform(translate3d(2px, 1px, 0) rotate($saf-quiver-angle));
|
|
24
|
+
@include u-transform(translate3d(2px, 1px, 0) rotate($saf-quiver-angle));
|
|
25
25
|
}
|
|
26
26
|
80% {
|
|
27
|
-
@include transform(translate3d(-1px, -1px, 0) rotate($saf-quiver-angle * -1));
|
|
27
|
+
@include u-transform(translate3d(-1px, -1px, 0) rotate($saf-quiver-angle * -1));
|
|
28
28
|
}
|
|
29
29
|
90% {
|
|
30
|
-
@include transform(translate3d(2px, 2px, 0) rotate(0deg));
|
|
30
|
+
@include u-transform(translate3d(2px, 2px, 0) rotate(0deg));
|
|
31
31
|
}
|
|
32
32
|
100% {
|
|
33
|
-
@include transform(translate3d(1px, -2px, 0) rotate($saf-quiver-angle));
|
|
33
|
+
@include u-transform(translate3d(1px, -2px, 0) rotate($saf-quiver-angle));
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
}
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
@mixin quiver($duration: 0.75s, $delay: 0s, $fill-mode: none, $count: infinite) {
|
|
39
39
|
// hack to fix jagged edges
|
|
40
40
|
outline: 1px solid transparent;
|
|
41
|
-
@include animation(quiver $duration $delay $fill-mode $count);
|
|
41
|
+
@include u-animation(quiver $duration $delay $fill-mode $count);
|
|
42
42
|
}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
@include keyframes(shake) {
|
|
1
|
+
@include u-keyframes(shake) {
|
|
2
2
|
0%, 100% {
|
|
3
|
-
@include transform(translateX(0) translateZ(0));
|
|
3
|
+
@include u-transform(translateX(0) translateZ(0));
|
|
4
4
|
}
|
|
5
5
|
15% {
|
|
6
|
-
@include transform(translateX($saf-shake-distance));
|
|
6
|
+
@include u-transform(translateX($saf-shake-distance));
|
|
7
7
|
}
|
|
8
8
|
35% {
|
|
9
|
-
@include transform(translateX($saf-shake-distance * -1));
|
|
9
|
+
@include u-transform(translateX($saf-shake-distance * -1));
|
|
10
10
|
}
|
|
11
11
|
50% {
|
|
12
|
-
@include transform(translateX($saf-shake-distance / 2));
|
|
12
|
+
@include u-transform(translateX($saf-shake-distance / 2));
|
|
13
13
|
}
|
|
14
14
|
65% {
|
|
15
|
-
@include transform(translateX($saf-shake-distance / 2 * -1));
|
|
15
|
+
@include u-transform(translateX($saf-shake-distance / 2 * -1));
|
|
16
16
|
}
|
|
17
17
|
85% {
|
|
18
|
-
@include transform(translateX($saf-shake-distance / 3));
|
|
18
|
+
@include u-transform(translateX($saf-shake-distance / 3));
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
@mixin shake($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1) {
|
|
23
|
-
@include animation(shake $duration $delay $fill-mode $count);
|
|
23
|
+
@include u-animation(shake $duration $delay $fill-mode $count);
|
|
24
24
|
}
|
data/saffron/in-place/_spin.scss
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
@include keyframes(spin) {
|
|
1
|
+
@include u-keyframes(spin) {
|
|
2
2
|
0% {
|
|
3
|
-
@include transform(rotate(0deg) translateZ(0));
|
|
3
|
+
@include u-transform(rotate(0deg) translateZ(0));
|
|
4
4
|
}
|
|
5
5
|
100% {
|
|
6
|
-
@include transform(rotate(360deg));
|
|
6
|
+
@include u-transform(rotate(360deg));
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
@mixin spin($duration: 0.5s, $delay: 0s, $fill-mode: none, $count: 1, $timing: ease-in-out) {
|
|
11
|
-
@include animation(spin $count $duration $delay $fill-mode $timing);
|
|
11
|
+
@include u-animation(spin $count $duration $delay $fill-mode $timing);
|
|
12
12
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
@include keyframes(squareDance) {
|
|
1
|
+
@include u-keyframes(squareDance) {
|
|
2
2
|
0%, 100% {
|
|
3
|
-
@include transform(translate3d(100%, 0, 0));
|
|
3
|
+
@include u-transform(translate3d(100%, 0, 0));
|
|
4
4
|
}
|
|
5
5
|
25% {
|
|
6
|
-
@include transform(translate3d(100%, 100%, 0));
|
|
6
|
+
@include u-transform(translate3d(100%, 100%, 0));
|
|
7
7
|
}
|
|
8
8
|
50% {
|
|
9
|
-
@include transform(translate3d(0, 100%, 0));
|
|
9
|
+
@include u-transform(translate3d(0, 100%, 0));
|
|
10
10
|
}
|
|
11
11
|
75% {
|
|
12
|
-
@include transform(translate3d(0, 0, 0));
|
|
12
|
+
@include u-transform(translate3d(0, 0, 0));
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@mixin squareDance($duration: 3s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
|
|
17
|
-
@include animation(squareDance $count $duration $delay $fill-mode $timing);
|
|
17
|
+
@include u-animation(squareDance $count $duration $delay $fill-mode $timing);
|
|
18
18
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
@include keyframes(sunrise) {
|
|
1
|
+
@include u-keyframes(sunrise) {
|
|
2
2
|
0% {
|
|
3
|
-
@include transform(rotate(0deg) translate($saf-sunrise-arch) rotate(0deg));
|
|
3
|
+
@include u-transform(rotate(0deg) translate($saf-sunrise-arch) rotate(0deg));
|
|
4
4
|
}
|
|
5
5
|
100% {
|
|
6
|
-
@include transform(rotate(180deg) translate($saf-sunrise-arch) rotate(-180deg));
|
|
6
|
+
@include u-transform(rotate(180deg) translate($saf-sunrise-arch) rotate(-180deg));
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
@mixin sunrise($duration: 4s, $delay: 0s, $fill-mode: both, $count: 1, $timing: ease-in-out) {
|
|
11
|
-
@include animation(sunrise $count $duration $delay $fill-mode $timing);
|
|
11
|
+
@include u-animation(sunrise $count $duration $delay $fill-mode $timing);
|
|
12
12
|
}
|
data/saffron/in-place/_sway.scss
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
@include keyframes(sway) {
|
|
1
|
+
@include u-keyframes(sway) {
|
|
2
2
|
0%, 50%, 100% {
|
|
3
|
-
@include transform(rotate($saf-sway-angle) translateZ(0));
|
|
3
|
+
@include u-transform(rotate($saf-sway-angle) translateZ(0));
|
|
4
4
|
}
|
|
5
5
|
25% {
|
|
6
|
-
@include transform(rotate($saf-sway-angle * -1));
|
|
6
|
+
@include u-transform(rotate($saf-sway-angle * -1));
|
|
7
7
|
}
|
|
8
8
|
75% {
|
|
9
|
-
@include transform(rotate($saf-sway-angle * -1));
|
|
9
|
+
@include u-transform(rotate($saf-sway-angle * -1));
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
@mixin sway($duration: 6.5s, $delay: 0s, $fill-mode: none, $count: infinite, $timing: ease-in-out) {
|
|
14
14
|
// hack to fix jagged edges
|
|
15
15
|
outline: 1px solid transparent;
|
|
16
|
-
@include animation(sway $count $duration $delay $fill-mode $timing);
|
|
16
|
+
@include u-animation(sway $count $duration $delay $fill-mode $timing);
|
|
17
17
|
}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
@include keyframes(teeter) {
|
|
1
|
+
@include u-keyframes(teeter) {
|
|
2
2
|
0%, 100% {
|
|
3
|
-
@include transform(rotate(0deg) translateZ(0));
|
|
3
|
+
@include u-transform(rotate(0deg) translateZ(0));
|
|
4
4
|
}
|
|
5
5
|
15% {
|
|
6
|
-
@include transform(rotate($saf-teeter-angle));
|
|
6
|
+
@include u-transform(rotate($saf-teeter-angle));
|
|
7
7
|
}
|
|
8
8
|
30% {
|
|
9
|
-
@include transform(rotate($saf-teeter-angle * -1));
|
|
9
|
+
@include u-transform(rotate($saf-teeter-angle * -1));
|
|
10
10
|
}
|
|
11
11
|
45% {
|
|
12
|
-
@include transform(rotate($saf-teeter-angle / 2));
|
|
12
|
+
@include u-transform(rotate($saf-teeter-angle / 2));
|
|
13
13
|
}
|
|
14
14
|
60% {
|
|
15
|
-
@include transform(rotate($saf-teeter-angle / 2 * -1));
|
|
15
|
+
@include u-transform(rotate($saf-teeter-angle / 2 * -1));
|
|
16
16
|
}
|
|
17
17
|
73% {
|
|
18
|
-
@include transform(rotate($saf-teeter-angle / 3));
|
|
18
|
+
@include u-transform(rotate($saf-teeter-angle / 3));
|
|
19
19
|
}
|
|
20
20
|
86% {
|
|
21
|
-
@include transform(rotate($saf-teeter-angle / 3 * -1));
|
|
21
|
+
@include u-transform(rotate($saf-teeter-angle / 3 * -1));
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
@mixin teeter($duration: 1s, $delay: 0s, $fill-mode: none, $count: 1) {
|
|
26
26
|
// hack to fix jagged edges
|
|
27
27
|
outline: 1px solid transparent;
|
|
28
|
-
@include animation(teeter $duration $delay $fill-mode $count);
|
|
28
|
+
@include u-animation(teeter $duration $delay $fill-mode $count);
|
|
29
29
|
}
|
data/tasks/package.json
CHANGED
metadata
CHANGED
|
@@ -1,103 +1,88 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: saffron
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
5
|
-
prerelease:
|
|
4
|
+
version: 0.2.3
|
|
6
5
|
platform: ruby
|
|
7
6
|
authors:
|
|
8
7
|
- JC
|
|
9
8
|
autorequire:
|
|
10
9
|
bindir: bin
|
|
11
10
|
cert_chain: []
|
|
12
|
-
date:
|
|
11
|
+
date: 2015-09-20 00:00:00.000000000 Z
|
|
13
12
|
dependencies:
|
|
14
13
|
- !ruby/object:Gem::Dependency
|
|
15
14
|
name: sass
|
|
16
15
|
requirement: !ruby/object:Gem::Requirement
|
|
17
|
-
none: false
|
|
18
16
|
requirements:
|
|
19
|
-
- - ~>
|
|
17
|
+
- - "~>"
|
|
20
18
|
- !ruby/object:Gem::Version
|
|
21
19
|
version: '3.2'
|
|
22
20
|
type: :runtime
|
|
23
21
|
prerelease: false
|
|
24
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
25
|
-
none: false
|
|
26
23
|
requirements:
|
|
27
|
-
- - ~>
|
|
24
|
+
- - "~>"
|
|
28
25
|
- !ruby/object:Gem::Version
|
|
29
26
|
version: '3.2'
|
|
30
27
|
- !ruby/object:Gem::Dependency
|
|
31
28
|
name: thor
|
|
32
29
|
requirement: !ruby/object:Gem::Requirement
|
|
33
|
-
none: false
|
|
34
30
|
requirements:
|
|
35
|
-
- -
|
|
31
|
+
- - ">="
|
|
36
32
|
- !ruby/object:Gem::Version
|
|
37
33
|
version: '0'
|
|
38
34
|
type: :runtime
|
|
39
35
|
prerelease: false
|
|
40
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
41
|
-
none: false
|
|
42
37
|
requirements:
|
|
43
|
-
- -
|
|
38
|
+
- - ">="
|
|
44
39
|
- !ruby/object:Gem::Version
|
|
45
40
|
version: '0'
|
|
46
41
|
- !ruby/object:Gem::Dependency
|
|
47
42
|
name: bundler
|
|
48
43
|
requirement: !ruby/object:Gem::Requirement
|
|
49
|
-
none: false
|
|
50
44
|
requirements:
|
|
51
|
-
- - ~>
|
|
45
|
+
- - "~>"
|
|
52
46
|
- !ruby/object:Gem::Version
|
|
53
47
|
version: '1.3'
|
|
54
48
|
type: :development
|
|
55
49
|
prerelease: false
|
|
56
50
|
version_requirements: !ruby/object:Gem::Requirement
|
|
57
|
-
none: false
|
|
58
51
|
requirements:
|
|
59
|
-
- - ~>
|
|
52
|
+
- - "~>"
|
|
60
53
|
- !ruby/object:Gem::Version
|
|
61
54
|
version: '1.3'
|
|
62
55
|
- !ruby/object:Gem::Dependency
|
|
63
56
|
name: rake
|
|
64
57
|
requirement: !ruby/object:Gem::Requirement
|
|
65
|
-
none: false
|
|
66
58
|
requirements:
|
|
67
|
-
- -
|
|
59
|
+
- - ">="
|
|
68
60
|
- !ruby/object:Gem::Version
|
|
69
61
|
version: '0'
|
|
70
62
|
type: :development
|
|
71
63
|
prerelease: false
|
|
72
64
|
version_requirements: !ruby/object:Gem::Requirement
|
|
73
|
-
none: false
|
|
74
65
|
requirements:
|
|
75
|
-
- -
|
|
66
|
+
- - ">="
|
|
76
67
|
- !ruby/object:Gem::Version
|
|
77
68
|
version: '0'
|
|
78
69
|
- !ruby/object:Gem::Dependency
|
|
79
70
|
name: aruba
|
|
80
71
|
requirement: !ruby/object:Gem::Requirement
|
|
81
|
-
none: false
|
|
82
72
|
requirements:
|
|
83
|
-
- - ~>
|
|
73
|
+
- - "~>"
|
|
84
74
|
- !ruby/object:Gem::Version
|
|
85
75
|
version: '0.5'
|
|
86
76
|
type: :development
|
|
87
77
|
prerelease: false
|
|
88
78
|
version_requirements: !ruby/object:Gem::Requirement
|
|
89
|
-
none: false
|
|
90
79
|
requirements:
|
|
91
|
-
- - ~>
|
|
80
|
+
- - "~>"
|
|
92
81
|
- !ruby/object:Gem::Version
|
|
93
82
|
version: '0.5'
|
|
94
|
-
description:
|
|
95
|
-
CSS3 animations and transitions much simpler.
|
|
96
|
-
|
|
97
|
-
Just include a mixin in your sass declaration, then set any configuration using
|
|
98
|
-
variables and mixin parameters.
|
|
99
|
-
|
|
100
|
-
'
|
|
83
|
+
description: |
|
|
84
|
+
Saffron is a collection of sass mixins and helpers that make adding CSS3 animations and transitions much simpler.
|
|
85
|
+
Just include a mixin in your sass declaration, then set any configuration using variables and mixin parameters.
|
|
101
86
|
email:
|
|
102
87
|
- j@colindres.me
|
|
103
88
|
executables:
|
|
@@ -105,8 +90,8 @@ executables:
|
|
|
105
90
|
extensions: []
|
|
106
91
|
extra_rdoc_files: []
|
|
107
92
|
files:
|
|
108
|
-
- .gitignore
|
|
109
|
-
- .travis.yml
|
|
93
|
+
- ".gitignore"
|
|
94
|
+
- ".travis.yml"
|
|
110
95
|
- Gemfile
|
|
111
96
|
- Gemfile.lock
|
|
112
97
|
- MIT
|
|
@@ -244,33 +229,26 @@ files:
|
|
|
244
229
|
homepage: https://github.com/corporadobob/saffron
|
|
245
230
|
licenses:
|
|
246
231
|
- MIT
|
|
232
|
+
metadata: {}
|
|
247
233
|
post_install_message:
|
|
248
234
|
rdoc_options: []
|
|
249
235
|
require_paths:
|
|
250
236
|
- lib
|
|
251
237
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
252
|
-
none: false
|
|
253
238
|
requirements:
|
|
254
|
-
- -
|
|
239
|
+
- - ">="
|
|
255
240
|
- !ruby/object:Gem::Version
|
|
256
241
|
version: '0'
|
|
257
|
-
segments:
|
|
258
|
-
- 0
|
|
259
|
-
hash: -4188508965380619066
|
|
260
242
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
261
|
-
none: false
|
|
262
243
|
requirements:
|
|
263
|
-
- -
|
|
244
|
+
- - ">="
|
|
264
245
|
- !ruby/object:Gem::Version
|
|
265
246
|
version: '0'
|
|
266
|
-
segments:
|
|
267
|
-
- 0
|
|
268
|
-
hash: -4188508965380619066
|
|
269
247
|
requirements: []
|
|
270
248
|
rubyforge_project:
|
|
271
|
-
rubygems_version:
|
|
249
|
+
rubygems_version: 2.4.5
|
|
272
250
|
signing_key:
|
|
273
|
-
specification_version:
|
|
251
|
+
specification_version: 4
|
|
274
252
|
summary: A simple sass mixin library for animations and transitions.
|
|
275
253
|
test_files:
|
|
276
254
|
- features/install.feature
|