flint-gs 1.3.5 → 1.3.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +86 -72
  3. data/lib/flint.rb +2 -2
  4. data/stylesheets/_flint.scss +3 -3
  5. data/stylesheets/flint/config/_config.scss +9 -9
  6. data/stylesheets/flint/functions/helpers/_helpers.scss +37 -31
  7. data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +14 -11
  8. data/stylesheets/flint/functions/lib/_calc-margin.scss +13 -13
  9. data/stylesheets/flint/functions/lib/_calc-width.scss +13 -13
  10. data/stylesheets/flint/functions/lib/_exists.scss +3 -3
  11. data/stylesheets/flint/functions/lib/_fluid-width.scss +3 -3
  12. data/stylesheets/flint/functions/lib/_get-family-instance.scss +3 -3
  13. data/stylesheets/flint/functions/lib/_get-index.scss +3 -3
  14. data/stylesheets/flint/functions/lib/_get-instance-value.scss +7 -7
  15. data/stylesheets/flint/functions/lib/_get-substring.scss +3 -3
  16. data/stylesheets/flint/functions/lib/_get-value.scss +7 -7
  17. data/stylesheets/flint/functions/lib/_instance.scss +10 -10
  18. data/stylesheets/flint/functions/lib/_last.scss +2 -2
  19. data/stylesheets/flint/functions/lib/_list-to-string.scss +3 -3
  20. data/stylesheets/flint/functions/lib/_map-fetch.scss +5 -6
  21. data/stylesheets/flint/functions/lib/_next-index.scss +6 -6
  22. data/stylesheets/flint/functions/lib/_purge.scss +2 -2
  23. data/stylesheets/flint/functions/lib/_remove.scss +4 -4
  24. data/stylesheets/flint/functions/lib/_replace.scss +4 -4
  25. data/stylesheets/flint/functions/lib/_steal-key.scss +4 -4
  26. data/stylesheets/flint/functions/lib/_steal-values.scss +3 -3
  27. data/stylesheets/flint/functions/lib/_string-to-list.scss +4 -4
  28. data/stylesheets/flint/functions/lib/_string-to-number.scss +3 -3
  29. data/stylesheets/flint/mixins/lib/_clearfix.scss +3 -2
  30. data/stylesheets/flint/mixins/lib/_flint-calculate.scss +115 -115
  31. data/stylesheets/flint/mixins/lib/_flint-main.scss +174 -141
  32. data/stylesheets/flint/mixins/lib/_new-instance.scss +9 -9
  33. data/stylesheets/flint/mixins/lib/_print-instance.scss +4 -4
  34. metadata +2 -2
@@ -1,10 +1,10 @@
1
1
  // Turns string into a flat list
2
2
  // -------------------------------------------------------------------------------
3
- // @param $string [String] : string
4
- // @param $find [Separator] : item to find which separates substrings (default is single space [" "])
5
- // @param $ignore [Separator] : removes remaining string beyond item (default is comma [","])
3
+ // @param $string [string] : string
4
+ // @param $find [string] : item to find which separates substrings (default is single space [" "])
5
+ // @param $ignore [string] : removes remaining string beyond item (default is comma [","])
6
6
  // -------------------------------------------------------------------------------
7
- // @return [List] | error
7
+ // @return [list] | error
8
8
 
