scss_helpers 0.0.3 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/assets/stylesheets/helpers.scss +30 -0
- data/lib/scss_helpers/version.rb +1 -1
- metadata +2 -2
|
@@ -64,6 +64,17 @@
|
|
|
64
64
|
-webkit-opacity: $opacity;
|
|
65
65
|
opacity: $opacity;
|
|
66
66
|
}
|
|
67
|
+
@mixin background-opacity($color, $alpha) {
|
|
68
|
+
// $color: #000 - #fff, $alpha: 0 - 1
|
|
69
|
+
$rgba: rgba($color, $alpha);
|
|
70
|
+
$ie-alpha: $alpha * 100;
|
|
71
|
+
$ie-hex-str: ie_hex_str($rgba);
|
|
72
|
+
background-color: $rgba;
|
|
73
|
+
filter: alpha(opacity=$ie-alpha);
|
|
74
|
+
.ie & {
|
|
75
|
+
background-color: $color;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
67
78
|
@mixin transition-duration( $duration: 0.6s ) {
|
|
68
79
|
-moz-transition-duration: $duration;
|
|
69
80
|
-webkit-transition-duration: $duration;
|
|
@@ -79,6 +90,17 @@
|
|
|
79
90
|
-moz-transform: rotate( $deg );
|
|
80
91
|
transform: rotate( $deg );
|
|
81
92
|
}
|
|
93
|
+
@mixin rotateX( $deg: 90deg ) {
|
|
94
|
+
-webkit-transform: rotateX( $deg );
|
|
95
|
+
-moz-transform: rotateX( $deg );
|
|
96
|
+
transform: rotateX( $deg );
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
@mixin rotateY( $deg: 90deg ) {
|
|
100
|
+
-webkit-transform: rotateY( $deg );
|
|
101
|
+
-moz-transform: rotateY( $deg );
|
|
102
|
+
transform: rotateY( $deg );
|
|
103
|
+
}
|
|
82
104
|
@mixin scale( $ratio: 1.5 ) {
|
|
83
105
|
-webkit-transform: scale( $ratio );
|
|
84
106
|
-moz-transform: scale( $ratio );
|
|
@@ -126,3 +148,11 @@
|
|
|
126
148
|
url('#{$font-url}.svg#svg#{$font-name}') format('svg');
|
|
127
149
|
}
|
|
128
150
|
}
|
|
151
|
+
|
|
152
|
+
@mixin sticky() {
|
|
153
|
+
position: -webkit-sticky;
|
|
154
|
+
position: -moz-sticky;
|
|
155
|
+
position: -o-sticky;
|
|
156
|
+
position: -ms-sticky;
|
|
157
|
+
position: sticky;
|
|
158
|
+
}
|
data/lib/scss_helpers/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: scss_helpers
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.4
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date:
|
|
12
|
+
date: 2013-02-28 00:00:00.000000000 Z
|
|
13
13
|
dependencies: []
|
|
14
14
|
description: Cross-broswer css mixins
|
|
15
15
|
email:
|