comparison default/assets/scss/vendors/bourbon/library/_position.scss @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 @charset "UTF-8";
2
3 /// Provides a quick method for setting an element’s position. Use a `null`
4 /// value to “skip” a side.
5 ///
6 /// @argument {string} $position [relative]
7 /// A CSS position value.
8 ///
9 /// @argument {arglist} $coordinates [null]
10 /// List of lengths, defined as CSS shorthand.
11 ///
12 /// @example scss
13 /// .element {
14 /// @include position(absolute, 0 null null 10em);
15 /// }
16 ///
17 /// // CSS Output
18 /// .element {
19 /// left: 10em;
20 /// position: absolute;
21 /// top: 0;
22 /// }
23 ///
24 /// @require {function} _is-length
25 ///
26 /// @require {function} _unpack
27
28 @mixin position(
29 $position: relative,
30 $coordinates: null
31 ) {
32
33 @if type-of($position) == list {
34 $coordinates: $position;
35 $position: relative;
36 }
37
38 $coordinates: _unpack($coordinates);
39
40 $offsets: (
41 top: nth($coordinates, 1),
42 right: nth($coordinates, 2),
43 bottom: nth($coordinates, 3),
44 left: nth($coordinates, 4),
45 );
46
47 position: $position;
48
49 @each $offset, $value in $offsets {
50 @if _is-length($value) {
51 #{$offset}: $value;
52 }
53 }
54 }