-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
perspective.scss
35 lines (35 loc) · 1.09 KB
/
perspective.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
/// Sets distance between `z` plane origin and viewer, eg. values greater than `0` become larger
/// @param {string} $value
/// @returns {CSS} - `Property: Value` with prefixed properties
/// @see {link} - https://developer.mozilla.org/en-US/docs/Web/CSS/perspective
/// @example - Available values
/// - `_length_`
/// - `none`
/// - `initial`
/// - `inherit`
/// @example scss - Usage of perspective
/// .example-class {
/// @include perspective($value: 100px);
/// }
/// @example css - Results of perspective
/// .example-class {
/// -webkit-perspective: 100px;
/// -moz-perspective: 100px;
/// -ms-perspective: 100px;
/// perspective: 100px;
/// }
/// @requires {mixin} render-vendor-prefixes
/// @author S0AndS0
/// @license AGPL-3.0
@mixin perspective($value) {
@include render-vendor-prefixes(
$property: perspective,
$value: $value,
$vendor-list: (
-webkit, // Chrome 36.0/12.0, Opera 23.0/15.0, Safari 9.0/4.0.3
-moz, // Firefox 16.0/10.0
-ms, // ... more research needed..
),
$prefix: property,
);
}