saffron 0.2.2 → 0.2.3
Sign up to get free protection for your applications and to get access to all the features.
- 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
|