flint-gs 1.3.5 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
data/stylesheets/flint/functions/lib/_string-to-list.scss CHANGED
@@ -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) {
data/stylesheets/flint/functions/lib/_string-to-number.scss CHANGED
@@ -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';
data/stylesheets/flint/mixins/lib/_clearfix.scss CHANGED
@@ -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;
data/stylesheets/flint/mixins/lib/_flint-calculate.scss CHANGED
@@ -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;