9
9
  @function string-to-list($string, $find: " ", $ignore: ",") {
10
10
  @if is-string($string) {
@@ -2,10 +2,10 @@
2
2
  // -------------------------------------------------------------------------------
3
3
  // @documentation http://hugogiraudel.com/2014/01/15/sass-string-to-number/
4
4
  // -------------------------------------------------------------------------------
5
- // @param $number [Value] : number
6
- // @param $unit [Value] : unit
5
+ // @param $number [string] : number
6
+ // @param $unit [string] : unit
7
7
  // -------------------------------------------------------------------------------
8
- // @return [Value]
8
+ // @return [integer]
9
9
 
10
10
  @function num-length($number, $unit) {
11
11
  $strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
@@ -1,6 +1,7 @@
1
- // Mirco clearfix
1
+ // Micro clearfix
2
+ // -------------------------------------------------------------------------------
3
+ // @documentation http://nicolasgallagher.com/micro-clearfix-hack/
2
4
  // -------------------------------------------------------------------------------
3
- // @output [Styles...]
4
5
 
5
6
  @mixin clearfix {
6
7
  zoom: 1;
@@ -1,10 +1,10 @@
1
1
  // Outputs calculated styles
2
2
  // -------------------------------------------------------------------------------
3
- // @param $width [Value] : width
4
- // @param $margin-right [Value] : right margin
5
- // @param $margin-left [Value] : left margin
3
+ // @param $width [integer] : width
4
+ // @param $margin-right [integer] : right margin
5
+ // @param $margin-left [integer] : left margin
6
6
  // -------------------------------------------------------------------------------
7
- // @output [Styles...]
7
+ // @output outputs styles
8
8
 
9
9
  @mixin outputFlint ($width, $margin-right, $margin-left) {
10
10
  width: $width;
@@ -15,18 +15,18 @@
15
15
 
16
16
  // Calculate widths, save all variables to instance
17
17
  // -------------------------------------------------------------------------------
18
- // @param $calcKey [Values...] : breakpoint key
19
- // @param $calcSpan [Values...] : span
20
- // @param $calcContext [Values...] : context
21
- // @param $calcGutter [Values...] : gutter
22
- // @param $calcShift [Values...] : shift
23
- // @param $i [Index] : index if variable length is > 1
18
+ // @param $calcKey [string] : breakpoint key
19
+ // @param $calcSpan [integer] : span value
20
+ // @param $calcContext [integer] : context value
21
+ // @param $calcGutter [integer] : gutter value
22
+ // @param $calcShift [integer] : shift value
23
+ // @param $i [integer] : index if variable length is > 1
24
24
  // -------------------------------------------------------------------------------
25
- // @output [Styles...]
25
+ // @output calculated styles
26
26
 
27
- @mixin calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i: NULL) {
27
+ @mixin calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i: null) {
28
28
 
29
- @if $i != NULL {
29
+ @if $i != null {
30
30
 
31
31
  @if length($calcKey) > 1 {
32
32
  $calcKey: nth($calcKey, $i);
@@ -54,7 +54,7 @@
54
54
  $outputMarginLeft: 0;
55
55
 
56
56
  // First check if it's the default, so we don't hide the element on all breakpoints
57
- @if $calcKey == get-value(settings, default) {
57
+ @if $calcKey == get-value("settings", "default") {
58
58
  @include _($calcKey) {
59
59
  display: none;
60
60
  }
@@ -67,9 +67,9 @@
67
67
 
68
68
  } @else {
69
69
 
70
- @if $calcShift != NULL and $calcContext == NULL {
70
+ @if $calcShift != null and $calcContext == null {
71
71
 
72
- @if $calcGutter == NULL or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value(settings, gutter) != false {
72
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
73
73
 
74
74
  // Save to variables for instance creation
75
75
  $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
@@ -90,7 +90,7 @@
90
90
  // If debug mode, print instance
91
91
  @include debugPrintInstance($calcKey);
92
92
 
93
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
93
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
94
94
 
95
95
  $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
96
96
  $outputMarginRight: calc-margin($calcKey, $calcSpan);
@@ -106,7 +106,7 @@
106
106
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
107
107
  @include debugPrintInstance($calcKey);
108
108
 
109
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
109
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
110
110
 
111
111
  $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
112
112
  $outputMarginRight: calc-margin($calcKey, $calcSpan);
@@ -122,7 +122,7 @@
122
122
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
123
123
  @include debugPrintInstance($calcKey);
124
124
 
125
- } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
125
+ } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
126
126
 
127
127
  $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan)));
128
128
  $outputMarginRight: 0;
@@ -138,7 +138,7 @@
138
138
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
139
139
  @include debugPrintInstance($calcKey);
140
140
 
141
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value(settings, gutter) == false {
141
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
142
142
 
143
143
  $outputWidth: (calc-width($calcKey, $calcSpan));
144
144
  $outputMarginRight: 0;
@@ -155,23 +155,23 @@
155
155
  @include debugPrintInstance($calcKey);
156
156
  }
157
157
 
158
- } @else if $calcContext != NULL {
158
+ } @else if $calcContext != null {
159
159
  // Check if parent instance exists
160
160
  $exists: get-family-instance($calcKey);
161
161
 
162
- @if $calcShift != NULL {
163
- @if $calcGutter == NULL or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value(settings, gutter) != false {
162
+ @if $calcShift != null {
163
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
164
164
  // Check if context is set to auto
165
165
  @if $calcContext == "auto" {
166
166
  // Does parent exist?
167
167
  @if $exists != false {
168
- @if get-value(settings, grid) == "fluid" {
168
+ @if get-value("settings", "grid") == "fluid" {
169
169
 
170
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
171
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
170
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*2);
171
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
172
172
  $outputMarginLeft: ( if( $calcShift > 0,
173
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
174
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
173
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))),
174
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))))
175
175
  ));
176
176
 
177
177
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -181,13 +181,13 @@
181
181
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
182
182
  @include debugPrintInstance($calcKey);
183
183
 
184
- } @else if get-value(settings, grid) == "fixed" {
184
+ } @else if get-value("settings", "grid") == "fixed" {
185
185
  // Get parent width instead of parent span for fixed grids
186
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
187
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
186
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*2);
187
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
188
188
  $outputMarginLeft: ( if( $calcShift > 0,
189
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
190
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
189
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))),
190
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))))
191
191
  ));
