tamem-scss 1.0.2
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/LICENSE +21 -0
- data/README.md +102 -0
- data/bower.json +25 -0
- data/lib/tamem/scss.rb +7 -0
- data/lib/tamem/scss/version.rb +5 -0
- data/package.json +33 -0
- data/sass/_tamem.scss +6 -0
- data/sass/core/_animation.scss +318 -0
- data/sass/core/_flexbox.scss +321 -0
- data/sass/core/_helpers.scss +452 -0
- data/sass/core/_rounded.scss +143 -0
- data/sass/core/_transformation.scss +647 -0
- data/sass/core/_transition.scss +129 -0
- data/tamem-scss.gemspec +27 -0
- metadata +73 -0
@@ -0,0 +1,129 @@
|
|
1
|
+
///
|
2
|
+
/// Transition helper
|
3
|
+
///
|
4
|
+
/// @group transition
|
5
|
+
/// @param {string | number | list} $value
|
6
|
+
///
|
7
|
+
/// @example scss
|
8
|
+
/// .box {
|
9
|
+
/// @include transition(width ease-in .2s)
|
10
|
+
/// }
|
11
|
+
///
|
12
|
+
/// // CSS Output
|
13
|
+
/// .box {
|
14
|
+
/// -webkit-transition: width ease-in .2s;
|
15
|
+
/// -moz-transition: width ease-in .2s;
|
16
|
+
/// -o-transition: width ease-in .2s;
|
17
|
+
/// transition: width ease-in .2s;
|
18
|
+
/// }
|
19
|
+
///
|
20
|
+
@mixin transition($value) {
|
21
|
+
-webkit-transition: $value;
|
22
|
+
-moz-transition: $value;
|
23
|
+
-o-transition: $value;
|
24
|
+
transition: $value;
|
25
|
+
}
|
26
|
+
|
27
|
+
///
|
28
|
+
/// Transition delay helper
|
29
|
+
///
|
30
|
+
/// @group transition
|
31
|
+
/// @param {number} $value
|
32
|
+
///
|
33
|
+
/// @example scss
|
34
|
+
/// .box {
|
35
|
+
/// @include transition-delay(.2s)
|
36
|
+
/// }
|
37
|
+
///
|
38
|
+
/// // CSS Output
|
39
|
+
/// .box {
|
40
|
+
/// -webkit-transition-delay: .2s;
|
41
|
+
/// -moz-transition-delay: .2s;
|
42
|
+
/// -o-transition-delay: .2s;
|
43
|
+
/// transition-delay: .2s;
|
44
|
+
/// }
|
45
|
+
///
|
46
|
+
@mixin transition-delay($value) {
|
47
|
+
-webkit-transition-delay: $value;
|
48
|
+
-moz-transition-delay: $value;
|
49
|
+
-o-transition-delay: $value;
|
50
|
+
transition-delay: $value;
|
51
|
+
}
|
52
|
+
|
53
|
+
///
|
54
|
+
/// Transition duration helper
|
55
|
+
///
|
56
|
+
/// @group transition
|
57
|
+
/// @param {number} $value
|
58
|
+
///
|
59
|
+
/// @example scss
|
60
|
+
/// .box {
|
61
|
+
/// @include transition-duration(.2s)
|
62
|
+
/// }
|
63
|
+
///
|
64
|
+
/// // CSS Output
|
65
|
+
/// .box {
|
66
|
+
/// -webkit-transition-duration: .2s;
|
67
|
+
/// -moz-transition-duration: .2s;
|
68
|
+
/// -o-transition-duration: .2s;
|
69
|
+
/// transition-duration: .2s;
|
70
|
+
/// }
|
71
|
+
///
|
72
|
+
@mixin transition-duration($value) {
|
73
|
+
-webkit-transition-duration: $value;
|
74
|
+
-moz-transition-duration: $value;
|
75
|
+
-o-transition-duration: $value;
|
76
|
+
transition-duration: $value;
|
77
|
+
}
|
78
|
+
|
79
|
+
///
|
80
|
+
/// Transition property helper
|
81
|
+
///
|
82
|
+
/// @group transition
|
83
|
+
/// @param {string} $value - specifies the name of the CSS property
|
84
|
+
///
|
85
|
+
/// @example scss
|
86
|
+
/// .box {
|
87
|
+
/// @include transition-property(width);
|
88
|
+
/// }
|
89
|
+
///
|
90
|
+
/// // CSS Output
|
91
|
+
/// .box {
|
92
|
+
/// -webkit-transition-property: width;
|
93
|
+
/// -moz-transition-property: width;
|
94
|
+
/// -o-transition-property: width;
|
95
|
+
/// transition-property: width;
|
96
|
+
/// }
|
97
|
+
///
|
98
|
+
@mixin transition-property($value) {
|
99
|
+
-webkit-transition-property: $value;
|
100
|
+
-moz-transition-property: $value;
|
101
|
+
-o-transition-property: $value;
|
102
|
+
transition-property: $value;
|
103
|
+
}
|
104
|
+
|
105
|
+
///
|
106
|
+
/// Transition timing function helper
|
107
|
+
///
|
108
|
+
/// @group transition
|
109
|
+
/// @param {string} $value
|
110
|
+
///
|
111
|
+
/// @example scss
|
112
|
+
/// .box {
|
113
|
+
/// @include transition-timing-function(ease-in);
|
114
|
+
/// }
|
115
|
+
///
|
116
|
+
/// // CSS Output
|
117
|
+
/// .box {
|
118
|
+
/// -webkit-transition-timing-function: ease-in;
|
119
|
+
/// -moz-transition-timing-function: ease-in;
|
120
|
+
/// -o-transition-timing-function: ease-in;
|
121
|
+
/// transition-timing-function: ease-in;
|
122
|
+
/// }
|
123
|
+
///
|
124
|
+
@mixin transition-timing-function($value) {
|
125
|
+
-webkit-transition-timing-function: $value;
|
126
|
+
-moz-transition-timing-function: $value;
|
127
|
+
-o-transition-timing-function: $value;
|
128
|
+
transition-timing-function: $value;
|
129
|
+
}
|
data/tamem-scss.gemspec
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'tamem/scss/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = "tamem-scss"
|
8
|
+
spec.version = Tamem::Scss::VERSION
|
9
|
+
spec.authors = ["Fesuy"]
|
10
|
+
spec.email = ["fesuydev@gmail.com"]
|
11
|
+
|
12
|
+
spec.summary = %q{Sass helper for cross browser}
|
13
|
+
spec.description = %q{Tamem-scss is a cross browser helper for sass. You can enjoy coding without create vendor prefix :D.}
|
14
|
+
spec.homepage = "https://github.com/fesuydev/tamem-scss/"
|
15
|
+
spec.license = "MIT"
|
16
|
+
|
17
|
+
spec.add_runtime_dependency('sass', '~> 3.3')
|
18
|
+
|
19
|
+
spec.files = `git ls-files`.split($/).select {|f| File.exist?(f) && f =~ %r{^(lib|sass)/} }
|
20
|
+
spec.files += %w(
|
21
|
+
bower.json
|
22
|
+
LICENSE
|
23
|
+
tamem-scss.gemspec
|
24
|
+
package.json
|
25
|
+
README.md
|
26
|
+
)
|
27
|
+
end
|
metadata
ADDED
@@ -0,0 +1,73 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: tamem-scss
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 1.0.2
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Fesuy
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2017-02-07 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: sass
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '3.3'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '3.3'
|
27
|
+
description: Tamem-scss is a cross browser helper for sass. You can enjoy coding without
|
28
|
+
create vendor prefix :D.
|
29
|
+
email:
|
30
|
+
- fesuydev@gmail.com
|
31
|
+
executables: []
|
32
|
+
extensions: []
|
33
|
+
extra_rdoc_files: []
|
34
|
+
files:
|
35
|
+
- LICENSE
|
36
|
+
- README.md
|
37
|
+
- bower.json
|
38
|
+
- lib/tamem/scss.rb
|
39
|
+
- lib/tamem/scss/version.rb
|
40
|
+
- package.json
|
41
|
+
- sass/_tamem.scss
|
42
|
+
- sass/core/_animation.scss
|
43
|
+
- sass/core/_flexbox.scss
|
44
|
+
- sass/core/_helpers.scss
|
45
|
+
- sass/core/_rounded.scss
|
46
|
+
- sass/core/_transformation.scss
|
47
|
+
- sass/core/_transition.scss
|
48
|
+
- tamem-scss.gemspec
|
49
|
+
homepage: https://github.com/fesuydev/tamem-scss/
|
50
|
+
licenses:
|
51
|
+
- MIT
|
52
|
+
metadata: {}
|
53
|
+
post_install_message:
|
54
|
+
rdoc_options: []
|
55
|
+
require_paths:
|
56
|
+
- lib
|
57
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
58
|
+
requirements:
|
59
|
+
- - ">="
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: '0'
|
62
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
63
|
+
requirements:
|
64
|
+
- - ">="
|
65
|
+
- !ruby/object:Gem::Version
|
66
|
+
version: '0'
|
67
|
+
requirements: []
|
68
|
+
rubyforge_project:
|
69
|
+
rubygems_version: 2.2.2
|
70
|
+
signing_key:
|
71
|
+
specification_version: 4
|
72
|
+
summary: Sass helper for cross browser
|
73
|
+
test_files: []
|