ceaser-easing 0.6.1 → 0.7
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +5 -5
- data/ceaser-easing.gemspec +1 -0
- data/lib/ceaser-easing/version.rb +1 -1
- data/stylesheets/ceaser-easing/_ceaser.sass +1 -2
- metadata +20 -6
data/README.md
CHANGED
@@ -99,7 +99,7 @@ Here is a list of all the available easing types to choose from, you can see an
|
|
99
99
|
$easeInOutSine
|
100
100
|
$easeInOutExpo
|
101
101
|
$easeInOutCirc
|
102
|
-
easeInOutBack
|
102
|
+
$easeInOutBack
|
103
103
|
|
104
104
|
|
105
105
|
|
@@ -109,20 +109,20 @@ The ceaser easing mixin
|
|
109
109
|
The ceaser easing extension provides a mixin called ceaser. You pass what type of easing you would like to the mixin and it will apply the correct cubic-bezier transition timing function for you. You can then pass the transition property (defaults to all), the transition duration (defaults to 500ms), and the transition delay (defaults to 0).
|
110
110
|
|
111
111
|
# The ceaser easing mixin with its argument descriptions
|
112
|
-
@mixin ceaser-transition(
|
112
|
+
@mixin ceaser-transition(transition property, duration, ease type, delay)
|
113
113
|
|
114
114
|
# Example mixin call that will create a 3 second transition with the ease type of ease-in
|
115
|
-
@include ceaser-transition($ease-in
|
115
|
+
@include ceaser-transition(all, 3s, $ease-in)
|
116
116
|
|
117
117
|
# Example mixin call that will create a 500 milliseconds transition on only the width property with a delay of 1 second
|
118
|
-
@include ceaser-transition(
|
118
|
+
@include ceaser-transition(width, 500ms, $easeInOutExpo, 1s)
|
119
119
|
|
120
120
|
|
121
121
|
As an example, here is how create the above transition for an html element with id of box.
|
122
122
|
|
123
123
|
#box {
|
124
124
|
width: 500px;
|
125
|
-
@include ceaser-transition(
|
125
|
+
@include ceaser-transition(width, 500ms, $easeInOutExpo, 1s);
|
126
126
|
}
|
127
127
|
|
128
128
|
#box:hover {
|
data/ceaser-easing.gemspec
CHANGED
@@ -11,10 +11,9 @@ $ceaser-legacy: false !default
|
|
11
11
|
@else
|
12
12
|
@return cubic-bezier(unquote($type))
|
13
13
|
|
14
|
-
@mixin ceaser-transition($
|
14
|
+
@mixin ceaser-transition($properties: all, $duration: 500ms, $type: $ease, $delay: 0ms)
|
15
15
|
@if $ceaser-legacy
|
16
16
|
$easingValue : returnEaseType($type)
|
17
17
|
@include transition($properties $duration cubic-bezier(unquote($easingValue)) $delay)
|
18
18
|
@else
|
19
19
|
@include transition($properties $duration cubic-bezier(unquote($type)) $delay)
|
20
|
-
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: ceaser-easing
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: '0.7'
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,12 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2013-01
|
12
|
+
date: 2013-06-01 00:00:00.000000000 -07:00
|
13
|
+
default_executable:
|
13
14
|
dependencies:
|
14
15
|
- !ruby/object:Gem::Dependency
|
15
16
|
name: compass
|
16
|
-
requirement: !ruby/object:Gem::Requirement
|
17
|
+
requirement: &70179984636820 !ruby/object:Gem::Requirement
|
17
18
|
none: false
|
18
19
|
requirements:
|
19
20
|
- - ! '>='
|
@@ -21,12 +22,18 @@ dependencies:
|
|
21
22
|
version: 0.12.2
|
22
23
|
type: :runtime
|
23
24
|
prerelease: false
|
24
|
-
version_requirements:
|
25
|
+
version_requirements: *70179984636820
|
26
|
+
- !ruby/object:Gem::Dependency
|
27
|
+
name: rake
|
28
|
+
requirement: &70179984631860 !ruby/object:Gem::Requirement
|
25
29
|
none: false
|
26
30
|
requirements:
|
27
31
|
- - ! '>='
|
28
32
|
- !ruby/object:Gem::Version
|
29
|
-
version: 0
|
33
|
+
version: '0'
|
34
|
+
type: :runtime
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: *70179984631860
|
30
37
|
description: a css transition implementation of the Penner equations based on @matthewlein
|
31
38
|
css conversions for compass
|
32
39
|
email:
|
@@ -50,6 +57,7 @@ files:
|
|
50
57
|
- stylesheets/ceaser-easing/_easing-vars.sass
|
51
58
|
- templates/project/_ceaser.sass
|
52
59
|
- templates/project/manifest.rb
|
60
|
+
has_rdoc: true
|
53
61
|
homepage: https://github.com/jhardy/compass-ceaser-easing
|
54
62
|
licenses: []
|
55
63
|
post_install_message:
|
@@ -62,15 +70,21 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
62
70
|
- - ! '>='
|
63
71
|
- !ruby/object:Gem::Version
|
64
72
|
version: '0'
|
73
|
+
segments:
|
74
|
+
- 0
|
75
|
+
hash: 1026617544876629874
|
65
76
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
66
77
|
none: false
|
67
78
|
requirements:
|
68
79
|
- - ! '>='
|
69
80
|
- !ruby/object:Gem::Version
|
70
81
|
version: '0'
|
82
|
+
segments:
|
83
|
+
- 0
|
84
|
+
hash: 1026617544876629874
|
71
85
|
requirements: []
|
72
86
|
rubyforge_project:
|
73
|
-
rubygems_version: 1.
|
87
|
+
rubygems_version: 1.6.2
|
74
88
|
signing_key:
|
75
89
|
specification_version: 3
|
76
90
|
summary: a css transition implementation of the Penner equations based on @matthewlein
|