-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
object-position.scss
29 lines (29 loc) · 974 Bytes
/
object-position.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
/// Sets alignment of replaced element contents, eg. image and video elements
/// @param {string} $value
/// @returns {CSS} - `Property: Value` with prefixed properties
/// @see {link} - https://developer.mozilla.org/en-US/docs/Web/CSS/object-position
/// @example - Available values
/// - `_number_ _number_`, eg. `50% 50%` or `250px 175px`
/// - `_direction_ _direction_`, eg. `right top`
/// @example scss - Usage of object-position
/// .example-class {
/// @include object-position($value: 50% 50%);
/// }
/// @example css - Results of object-position
/// .example-class {
/// -o-object-position: 50% 50%;
/// object-position: 50% 50%;
/// }
/// @requires {mixin} render-vendor-prefixes
/// @author S0AndS0
/// @license AGPL-3.0
@mixin object-position($value) {
@include render-vendor-prefixes(
$property: object-position,
$value: $value,
$vendor-list: (
-o, // Opera 12.0/11.0
),
$prefix: property,
);
}