bourbon 4.1.1 → 4.2.0.beta
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 +4 -4
- data/.gitignore +4 -3
- data/.hound.yml +4 -0
- data/.npmignore +5 -2
- data/.scss-lint.yml +175 -0
- data/README.md +7 -12
- data/Rakefile +6 -4
- data/app/assets/stylesheets/_bourbon-deprecated-upcoming.scss +16 -7
- data/app/assets/stylesheets/_bourbon.scss +27 -26
- data/app/assets/stylesheets/addons/_border-color.scss +26 -0
- data/app/assets/stylesheets/addons/_border-radius.scss +48 -0
- data/app/assets/stylesheets/addons/_border-style.scss +25 -0
- data/app/assets/stylesheets/addons/_border-width.scss +25 -0
- data/app/assets/stylesheets/addons/_buttons.scss +64 -0
- data/app/assets/stylesheets/addons/_clearfix.scss +17 -10
- data/app/assets/stylesheets/addons/_ellipsis.scss +22 -0
- data/app/assets/stylesheets/addons/{_font-family.scss → _font-stacks.scss} +26 -0
- data/app/assets/stylesheets/addons/_hide-text.scss +23 -8
- data/app/assets/stylesheets/addons/_margin.scss +26 -0
- data/app/assets/stylesheets/addons/_padding.scss +26 -0
- data/app/assets/stylesheets/addons/_position.scss +24 -2
- data/app/assets/stylesheets/addons/_prefixer.scss +36 -15
- data/app/assets/stylesheets/addons/_size.scss +30 -1
- data/app/assets/stylesheets/addons/_text-inputs.scss +112 -0
- data/app/assets/stylesheets/addons/_timing-functions.scss +7 -5
- data/app/assets/stylesheets/addons/_triangle.scss +11 -11
- data/app/assets/stylesheets/addons/_word-wrap.scss +19 -0
- data/app/assets/stylesheets/css3/_animation.scss +14 -23
- data/app/assets/stylesheets/css3/_appearance.scss +1 -1
- data/app/assets/stylesheets/css3/_backface-visibility.scss +0 -3
- data/app/assets/stylesheets/css3/_background-image.scss +1 -1
- data/app/assets/stylesheets/css3/_background.scss +3 -3
- data/app/assets/stylesheets/css3/_border-image.scss +3 -3
- data/app/assets/stylesheets/css3/_calc.scss +1 -1
- data/app/assets/stylesheets/css3/_columns.scss +8 -8
- data/app/assets/stylesheets/css3/_filter.scss +0 -1
- data/app/assets/stylesheets/css3/_flex-box.scss +16 -47
- data/app/assets/stylesheets/css3/_font-feature-settings.scss +1 -7
- data/app/assets/stylesheets/css3/_hyphens.scss +2 -2
- data/app/assets/stylesheets/css3/_image-rendering.scss +6 -6
- data/app/assets/stylesheets/css3/_keyframes.scss +1 -0
- data/app/assets/stylesheets/css3/_linear-gradient.scss +11 -11
- data/app/assets/stylesheets/css3/_radial-gradient.scss +14 -14
- data/app/assets/stylesheets/css3/_selection.scss +39 -11
- data/app/assets/stylesheets/css3/_transform.scss +5 -5
- data/app/assets/stylesheets/css3/_transition.scss +17 -23
- data/app/assets/stylesheets/css3/_user-select.scss +2 -2
- data/app/assets/stylesheets/functions/{_assign.scss → _assign-inputs.scss} +2 -2
- data/app/assets/stylesheets/functions/_contains-falsy.scss +20 -0
- data/app/assets/stylesheets/functions/_contains.scss +16 -2
- data/app/assets/stylesheets/functions/_is-length.scss +5 -1
- data/app/assets/stylesheets/functions/_is-light.scss +21 -0
- data/app/assets/stylesheets/functions/_is-number.scss +11 -0
- data/app/assets/stylesheets/functions/_is-size.scss +8 -1
- data/app/assets/stylesheets/functions/_px-to-em.scss +2 -2
- data/app/assets/stylesheets/functions/_px-to-rem.scss +2 -2
- data/app/assets/stylesheets/functions/_shade.scss +24 -0
- data/app/assets/stylesheets/functions/_strip-units.scss +15 -3
- data/app/assets/stylesheets/functions/_tint.scss +24 -0
- data/app/assets/stylesheets/functions/_transition-property-name.scss +14 -14
- data/app/assets/stylesheets/functions/_unpack.scss +18 -8
- data/app/assets/stylesheets/helpers/_convert-units.scss +2 -2
- data/app/assets/stylesheets/helpers/_directional-values.scss +96 -0
- data/app/assets/stylesheets/helpers/_font-source-declaration.scss +2 -1
- data/app/assets/stylesheets/helpers/_linear-gradient-parser.scss +1 -1
- data/app/assets/stylesheets/helpers/_linear-positions-parser.scss +1 -1
- data/app/assets/stylesheets/helpers/_radial-arg-parser.scss +10 -10
- data/app/assets/stylesheets/helpers/_radial-gradient-parser.scss +4 -4
- data/app/assets/stylesheets/helpers/_radial-positions-parser.scss +2 -2
- data/app/assets/stylesheets/helpers/_str-to-num.scss +3 -3
- data/app/assets/stylesheets/settings/_asset-pipeline.scss +6 -0
- data/app/assets/stylesheets/settings/_prefixer.scss +5 -2
- data/bourbon.gemspec +4 -2
- data/bower.json +8 -6
- data/lib/bourbon/version.rb +1 -1
- data/package.json +1 -1
- data/spec/bourbon/functions/assign_inputs_spec.rb +50 -0
- data/spec/bourbon/functions/contains_spec.rb +27 -0
- data/spec/bourbon/functions/is_length_spec.rb +49 -0
- data/spec/bourbon/functions/is_light_spec.rb +37 -0
- data/spec/bourbon/functions/is_number_spec.rb +43 -0
- data/spec/bourbon/functions/is_size_spec.rb +43 -0
- data/spec/bourbon/functions/modular_scale_spec.rb +43 -0
- data/spec/bourbon/functions/px_to_em_spec.rb +31 -0
- data/spec/fixtures/_setup.scss +1 -0
- data/spec/fixtures/functions/assign-inputs.scss +19 -0
- data/spec/fixtures/functions/contains.scss +28 -0
- data/spec/fixtures/functions/is-length.scss +35 -0
- data/spec/fixtures/functions/is-light.scss +29 -0
- data/spec/fixtures/functions/is-number.scss +31 -0
- data/spec/fixtures/functions/is-size.scss +31 -0
- data/spec/fixtures/functions/modular-scale.scss +29 -0
- data/spec/fixtures/functions/px-to-em.scss +17 -0
- data/spec/spec_helper.rb +22 -0
- data/spec/support/matchers/be_contained_in.rb +10 -0
- data/spec/support/matchers/have_rule.rb +35 -0
- data/spec/support/matchers/have_value.rb +15 -0
- data/spec/support/parser_support.rb +16 -0
- data/spec/support/sass_support.rb +10 -0
- metadata +102 -19
- data/app/assets/stylesheets/addons/_directional-values.scss +0 -111
- data/app/assets/stylesheets/addons/_html5-input-types.scss +0 -90
- data/app/assets/stylesheets/css3/_border-radius.scss +0 -22
- data/app/assets/stylesheets/css3/_box-sizing.scss +0 -4
- data/app/assets/stylesheets/functions/_color-lightness.scss +0 -13
- data/app/assets/stylesheets/functions/_tint-shade.scss +0 -9
- data/app/assets/stylesheets/helpers/_is-num.scss +0 -5
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
-ms-flex-order: $int; // IE 10
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
@mixin box-flex($value: 0
|
|
51
|
+
@mixin box-flex($value: 0) {
|
|
52
52
|
@include prefixer(box-flex, $value, webkit moz spec);
|
|
53
53
|
-ms-flex: $value; // IE 10
|
|
54
54
|
}
|
|
@@ -76,9 +76,7 @@
|
|
|
76
76
|
display: -moz-flex;
|
|
77
77
|
display: -ms-flexbox; // 2011 (IE 10)
|
|
78
78
|
display: flex;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@else if $value == "inline-flex" {
|
|
79
|
+
} @else if $value == "inline-flex" {
|
|
82
80
|
display: -webkit-inline-box;
|
|
83
81
|
display: -moz-inline-box;
|
|
84
82
|
display: inline-box;
|
|
@@ -87,9 +85,7 @@
|
|
|
87
85
|
display: -moz-inline-flex;
|
|
88
86
|
display: -ms-inline-flexbox;
|
|
89
87
|
display: inline-flex;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
@else {
|
|
88
|
+
} @else {
|
|
93
89
|
display: $value;
|
|
94
90
|
}
|
|
95
91
|
}
|
|
@@ -122,18 +118,12 @@
|
|
|
122
118
|
|
|
123
119
|
@if $value == row {
|
|
124
120
|
$value-2009: horizontal;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
@else if $value == "row-reverse" {
|
|
121
|
+
} @else if $value == "row-reverse" {
|
|
128
122
|
$value-2009: horizontal;
|
|
129
123
|
$direction: reverse;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
@else if $value == column {
|
|
124
|
+
} @else if $value == column {
|
|
133
125
|
$value-2009: vertical;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
@else if $value == "column-reverse" {
|
|
126
|
+
} @else if $value == "column-reverse" {
|
|
137
127
|
$value-2009: vertical;
|
|
138
128
|
$direction: reverse;
|
|
139
129
|
}
|
|
@@ -155,18 +145,13 @@
|
|
|
155
145
|
// 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
|
|
156
146
|
// 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
|
|
157
147
|
@mixin flex-wrap($value: nowrap) {
|
|
158
|
-
|
|
159
148
|
// Alt values
|
|
160
149
|
$alt-value: $value;
|
|
161
150
|
@if $value == nowrap {
|
|
162
151
|
$alt-value: single;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
@else if $value == wrap {
|
|
152
|
+
} @else if $value == wrap {
|
|
166
153
|
$alt-value: multiple;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
@else if $value == "wrap-reverse" {
|
|
154
|
+
} @else if $value == "wrap-reverse" {
|
|
170
155
|
$alt-value: multiple;
|
|
171
156
|
}
|
|
172
157
|
|
|
@@ -222,17 +207,11 @@
|
|
|
222
207
|
$alt-value: $value;
|
|
223
208
|
@if $value == "flex-start" {
|
|
224
209
|
$alt-value: start;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
@else if $value == "flex-end" {
|
|
210
|
+
} @else if $value == "flex-end" {
|
|
228
211
|
$alt-value: end;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
@else if $value == "space-between" {
|
|
212
|
+
} @else if $value == "space-between" {
|
|
232
213
|
$alt-value: justify;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
@else if $value == "space-around" {
|
|
214
|
+
} @else if $value == "space-around" {
|
|
236
215
|
$alt-value: distribute;
|
|
237
216
|
}
|
|
238
217
|
|
|
@@ -255,9 +234,7 @@
|
|
|
255
234
|
|
|
256
235
|
@if $value == "flex-start" {
|
|
257
236
|
$alt-value: start;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
@else if $value == "flex-end" {
|
|
237
|
+
} @else if $value == "flex-end" {
|
|
261
238
|
$alt-value: end;
|
|
262
239
|
}
|
|
263
240
|
|
|
@@ -278,9 +255,7 @@
|
|
|
278
255
|
$value-2011: $value;
|
|
279
256
|
@if $value == "flex-start" {
|
|
280
257
|
$value-2011: start;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
@else if $value == "flex-end" {
|
|
258
|
+
} @else if $value == "flex-end" {
|
|
284
259
|
$value-2011: end;
|
|
285
260
|
}
|
|
286
261
|
|
|
@@ -298,17 +273,11 @@
|
|
|
298
273
|
$value-2011: $value;
|
|
299
274
|
@if $value == "flex-start" {
|
|
300
275
|
$value-2011: start;
|
|
301
|
-
}
|
|
302
|
-
|
|
303
|
-
@else if $value == "flex-end" {
|
|
276
|
+
} @else if $value == "flex-end" {
|
|
304
277
|
$value-2011: end;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
@else if $value == "space-between" {
|
|
278
|
+
} @else if $value == "space-between" {
|
|
308
279
|
$value-2011: justify;
|
|
309
|
-
}
|
|
310
|
-
|
|
311
|
-
@else if $value == "space-around" {
|
|
280
|
+
} @else if $value == "space-around" {
|
|
312
281
|
$value-2011: distribute;
|
|
313
282
|
}
|
|
314
283
|
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
// Font feature settings mixin and property default.
|
|
2
|
-
// Examples: @include font-feature-settings("liga");
|
|
3
|
-
// @include font-feature-settings("lnum" false);
|
|
4
|
-
// @include font-feature-settings("pnum" 1, "kern" 0);
|
|
5
|
-
// @include font-feature-settings("ss01", "ss02");
|
|
6
|
-
|
|
7
1
|
@mixin font-feature-settings($settings...) {
|
|
8
2
|
@if length($settings) == 0 { $settings: none; }
|
|
9
3
|
@include prefixer(font-feature-settings, $settings, webkit moz ms spec);
|
|
10
|
-
}
|
|
4
|
+
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
@mixin image-rendering ($mode:auto) {
|
|
2
2
|
|
|
3
3
|
@if ($mode == crisp-edges) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
-ms-interpolation-mode: nearest-neighbor; // IE8+
|
|
5
|
+
image-rendering: -moz-crisp-edges;
|
|
6
|
+
image-rendering: -o-crisp-edges;
|
|
7
|
+
image-rendering: -webkit-optimize-contrast;
|
|
8
|
+
image-rendering: crisp-edges;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
@else {
|
|
12
|
-
|
|
12
|
+
image-rendering: $mode;
|
|
13
13
|
}
|
|
14
14
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@mixin linear-gradient($pos, $
|
|
2
|
-
$
|
|
3
|
-
$
|
|
4
|
-
$
|
|
5
|
-
$
|
|
1
|
+
@mixin linear-gradient($pos, $g1, $g2: null,
|
|
2
|
+
$g3: null, $g4: null,
|
|
3
|
+
$g5: null, $g6: null,
|
|
4
|
+
$g7: null, $g8: null,
|
|
5
|
+
$g9: null, $g10: null,
|
|
6
6
|
$fallback: null) {
|
|
7
7
|
// Detect what type of value exists in $pos
|
|
8
8
|
$pos-type: type-of(nth($pos, 1));
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
|
|
12
12
|
// If $pos is missing from mixin, reassign vars and add default position
|
|
13
13
|
@if ($pos-type == color) or (nth($pos, 1) == "transparent") {
|
|
14
|
-
$
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
$g10: $g9; $g9: $g8; $g8: $g7; $g7: $g6; $g6: $g5;
|
|
15
|
+
$g5: $g4; $g4: $g3; $g3: $g2; $g2: $g1; $g1: $pos;
|
|
16
|
+
$pos: null;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
@if $pos {
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
$pos-spec: nth($positions, 2);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
$full: $
|
|
25
|
+
$full: $g1, $g2, $g3, $g4, $g5, $g6, $g7, $g8, $g9, $g10;
|
|
26
26
|
|
|
27
|
-
// Set $
|
|
28
|
-
$fallback-color: nth($
|
|
27
|
+
// Set $g1 as the default fallback color
|
|
28
|
+
$fallback-color: nth($g1, 1);
|
|
29
29
|
|
|
30
30
|
// If $fallback is a color use that color as the fallback color
|
|
31
31
|
@if (type-of($fallback) == color) or ($fallback == "transparent") {
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
// Requires Sass 3.1+
|
|
2
|
-
@mixin radial-gradient($
|
|
3
|
-
$
|
|
4
|
-
$
|
|
5
|
-
$
|
|
6
|
-
$
|
|
2
|
+
@mixin radial-gradient($g1, $g2,
|
|
3
|
+
$g3: null, $g4: null,
|
|
4
|
+
$g5: null, $g6: null,
|
|
5
|
+
$g7: null, $g8: null,
|
|
6
|
+
$g9: null, $g10: null,
|
|
7
7
|
$pos: null,
|
|
8
8
|
$shape-size: null,
|
|
9
9
|
$fallback: null) {
|
|
10
10
|
|
|
11
|
-
$data: _radial-arg-parser($
|
|
12
|
-
$
|
|
13
|
-
$
|
|
11
|
+
$data: _radial-arg-parser($g1, $g2, $pos, $shape-size);
|
|
12
|
+
$g1: nth($data, 1);
|
|
13
|
+
$g2: nth($data, 2);
|
|
14
14
|
$pos: nth($data, 3);
|
|
15
15
|
$shape-size: nth($data, 4);
|
|
16
16
|
|
|
17
|
-
$full: $
|
|
17
|
+
$full: $g1, $g2, $g3, $g4, $g5, $g6, $g7, $g8, $g9, $g10;
|
|
18
18
|
|
|
19
19
|
// Strip deprecated cover/contain for spec
|
|
20
20
|
$shape-size-spec: _shape-size-stripper($shape-size);
|
|
21
21
|
|
|
22
|
-
// Set $
|
|
22
|
+
// Set $g1 as the default fallback color
|
|
23
23
|
$first-color: nth($full, 1);
|
|
24
24
|
$fallback-color: nth($first-color, 1);
|
|
25
25
|
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
// Add Commas and spaces
|
|
31
|
-
$shape-size: if($shape-size,
|
|
32
|
-
$pos: if($pos,
|
|
33
|
-
$pos-spec: if($pos,
|
|
34
|
-
$shape-size-spec: if(($shape-size-spec !=
|
|
31
|
+
$shape-size: if($shape-size, "#{$shape-size}, ", null);
|
|
32
|
+
$pos: if($pos, "#{$pos}, ", null);
|
|
33
|
+
$pos-spec: if($pos, "at #{$pos}", null);
|
|
34
|
+
$shape-size-spec: if(($shape-size-spec != " ") and ($pos == null), "#{$shape-size-spec}, ", "#{$shape-size-spec} ");
|
|
35
35
|
|
|
36
36
|
background-color: $fallback-color;
|
|
37
37
|
background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full}));
|
|
@@ -1,14 +1,42 @@
|
|
|
1
|
-
@
|
|
2
|
-
$before-colons: "";
|
|
1
|
+
@charset "UTF-8";
|
|
3
2
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
/// Outputs the spec and prefixed versions of the `::selection` pseudo-element.
|
|
4
|
+
///
|
|
5
|
+
/// @param {Bool} $current-selector [false]
|
|
6
|
+
/// If set to `true`, it takes the current element into consideration.
|
|
7
|
+
///
|
|
8
|
+
/// @example scss - Usage
|
|
9
|
+
/// .element {
|
|
10
|
+
/// @include selection(true) {
|
|
11
|
+
/// background-color: #ffbb52;
|
|
12
|
+
/// }
|
|
13
|
+
/// }
|
|
14
|
+
///
|
|
15
|
+
/// @example css - CSS Output
|
|
16
|
+
/// .element::-moz-selection {
|
|
17
|
+
/// background-color: #ffbb52;
|
|
18
|
+
/// }
|
|
19
|
+
///
|
|
20
|
+
/// .element::selection {
|
|
21
|
+
/// background-color: #ffbb52;
|
|
22
|
+
/// }
|
|
7
23
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
24
|
+
@mixin selection($current-selector: false) {
|
|
25
|
+
@if $current-selector {
|
|
26
|
+
&::-moz-selection {
|
|
27
|
+
@content;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&::selection {
|
|
31
|
+
@content;
|
|
32
|
+
}
|
|
33
|
+
} @else {
|
|
34
|
+
::-moz-selection {
|
|
35
|
+
@content;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
::selection {
|
|
39
|
+
@content;
|
|
40
|
+
}
|
|
13
41
|
}
|
|
14
|
-
}
|
|
42
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
@mixin transform($property: none) {
|
|
2
|
-
//
|
|
2
|
+
// none | <transform-function>
|
|
3
3
|
@include prefixer(transform, $property, webkit moz ms o spec);
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
@mixin transform-origin($axes: 50%) {
|
|
7
|
-
// x-axis - left | center | right | length | %
|
|
8
|
-
// y-axis - top | center | bottom | length | %
|
|
9
|
-
// z-axis - length
|
|
7
|
+
// x-axis - left | center | right | length | %
|
|
8
|
+
// y-axis - top | center | bottom | length | %
|
|
9
|
+
// z-axis - length
|
|
10
10
|
@include prefixer(transform-origin, $axes, webkit moz ms o spec);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
@mixin transform-style
|
|
13
|
+
@mixin transform-style($style: flat) {
|
|
14
14
|
@include prefixer(transform-style, $style, webkit moz ms o spec);
|
|
15
15
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
// @include transition (opacity 1s ease-in 2s, width 2s ease-out);
|
|
4
4
|
// @include transition-property (transform, opacity);
|
|
5
5
|
|
|
6
|
-
@mixin transition
|
|
6
|
+
@mixin transition($properties...) {
|
|
7
7
|
// Fix for vendor-prefix transform property
|
|
8
8
|
$needs-prefixes: false;
|
|
9
9
|
$webkit: ();
|
|
@@ -28,15 +28,12 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
$webkit: append($webkit, $list1);
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
$webkit: append($webkit, $list, comma);
|
|
38
|
-
$moz: append($moz, $list, comma);
|
|
39
|
-
$spec: append($spec, $list, comma);
|
|
31
|
+
$moz: append($moz, $list2);
|
|
32
|
+
$spec: append($spec, $list3);
|
|
33
|
+
} @else {
|
|
34
|
+
$webkit: append($webkit, $list, comma);
|
|
35
|
+
$moz: append($moz, $list, comma);
|
|
36
|
+
$spec: append($spec, $list, comma);
|
|
40
37
|
}
|
|
41
38
|
}
|
|
42
39
|
|
|
@@ -44,34 +41,31 @@
|
|
|
44
41
|
-webkit-transition: $webkit;
|
|
45
42
|
-moz-transition: $moz;
|
|
46
43
|
transition: $spec;
|
|
47
|
-
}
|
|
48
|
-
@else {
|
|
44
|
+
} @else {
|
|
49
45
|
@if length($properties) >= 1 {
|
|
50
46
|
@include prefixer(transition, $properties, webkit moz spec);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@else {
|
|
47
|
+
} @else {
|
|
54
48
|
$properties: all 0.15s ease-out 0s;
|
|
55
49
|
@include prefixer(transition, $properties, webkit moz spec);
|
|
56
50
|
}
|
|
57
51
|
}
|
|
58
52
|
}
|
|
59
53
|
|
|
60
|
-
@mixin transition-property
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
54
|
+
@mixin transition-property($properties...) {
|
|
55
|
+
-webkit-transition-property: transition-property-names($properties, "webkit");
|
|
56
|
+
-moz-transition-property: transition-property-names($properties, "moz");
|
|
57
|
+
transition-property: transition-property-names($properties, false);
|
|
64
58
|
}
|
|
65
59
|
|
|
66
|
-
@mixin transition-duration
|
|
60
|
+
@mixin transition-duration($times...) {
|
|
67
61
|
@include prefixer(transition-duration, $times, webkit moz spec);
|
|
68
62
|
}
|
|
69
63
|
|
|
70
|
-
@mixin transition-timing-function
|
|
71
|
-
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
|
|
64
|
+
@mixin transition-timing-function($motions...) {
|
|
65
|
+
// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
|
|
72
66
|
@include prefixer(transition-timing-function, $motions, webkit moz spec);
|
|
73
67
|
}
|
|
74
68
|
|
|
75
|
-
@mixin transition-delay
|
|
69
|
+
@mixin transition-delay($times...) {
|
|
76
70
|
@include prefixer(transition-delay, $times, webkit moz spec);
|
|
77
71
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@mixin user-select($
|
|
2
|
-
@include prefixer(user-select, $
|
|
1
|
+
@mixin user-select($value: none) {
|
|
2
|
+
@include prefixer(user-select, $value, webkit moz ms spec);
|
|
3
3
|
}
|