192
192
 
193
193
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -220,17 +220,17 @@
220
220
  @include debugPrintInstance($calcKey);
221
221
  }
222
222
 
223
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
223
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
224
224
 
225
225
  @if $calcContext == "auto" {
226
226
  @if $exists != false {
227
- @if get-value(settings, grid) == "fluid" {
227
+ @if get-value("settings", "grid") == "fluid" {
228
228
 
229
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
230
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
229
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*4);
230
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
231
231
  $outputMarginLeft: ( if( $calcShift > 0,
232
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
233
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
232
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))),
233
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))))
234
234
  ));
235
235
 
236
236
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -240,13 +240,13 @@
240
240
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
241
241
  @include debugPrintInstance($calcKey);
242
242
 
243
- } @else if get-value(settings, grid) == "fixed" {
243
+ } @else if get-value("settings", "grid") == "fixed" {
244
244
 
245
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
246
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
245
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*4);
246
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
247
247
  $outputMarginLeft: ( if( $calcShift > 0,
248
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
249
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
248
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))),
249
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))))
250
250
  ));
251
251
 
252
252
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -279,17 +279,17 @@
279
279
  @include debugPrintInstance($calcKey);
280
280
  }
281
281
 
282
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
282
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
283
283
 
284
284
  @if $calcContext == "auto" {
285
285
  @if $exists != false {
286
- @if get-value(settings, grid) == "fluid" {
286
+ @if get-value("settings", "grid") == "fluid" {
287
287
 
288
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
289
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
288
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))));
289
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
290
290
  $outputMarginLeft: ( if( $calcShift > 0,
291
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
292
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
291
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))),
292
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))
293
293
  ));
294
294
 
295
295
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -299,13 +299,13 @@
299
299
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
300
300
  @include debugPrintInstance($calcKey);
301
301
 
302
- } @else if get-value(settings, grid) == "fixed" {
302
+ } @else if get-value("settings", "grid") == "fixed" {
303
303
 
304
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
305
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
304
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))));
305
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
306
306
  $outputMarginLeft: ( if( $calcShift > 0,
307
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
308
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
307
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))),
308
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))
309
309
  ));
310
310
 
311
311
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -336,17 +336,17 @@
336
336
  @include debugPrintInstance($calcKey);
337
337
  }
338
338
 
339
- } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
339
+ } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
340
340
 
341
341
  @if $calcContext == "auto" {
342
342
  @if $exists != false {
343
- @if get-value(settings, grid) == "fluid" {
343
+ @if get-value("settings", "grid") == "fluid" {
344
344
 
345
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
345
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))));
346
346
  $outputMarginRight: 0;
347
347
  $outputMarginLeft: ( if( $calcShift > 0,
348
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
349
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
348
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))),
349
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))))
350
350
  ));
351
351
 
