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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
3.4.7 (Selective Steve)
dd30aa395ad7d0eef7c6da86fd68ab3a73971871
o:Sass::Tree::RootNode:@children[ o:Sass::Tree::CommentNode
:@value[I"�/*/ Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction.
*/
*/ @param {Number (unitless)} $n-columns (1)
*/ Number of columns by which the element shifts.
*/
*/ @example scss - Usage
*/ .element {
*/ @include shift(-3);
*/ }
*/
*/ @example css - CSS output
*/ .element {
*/ margin-left: -25.58941%;
*/ } */:ET:
@type:silent;[ :
@linei:
@options{ o:Sass::Tree::MixinDefNode
:
@nameI"
shift; T:
@args[[o:!Sass::Script::Tree::Variable;I"n-columns; T:@underscored_nameI"n_columns; T;i:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i:@offseti:
@end_poso;;i;i:
@fileI"'sass/plug-in/neat/grid/_shift.scss; T:@importero: Sass::Importers::Filesystem:
@rootI"&/Volumes/Works/htdocs/aiba/public; T:@real_rootI"&/Volumes/Works/htdocs/aiba/public; T:@same_name_warningso:Set:
@hash{ :@filename@;
@o: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number
;i:@numerator_units[ :@denominator_units[ :@originalI"1; F;
@;i;o; ;o;;i;i;o;;i;i ;@;@;!@:@splat0;[o:Sass::Tree::MixinNode;I"shift-in-context; T;[o;;I"n-columns; T;I"n_columns; T;i;o; ;o;;i;i";o;;i;i,;@;@;!@;
@:@keywordso:Sass::Util::NormalizedMap:@key_strings{ : @map{ ;'0:@kwarg_splat0;[ ;i;o; ;o;;i;i;o;;i;i-;@;@;
@;i;o; ;o;;i;i;o;;i;i";@;@:@has_childrenT;
@o;
;[I"/*/ Translates an element horizontally by a number of columns, in a specific nesting context.
*/
*/ @param {List} $shift
*/ A list containing the number of columns to shift (`$columns`) and the number of columns of the parent element (`$container-columns`).
*/
*/ The two values can be separated with any string such as `of`, `/`, etc.
*/
*/ @example scss - Usage
*/ .element {
*/ @include shift(-3 of 6);
*/ }
*/
*/ @example css - CSS output
*/ .element {
*/ margin-left: -52.41458%;
*/ } */; T;
;;[ ;i;
@o;
;I"shift-in-context; T;[[o;;I"
shift; T;I"
shift; T;i*;o; ;o;;i*;i;o;;i*;i$;@;@;!@;
@o:$Sass::Script::Tree::ListLiteral:@elements[o;;I"columns; T;I"columns; T;i*;o; ;o;;i*;i&;o;;i*;i.;@;@;!@;
@o;" ;o: Sass::Script::Value::String;I"of; T;
:identifier;
@;i*;o; ;o;;i*;i/;o;;i*;i1;@;@;!@o;;I"container-columns; T;I"container_columns; T;i*;o; ;o;;i*;i2;o;;i*;iD;@;@;!@;
@:@separator:
space;i*;o; ;o;;i*;i%;o;;i*;iD;@;@;!@;
@;'0;[o:Sass::Tree::VariableNode
;I"n-columns; T:
@expro: Sass::Script::Tree::Funcall;I"nth; T;[o;;I"
shift; T;I"
shift; T;i+;o; ;o;;i+;i;o;;i+;i;@;@;!@;
@o;" ;o;#
;i;$[ ;%@;&I"1; F;
@;i+;o; ;o;;i+;i ;o;;i+;i!;@;@;!@;)o;*;+{ ;,{ ;'0;-0;i+;o; ;o;;i+;i;o;;i+;i";@;@;!@;
@:
@guarded0:@global0;[ ;i+;o; ;o;;i+;i ;o;;i+;i";@;@;
@o;5
;I"parent-columns; T;6o;7;I"container-shift; T;[o;;I"
shift; T;I"
shift; T;i,;o; ;o;;i,;i);o;;i,;i/;@;@;!@;
@;)o;*;+{ ;,{ ;'0;-0;i,;o; ;o;;i,;i;o;;i,;i0;@;@;!@;
@;80;9T;[ ;i,;o; ;o;;i,;i ;o;;i,;i8;@;@;
@o;5
;I"direction; T;6o;7;I"get-direction; T;[o;;I"layout-direction; T;I"layout_direction; T;i.;o; ;o;;i.;i";o;;i.;i3;@;@;!@;
@o;;I"default-layout-direction; T;I"default_layout_direction; T;i.;o; ;o;;i.;i5;o;;i.;iN;@;@;!@;
@;)o;*;+{ ;,{ ;'0;-0;i.;o; ;o;;i.;i;o;;i.;iO;@;@;!@;
@;80;90;[ ;i.;o; ;o;;i.;i ;o;;i.;iO;@;@;
@o;5
;I"opposite-direction; T;6o;7;I"get-opposite-direction; T;[o;;I"direction; T;I"direction; T;i/;o; ;o;;i/;i4;o;;i/;i>;@;@;!@;
@;)o;*;+{ ;,{ ;'0;-0;i/;o; ;o;;i/;i;o;;i/;i?;@;@;!@;
@;80;90;[ ;i/;o; ;o;;i/;i ;o;;i/;i?;@;@;
@o:Sass::Tree::PropNode;[I"margin-; To:&Sass::Script::Tree::Interpolation:@before0: @mido;;I"opposite-direction; T;I"opposite_direction; T;i1;o; ;o;;i1;i;o;;i1;i$;@;@;!@;
@:@after0:@whitespace_beforeF:@whitespace_afterF:@originally_textF:@warn_for_color:warn_for_color;
@;i1;o; ;o;;i1;i;o;;i1;i%;@;@;!@;o:"Sass::Script::Tree::Operation:@operand1o;D;Eo;;I"n-columns; T;I"n_columns; T;i1;o; ;o;;i1;i';o;;i1;i1;@;@;!@;
@:@operand2o;7;I"flex-grid; T;[o;" ;o;#
;i;$[ ;%@;&I"1; F;
@;i1;o; ;o;;i1;i>;o;;i1;i?;@;@;!@o;;I"parent-columns; T;I"parent_columns; T;i1;o; ;o;;i1;iA;o;;i1;iP;@;@;!@;
@;)o;*;+{ ;,{ ;'0;-0;i1;o; ;o;;i1;i4;o;;i1;iQ;@;@;!@;
@:@operator:
times;i1;o; ;@�;o;;i1;iQ;@;@;!@;
@;Fo;D;Eo;;I"n-columns; T;I"n_columns; T;i1;o; ;o;;i1;iT;o;;i1;i^;@;@;!@;
@;Fo;7;I"flex-gutter; T;[o;;I"parent-columns; T;I"parent_columns; T;i1;o; ;o;;i1;im;o;;i1;i|;@;@;!@;
@;)o;*;+{ ;,{ ;'0;-0;i1;o; ;o;;i1;ia;o;;i1;i};@;@;!@;
@;G;H;i1;o; ;@�;o;;i1;i};@;@;!@;
@;G: plus;i1;o; ;@�;o;;i1;i};@;@;!@;
@:
@tabsi :@prop_syntax:new;[ ;i1;o; ;o;;i1;i;o;;i1;i};@;@:@name_source_rangeo; ;@;o;;i1;i%;@;@:@value_source_rangeo; ;o;;i1;i';@;@;@;
@o;
;[I" /* Reset nesting context */; T;
;;[ ;i3;
@o;5
;I"parent-columns; T;6o;;I"grid-columns; T;I"grid_columns; T;i4;o; ;o;;i4;i;o;;i4;i&;@;@;!@;
@;80;9T;[ ;i4;o; ;o;;i4;i ;o;;i4;i.;@;@;
@;i*;o; ;o;;i*;i;o;;i*;iF;@;@;.T;
@:@templateI"/// Translates an element horizontally by a number of columns. Positive arguments shift the element to the active layout direction, while negative ones shift it to the opposite direction.
///
/// @param {Number (unitless)} $n-columns (1)
/// Number of columns by which the element shifts.
///
/// @example scss - Usage
/// .element {
/// @include shift(-3);
/// }
///
/// @example css - CSS output
/// .element {
/// margin-left: -25.58941%;
/// }
@mixin shift($n-columns: 1) {
@include shift-in-context($n-columns);
}
/// Translates an element horizontally by a number of columns, in a specific nesting context.
///
/// @param {List} $shift
/// A list containing the number of columns to shift (`$columns`) and the number of columns of the parent element (`$container-columns`).
///
/// The two values can be separated with any string such as `of`, `/`, etc.
///
/// @example scss - Usage
/// .element {
/// @include shift(-3 of 6);
/// }
///
/// @example css - CSS output
/// .element {
/// margin-left: -52.41458%;
/// }
@mixin shift-in-context($shift: $columns of $container-columns) {
$n-columns: nth($shift, 1);
$parent-columns: container-shift($shift) !global;
$direction: get-direction($layout-direction, $default-layout-direction);
$opposite-direction: get-opposite-direction($direction);
margin-#{$opposite-direction}: $n-columns * flex-grid(1, $parent-columns) + $n-columns * flex-gutter($parent-columns);
// Reset nesting context
$parent-columns: $grid-columns !global;
}
; T;i;o; ;o;;i;i;o;;i;i;@;@;.T;
@
|