Nextrek
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
|
3.4.7 (Selective Steve)
b847f200463d9d45d1863415d567ed73e9018d3f
o:Sass::Tree::RootNode:@children[
o:Sass::Tree::CommentNode
:@value[I"/* Flexible grid */:ET:
@type:silent;[ :
@linei:
@options{ o:Sass::Tree::FunctionNode
:
@nameI"flex-grid; T:
@args[[o:!Sass::Script::Tree::Variable;I"columns; T:@underscored_nameI"columns; T;i:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i:@offseti:
@end_poso;;i;i":
@fileI"3sass/plug-in/bourbon/functions/_flex-grid.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@;
@0[o;;I"container-columns; T;I"container_columns; T;i;o; ;o;;i;i$;o;;i;i6;@;@;!@;
@o;;I"fg-max-columns; T;I"fg_max_columns; T;i;o; ;o;;i;i8;o;;i;iG;@;@;!@;
@:@splat0;[o:Sass::Tree::VariableNode
;I"
width; T:
@expro:"Sass::Script::Tree::Operation:@operand1o;%;&o;;I"columns; T;I"columns; T;i;o; ;o;;i;i;o;;i;i;@;@;!@;
@:@operand2o;;I"fg-column; T;I"fg_column; T;i;o; ;o;;i;i;o;;i;i%;@;@;!@;
@:@operator:
times;i;o; ;@2;o;;i;i%;@;@;!@;
@;'o;%;&o;%;&o;;I"columns; T;I"columns; T;i;o; ;o;;i;i);o;;i;i1;@;@;!@;
@;'o: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number
;i:@numerator_units[ :@denominator_units[ :@originalI"1; F;
@;i;o; ;o;;i;i4;o;;i;i5;@;@;!@;(:
minus;i;o; ;@B;o;;i;i5;@;@;!@;
@;'o;;I"fg-gutter; T;I"fg_gutter; T;i;o; ;o;;i;i9;o;;i;iC;@;@;!@;
@;(;);i;o; ;@B;o;;i;iC;@;@;!@;
@;(: plus;i;o; ;@2;o;;i;iC;@;@;!@;
@:
@guarded0:@global0;[ ;i;o; ;o;;i;i ;o;;i;iC;@;@;
@o;#
;I"container-width; T;$o;%;&o;%;&o;;I"container-columns; T;I"container_columns; T;i ;o; ;o;;i ;i;o;;i ;i,;@;@;!@;
@;'o;;I"fg-column; T;I"fg_column; T;i ;o; ;o;;i ;i/;o;;i ;i9;@;@;!@;
@;(;);i ;o; ;@d;o;;i ;i9;@;@;!@;
@;'o;%;&o;%;&o;;I"container-columns; T;I"container_columns; T;i ;o; ;o;;i ;i=;o;;i ;iO;@;@;!@;
@;'o;* ;o;+
;i;,[ ;-@G;.I"1; F;
@;i ;o; ;o;;i ;iR;o;;i ;iS;@;@;!@;(;/;i ;o; ;@t;o;;i ;iS;@;@;!@;
@;'o;;I"fg-gutter; T;I"fg_gutter; T;i ;o; ;o;;i ;iW;o;;i ;ia;@;@;!@;
@;(;);i ;o; ;@t;o;;i ;ia;@;@;!@;
@;(;0;i ;o; ;@d;o;;i ;ia;@;@;!@;
@;10;20;[ ;i ;o; ;o;;i ;i ;o;;i ;ia;@;@;
@o:Sass::Tree::ReturnNode
;$o: Sass::Script::Tree::Funcall;I"percentage; T;[o;%;&o;;I"
width; T;I"
width; T;i
;o; ;o;;i
;i;o;;i
;i!;@;@;!@;
@;'o;;I"container-width; T;I"container_width; T;i
;o; ;o;;i
;i$;o;;i
;i4;@;@;!@;
@;(:div;i
;o; ;@�;o;;i
;i4;@;@;!@;
@:@keywordso:Sass::Util::NormalizedMap:@key_strings{ : @map{ ;"0:@kwarg_splat0;i
;o; ;o;;i
;i;o;;i
;i5;@;@;!@;
@;[ ;i
;o; ;o;;i
;i;o;;i
;i5;@;@;
@;i;o; ;o;;i;i;o;;i;iI;@;@:@has_childrenT;
@o;
;[I"/* Flexible gutter */; T;
;;[ ;i
;
@o;
;I"flex-gutter; T;[[o;;I"container-columns; T;I"container_columns; T;i;o; ;o;;i;i;o;;i;i.;@;@;!@;
@o;;I"fg-max-columns; T;I"fg_max_columns; T;i;o; ;o;;i;i0;o;;i;i?;@;@;!@;
@[o;;I"gutter; T;I"gutter; T;i;o; ;o;;i;iA;o;;i;iH;@;@;!@;
@o;;I"fg-gutter; T;I"fg_gutter; T;i;o; ;o;;i;iJ;o;;i;iT;@;@;!@;
@;"0;[o;#
;I"container-width; T;$o;%;&o;%;&o;;I"container-columns; T;I"container_columns; T;i;o; ;o;;i;i;o;;i;i,;@;@;!@;
@;'o;;I"fg-column; T;I"fg_column; T;i;o; ;o;;i;i/;o;;i;i9;@;@;!@;
@;(;);i;o; ;@�;o;;i;i9;@;@;!@;
@;'o;%;&o;%;&o;;I"container-columns; T;I"container_columns; T;i;o; ;o;;i;i=;o;;i;iO;@;@;!@;
@;'o;* ;o;+
;i;,[ ;-@G;.I"1; F;
@;i;o; ;o;;i;iR;o;;i;iS;@;@;!@;(;/;i;o; ;@�;o;;i;iS;@;@;!@;
@;'o;;I"fg-gutter; T;I"fg_gutter; T;i;o; ;o;;i;iW;o;;i;ia;@;@;!@;
@;(;);i;o; ;@�;o;;i;ia;@;@;!@;
@;(;0;i;o; ;@�;o;;i;ia;@;@;!@;
@;10;20;[ ;i;o; ;o;;i;i ;o;;i;ia;@;@;
@o;3
;$o;4;I"percentage; T;[o;%;&o;;I"gutter; T;I"gutter; T;i;o; ;o;;i;i;o;;i;i";@;@;!@;
@;'o;;I"container-width; T;I"container_width; T;i;o; ;o;;i;i%;o;;i;i5;@;@;!@;
@;(;5;i;o; ;@;o;;i;i5;@;@;!@;
@;6o;7;8{ ;9{ ;"0;:0;i;o; ;o;;i;i;o;;i;i6;@;@;!@;
@;[ ;i;o; ;o;;i;i;o;;i;i6;@;@;
@;i;o; ;o;;i;i;o;;i;iV;@;@;;T;
@o;
;[I"/* The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
* This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
*
* The calculation presumes that your column structure will be missing the last gutter:
*
* -- column -- gutter -- column -- gutter -- column
*
* $fg-column: 60px; // Column Width
* $fg-gutter: 25px; // Gutter Width
* $fg-max-columns: 12; // Total Columns For Main Container
*
* div {
* width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
* margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
*
* p {
* width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
* float: left;
* margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
* }
*
* blockquote {
* float: left;
* width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
* }
* } */; T;
;;[ ;i;
@:@templateI"8// Flexible grid
@function flex-grid($columns, $container-columns: $fg-max-columns) {
$width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
$container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
@return percentage($width / $container-width);
}
// Flexible gutter
@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
$container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
@return percentage($gutter / $container-width);
}
// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
//
// The calculation presumes that your column structure will be missing the last gutter:
//
// -- column -- gutter -- column -- gutter -- column
//
// $fg-column: 60px; // Column Width
// $fg-gutter: 25px; // Gutter Width
// $fg-max-columns: 12; // Total Columns For Main Container
//
// div {
// width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
//
// p {
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
// float: left;
// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
// }
//
// blockquote {
// float: left;
// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
// }
// }; T;i;o; ;o;;i;i;o;;i;i;@;@;;T;
@
|
Revision |
Author |
Commited |
Message |
1464
|
MOliva
|
Tue 13 Oct, 2020 11:16:56 +0000 |
|