352
352
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -356,13 +356,13 @@
356
356
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
357
357
  @include debugPrintInstance($calcKey);
358
358
 
359
- } @else if get-value(settings, grid) == "fixed" {
359
+ } @else if get-value("settings", "grid") == "fixed" {
360
360
 
361
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
361
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))));
362
362
  $outputMarginRight: 0;
363
363
  $outputMarginLeft: ( if( $calcShift > 0,
364
- (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))),
365
- (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, span)))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))))
364
+ (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))),
365
+ (calc-margin($calcKey, -$calcSpan, to-number(get-instance-value($calcKey, "span")))) + (calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))))
366
366
  ));
367
367
 
368
368
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -393,17 +393,17 @@
393
393
  @include debugPrintInstance($calcKey);
394
394
  }
395
395
 
396
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value(settings, gutter) == false {
396
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
397
397
 
398
398
  @if $calcContext == "auto" {
399
399
  @if $exists != false {
400
- @if get-value(settings, grid) == "fluid" {
400
+ @if get-value("settings", "grid") == "fluid" {
401
401
 
402
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
402
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))));
403
403
  $outputMarginRight: 0;
404
404
  $outputMarginLeft: ( if( $calcShift > 0,
405
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
406
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
405
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))),
406
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))
407
407
  ));
408
408
 
409
409
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -413,13 +413,13 @@
413
413
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
414
414
  @include debugPrintInstance($calcKey);
415
415
 
416
- } @else if get-value(settings, grid) == "fixed" {
416
+ } @else if get-value("settings", "grid") == "fixed" {
417
417
 
418
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan);
418
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan);
419
419
  $outputMarginRight: 0;
420
420
  $outputMarginLeft: ( if( $calcShift > 0,
421
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span))),
422
- calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, span)))
421
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span"))),
422
+ calc-width($calcKey, $calcShift, to-number(get-instance-value($calcKey, "span")))
423
423
  ));
424
424
 
425
425
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -451,14 +451,14 @@
451
451
  }
452
452
  }
453
453
  } @else {
454
- @if $calcGutter == NULL or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value(settings, gutter) != false {
454
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
455
455
  @if $calcContext == "auto" {
456
456
  @if $exists != false {
457
- @if get-value(settings, grid) == "fluid" {
457
+ @if get-value("settings", "grid") == "fluid" {
458
458
 
459
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
460
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
461
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
459
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*2);
460
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
461
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
462
462
 
463
463
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
464
464
  @content;
@@ -467,11 +467,11 @@
467
467
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
468
468
  @include debugPrintInstance($calcKey);
469
469
 
470
- } @else if get-value(settings, grid) == "fixed" {
470
+ } @else if get-value("settings", "grid") == "fixed" {
471
471
 
472
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*2);
473
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
474
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
472
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*2);
473
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
474
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
475
475
 
476
476
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
477
477
  @content;
@@ -498,15 +498,15 @@
498
498
  @include debugPrintInstance($calcKey);
499
499
  }
500
500
 
501
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
501
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
502
502
 
503
503
  @if $calcContext == "auto" {
504
504
  @if $exists != false {
505
- @if get-value(settings, grid) == "fluid" {
505
+ @if get-value("settings", "grid") == "fluid" {
506
506
 
507
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
508
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
509
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
507
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*4);
508
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
509
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
510
510
 
511
511
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
512
512
  @content;
@@ -515,11 +515,11 @@
515
515
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
516
516
  @include debugPrintInstance($calcKey);
517
517
 
518
- } @else if get-value(settings, grid) == "fixed" {
518
+ } @else if get-value("settings", "grid") == "fixed" {
519
519
 
520
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))))*4);
521
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
522
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
520
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))))*4);
521
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
522
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
523
523
 
524
524
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
525
525
  @content;
@@ -547,14 +547,14 @@
547
547
  @include debugPrintInstance($calcKey);
548
548
  }
549
549
 
550
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
550
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
551
551
 
552
552
  @if $calcContext == "auto" {
553
553
  @if $exists != false {
554
- @if get-value(settings, grid) == "fluid" {
554
+ @if get-value("settings", "grid") == "fluid" {
555
555
 
556
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
557
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
556
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))));
557
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
558
558
  $outputMarginLeft: 0;
559
559
 
560
560
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -564,10 +564,10 @@
564
564
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
565
565
  @include debugPrintInstance($calcKey);
566
566
 
567
- } @else if get-value(settings, grid) == "fixed" {
567
+ } @else if get-value("settings", "grid") == "fixed" {
568
568
 
569
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
570
- $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
569
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))));
570
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
571
571
  $outputMarginLeft: 0;
572
572
 
573
573
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
@@ -595,15 +595,15 @@
595
595
  @include debugPrintInstance($calcKey);
596
596
  }
597
597
 
598
- } @else if $calcGutter == "omega" or $calcGutter =="no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
598
+ } @else if $calcGutter == "omega" or $calcGutter =="no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
599
599
 
600
600
  @if $calcContext == "auto" {
601
601
  @if $exists != false {
602
- @if get-value(settings, grid) == "fluid" {
602
+ @if get-value("settings", "grid") == "fluid" {
603
603
 
604
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span))));
604
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))) - (calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))));
605
605
  $outputMarginRight: 0;
606
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
606
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
607
607
 
608
608
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
609
609
  @content;
@@ -612,11 +612,11 @@
612
612
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
613
613
  @include debugPrintInstance($calcKey);
614
614
 
615
- } @else if get-value(settings, grid) == "fixed" {
615
+ } @else if get-value("settings", "grid") == "fixed" {
616
616
 
617
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)))));
617
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan) - ((calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")))));
618
618
  $outputMarginRight: 0;
619
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
619
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
620
620
 
621
621
  @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
622
622
  @content;
@@ -643,13 +643,13 @@
643
643
  @include debugPrintInstance($calcKey);
644
644
  }
645
645
 
646
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value(settings, gutter) == false {
646
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
647
647
 
648
648
  @if $calcContext == "auto" {
649
649
  @if $exists != false {
650
- @if get-value(settings, grid) == "fluid" {
650
+ @if get-value("settings", "grid") == "fluid" {
651
651
 
652
- $outputWidth: calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, span)));
652
+ $outputWidth: calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
653
653
  $outputMarginRight: 0;
654
654
  $outputMarginLeft: 0;
655
655
 
@@ -660,9 +660,9 @@
660
660
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
661
661
  @include debugPrintInstance($calcKey);
662
662
 
663
- } @else if get-value(settings, grid) == "fixed" {
663
+ } @else if get-value("settings", "grid") == "fixed" {
664
664
 
665
- $outputWidth: (to-number(get-instance-value($calcKey, output, width)) / to-number(get-instance-value($calcKey, span)) * $calcSpan);
665
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan);
666
666
  $outputMarginRight: 0;
667
667
  $outputMarginLeft: 0;
668
668
 
@@ -695,7 +695,7 @@
695
695
 
696
696
  } @else {
697
697
 
698
- @if $calcGutter == NULL or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value(settings, gutter) != false {
698
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
699
699
 
700
700
  $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
701
701
  $outputMarginRight: calc-margin($calcKey, $calcSpan);
@@ -708,7 +708,7 @@
708
708
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
709
709
  @include debugPrintInstance($calcKey);
710
710
 
711
- } @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
711
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
712
712
 
713
713
  $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
714
714
  $outputMarginRight: calc-margin($calcKey, $calcSpan);
@@ -721,7 +721,7 @@
721
721
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
722
722
  @include debugPrintInstance($calcKey);
723
723
 
724
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
724
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
725
725
 
726
726
  $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
727
727
  $outputMarginRight: calc-margin($calcKey, $calcSpan);
@@ -734,7 +734,7 @@
734
734
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
735
735
  @include debugPrintInstance($calcKey);
736
736
 
737
- } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
737
+ } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
738
738
 
739
739
  $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
740
740
  $outputMarginRight: 0;
@@ -747,7 +747,7 @@
747
747
  @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
748
748
  @include debugPrintInstance($calcKey);
749
749
 
750
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value(settings, gutter) == false {
750
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
751
751
 
752
752
  $outputWidth: calc-width($calcKey, $calcSpan);
753
753
  $outputMarginRight: 0;