flint-gs 1.6.0 → 1.6.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. data/LICENSE +21 -21
  2. data/README.md +900 -900
  3. data/lib/flint.rb +17 -17
  4. data/stylesheets/_flint.scss +6 -6
  5. data/stylesheets/flint/config/_config.scss +83 -83
  6. data/stylesheets/flint/functions/_functions.scss +41 -41
  7. data/stylesheets/flint/functions/helpers/_helpers.scss +178 -178
  8. data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +38 -38
  9. data/stylesheets/flint/functions/lib/_calc-margin.scss +31 -31
  10. data/stylesheets/flint/functions/lib/_calc-width.scss +44 -44
  11. data/stylesheets/flint/functions/lib/_exists.scss +21 -21
  12. data/stylesheets/flint/functions/lib/_fluid-width.scss +9 -9
  13. data/stylesheets/flint/functions/lib/_get-family-instance.scss +59 -59
  14. data/stylesheets/flint/functions/lib/_get-index.scss +14 -14
  15. data/stylesheets/flint/functions/lib/_get-instance-value.scss +19 -19
  16. data/stylesheets/flint/functions/lib/_get-substring.scss +23 -23
  17. data/stylesheets/flint/functions/lib/_get-value.scss +16 -16
  18. data/stylesheets/flint/functions/lib/_instance.scss +43 -43
  19. data/stylesheets/flint/functions/lib/_last.scss +8 -8
  20. data/stylesheets/flint/functions/lib/_list-to-string.scss +24 -24
  21. data/stylesheets/flint/functions/lib/_map-fetch.scss +33 -33
  22. data/stylesheets/flint/functions/lib/_next-index.scss +14 -14
  23. data/stylesheets/flint/functions/lib/_purge.scss +20 -20
  24. data/stylesheets/flint/functions/lib/_remove.scss +14 -14
  25. data/stylesheets/flint/functions/lib/_replace.scss +24 -24
  26. data/stylesheets/flint/functions/lib/_steal-key.scss +12 -12
  27. data/stylesheets/flint/functions/lib/_steal-values.scss +16 -16
  28. data/stylesheets/flint/functions/lib/_string-to-list.scss +84 -84
  29. data/stylesheets/flint/functions/lib/_string-to-number.scss +72 -72
  30. data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +25 -25
  31. data/stylesheets/flint/functions/lib/_support-syntax.scss +28 -28
  32. data/stylesheets/flint/functions/lib/_types-in-list.scss +120 -120
  33. data/stylesheets/flint/functions/lib/_use-syntax.scss +11 -11
  34. data/stylesheets/flint/globals/_globals.scss +22 -22
  35. data/stylesheets/flint/mixins/_mixins.scss +7 -7
  36. data/stylesheets/flint/mixins/lib/_calculate.scss +765 -765
  37. data/stylesheets/flint/mixins/lib/_clearfix.scss +18 -18
  38. data/stylesheets/flint/mixins/lib/_main.scss +910 -911
  39. data/stylesheets/flint/mixins/lib/_new-instance.scss +26 -26
  40. data/stylesheets/flint/mixins/lib/_print-instance.scss +41 -41
  41. metadata +21 -15
  42. checksums.yaml +0 -7
data/stylesheets/flint/functions/lib/_types-in-list.scss CHANGED
@@ -1,120 +1,120 @@
1
- // Checks type of each item in list
2
- // -------------------------------------------------------------------------------
3
- // @param $list [list] : list of items
4
- // @param $assert-types [string | list] : single or list of types to assert
5
- // @param $assert-length [number] : assert length of list
6
- // -------------------------------------------------------------------------------
7
- // @return [bool]
8
-
9
- @function types-in-list($list, $assert-types: null, $assert-length: null) {
10
- @if is-list($list) {
11
-
12
- // Assert types in list?
13
- // ----
14
- @if $assert-types {
15
-
16
- // Assert length of list?
17
- // ----
18
- @if $assert-length {
19
- // Get length of list
20
- $length: length($list);
21
-
22
- // Make sure lengths match
23
- @if $length == $assert-length {
24
- // Keep empty list of types
25
- $types: ();
26
-
27
- // List of asserted types?
28
- // ----
29
- @if is-list($assert-types) {
30
-
31
- // Make sure length of types match list
32
- // ----
33
- @if length($assert-types) == $length {
34
-
35
- // Loop over each item in list
36
- @for $i from 1 through $assert-length {
37
- $item: nth($list, $i);
38
- $type: nth($assert-types, $i);
39
-
40
- // Check if type of item matches asserted type
41
- @if type-of($item) != $type {
42
- @return false;
43
- }
44
-
45
- $types: append($types, $type);
46
- }
47
-
48
- // Lengths did not match
49
- // ----
50
- } @else {
51
- @return false;
52
- }
53
-
54
- // Assert a single type across list
55
- // ----
56
- } @else {
57
- // Assert single type
58
- $type: nth($assert-types, 1);
59
-
60
- // Loop over each item in list
61
- @for $i from 1 through $assert-length {
62
- $item: nth($list, $i);
63
-
64
- // Check if type of item matches asserted type
65
- @if type-of($item) != $type {
66
- @return false;
67
- }
68
- }
69
-
70
- $types: append($types, $type);
71
- }
72
-
73
- // Return list of types
74
- @return true; // $types;
75
-
76
- // Lengths did not match, return false
77
- } @else {
78
- @return false;
79
- }
80
-
81
- // Just assert types in list, any length
82
- // ----
83
- } @else {
84
- // Get asserted type
85
- $type: $assert-types;
86
-
87
- // Check each items type
88
- @each $item in $list {
89
- // Check if type of item matches asserted type
90
- @if type-of($item) != $type {
91
- @return false;
92
- }
93
- }
94
-
95
- // Passed check, return type
96
- @return true; // $type;
97
- }
98
-
99
- // Just assert type of first item in list
100
- // ----
101
- } @else {
102
- // Get type of first item in list
103
- $type: type-of(nth($list, 1));
104
-
105
- // Check each items type
106
- @each $item in $list {
107
- // Check if type of item matches asserted type
108
- @if type-of($item) != $type {
109
- @return false;
110
- }
111
- }
112
-
113
- // Passed check, return type
114
- @return true; // $type;
115
- }
116
- // Was not a list, return false
117
- } @else {
118
- @return false;
119
- }
120
- }
1
+ // Checks type of each item in list
2
+ // -------------------------------------------------------------------------------
3
+ // @param $list [list] : list of items
4
+ // @param $assert-types [string | list] : single or list of types to assert
5
+ // @param $assert-length [number] : assert length of list
6
+ // -------------------------------------------------------------------------------
7
+ // @return [bool]
8
+
9
+ @function types-in-list($list, $assert-types: null, $assert-length: null) {
10
+ @if is-list($list) {
11
+
12
+ // Assert types in list?
13
+ // ----
14
+ @if $assert-types {
15
+
16
+ // Assert length of list?
17
+ // ----
18
+ @if $assert-length {
19
+ // Get length of list
20
+ $length: length($list);
21
+
22
+ // Make sure lengths match
23
+ @if $length == $assert-length {
24
+ // Keep empty list of types
25
+ $types: ();
26
+
27
+ // List of asserted types?
28
+ // ----
29
+ @if is-list($assert-types) {
30
+
31
+ // Make sure length of types match list
32
+ // ----
33
+ @if length($assert-types) == $length {
34
+
35
+ // Loop over each item in list
36
+ @for $i from 1 through $assert-length {
37
+ $item: nth($list, $i);
38
+ $type: nth($assert-types, $i);
39
+
40
+ // Check if type of item matches asserted type
41
+ @if type-of($item) != $type {
42
+ @return false;
43
+ }
44
+
45
+ $types: append($types, $type);
46
+ }
47
+
48
+ // Lengths did not match
49
+ // ----
50
+ } @else {
51
+ @return false;
52
+ }
53
+
54
+ // Assert a single type across list
55
+ // ----
56
+ } @else {
57
+ // Assert single type
58
+ $type: nth($assert-types, 1);
59
+
60
+ // Loop over each item in list
61
+ @for $i from 1 through $assert-length {
62
+ $item: nth($list, $i);
63
+
64
+ // Check if type of item matches asserted type
65
+ @if type-of($item) != $type {
66
+ @return false;
67
+ }
68
+ }
69
+
70
+ $types: append($types, $type);
71
+ }
72
+
73
+ // Return list of types
74
+ @return true; // $types;
75
+
76
+ // Lengths did not match, return false
77
+ } @else {
78
+ @return false;
79
+ }
80
+
81
+ // Just assert types in list, any length
82
+ // ----
83
+ } @else {
84
+ // Get asserted type
85
+ $type: $assert-types;
86
+
87
+ // Check each items type
88
+ @each $item in $list {
89
+ // Check if type of item matches asserted type
90
+ @if type-of($item) != $type {
91
+ @return false;
92
+ }
93
+ }
94
+
95
+ // Passed check, return type
96
+ @return true; // $type;
97
+ }
98
+
99
+ // Just assert type of first item in list
100
+ // ----
101
+ } @else {
102
+ // Get type of first item in list
103
+ $type: type-of(nth($list, 1));
104
+
105
+ // Check each items type
106
+ @each $item in $list {
107
+ // Check if type of item matches asserted type
108
+ @if type-of($item) != $type {
109
+ @return false;
110
+ }
111
+ }
112
+
113
+ // Passed check, return type
114
+ @return true; // $type;
115
+ }
116
+ // Was not a list, return false
117
+ } @else {
118
+ @return false;
119
+ }
120
+ }
data/stylesheets/flint/functions/lib/_use-syntax.scss CHANGED
@@ -1,11 +1,11 @@
1
- // Use global syntax set through `set-syntax` mixin
2
- // -------------------------------------------------------------------------------
3
- // @param $selectors [string] : string of selectors to transform
4
- // -------------------------------------------------------------------------------
5
- // @return [list] : list of transformed selectors according to syntax
6
-
7
- @function use-syntax($selectors) {
8
- @if $flint__support-syntax {
9
- @return call("support-syntax", $flint__support-syntax, $selectors);
10
- }
11
- }
1
+ // Use global syntax set through `set-syntax` mixin
2
+ // -------------------------------------------------------------------------------
3
+ // @param $selectors [string] : string of selectors to transform
4
+ // -------------------------------------------------------------------------------
5
+ // @return [list] : list of transformed selectors according to syntax
6
+
7
+ @function use-syntax($selectors) {
8
+ @if $flint__support-syntax {
9
+ @return call("support-syntax", $flint__support-syntax, $selectors);
10
+ }
11
+ }
data/stylesheets/flint/globals/_globals.scss CHANGED
@@ -1,22 +1,22 @@
1
- // Set global variable to check if foundation has been applied globally
2
- // ----
3
- $flint__foundation: "nonexistant" !global;
4
-
5
- // Gather all keys, breakpoints and column counts
6
- // ----
7
- $flint__all__keys: get-all-keys() !global;
8
- $flint__all__breakpoints: get-all-breakpoints() !global;
9
- $flint__all__columns: get-all-columns() !global;
10
-
11
- // Keep track of all instances of mixin
12
- // ----
13
- $flint__instance-count: 0 !global;
14
- $flint__instances: () !global;
15
-
16
- // Font size for em calculation
17
- // ----
18
- $flint__base-font-size: 16px !global;
19
-
20
- // Global syntax support
21
- // ----
22
- $flint__support-syntax: get-value("settings", "support-syntax") !global;
1
+ // Set global variable to check if foundation has been applied globally
2
+ // ----
3
+ $flint__foundation: "nonexistant" !global;
4
+
5
+ // Gather all keys, breakpoints and column counts
6
+ // ----
7
+ $flint__all__keys: get-all-keys() !global;
8
+ $flint__all__breakpoints: get-all-breakpoints() !global;
9
+ $flint__all__columns: get-all-columns() !global;
10
+
11
+ // Keep track of all instances of mixin
12
+ // ----
13
+ $flint__instance-count: 0 !global;
14
+ $flint__instances: () !global;
15
+
16
+ // Font size for em calculation
17
+ // ----
18
+ $flint__base-font-size: 16px !global;
19
+
20
+ // Global syntax support
21
+ // ----
22
+ $flint__support-syntax: if(exists($flint, "support-syntax"), get-value("settings", "support-syntax"), false) !global;
data/stylesheets/flint/mixins/_mixins.scss CHANGED
@@ -1,7 +1,7 @@
1
- // Mixins
2
- // ----
3
- @import "lib/clearfix";
4
- @import "lib/new-instance";
5
- @import "lib/print-instance";
6
- @import "lib/calculate";
7
- @import "lib/main";
1
+ // Mixins
2
+ // ----
3
+ @import "lib/clearfix";
4
+ @import "lib/new-instance";
5
+ @import "lib/print-instance";
6
+ @import "lib/calculate";
7
+ @import "lib/main";
data/stylesheets/flint/mixins/lib/_calculate.scss CHANGED
@@ -1,766 +1,766 @@
1
- // Outputs calculated styles
2
- // -------------------------------------------------------------------------------
3
- // @param $width [number] : width
4
- // @param $margin-right [number] : right margin
5
- // @param $margin-left [number] : left margin
6
- // -------------------------------------------------------------------------------
7
- // @output outputs styles
8
-
9
- @mixin outputFlint ($width, $margin-right, $margin-left) {
10
- width: $width;
11
- margin-right: $margin-right;
12
- margin-left: $margin-left;
13
- @content;
14
- }
15
-
16
- // Calculate widths, save all variables to instance
17
- // -------------------------------------------------------------------------------
18
- // @param $calcKey [string] : breakpoint key
19
- // @param $calcSpan [number] : span value
20
- // @param $calcContext [number] : context value
21
- // @param $calcGutter [number] : gutter value
22
- // @param $calcShift [number] : shift value
23
- // @param $i [number] : index if variable length is > 1
24
- // -------------------------------------------------------------------------------
25
- // @output calculated styles
26
-
27
- @mixin calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i: null) {
28
-
29
- @if $i != null {
30
-
31
- @if length($calcKey) > 1 {
32
- $calcKey: nth($calcKey, $i);
33
- }
34
- @if length($calcSpan) > 1 {
35
- $calcSpan: nth($calcSpan, $i);
36
- }
37
- @if length($calcContext) > 1 {
38
- $calcContext: nth($calcContext, $i);
39
- }
40
- @if length($calcGutter) > 1 {
41
- $calcGutter: nth($calcGutter, $i);
42
- }
43
- @if length($calcShift) > 1 {
44
- $calcShift: nth($calcShift, $i);
45
- }
46
-
47
- }
48
-
49
- // Hide if span is zero
50
- @if $calcSpan == 0 {
51
-
52
- $outputWidth: 0;
53
- $outputMarginRight: 0;
54
- $outputMarginLeft: 0;
55
-
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") {
58
- @include _($calcKey) {
59
- display: none;
60
- }
61
- } @else {
62
- display: none;
63
- }
64
-
65
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
66
- @include debugPrintInstance($calcKey);
67
-
68
- } @else {
69
-
70
- @if $calcShift != null and $calcContext == null {
71
-
72
- @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
73
-
74
- // Save to variables for instance creation
75
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
76
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
77
- $outputMarginLeft: ( if( $calcShift > 0,
78
- (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
79
- (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
80
- ));
81
-
82
- // Output styles
83
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
84
- @content;
85
- }
86
-
87
- // Create new instance for memoization
88
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
89
-
90
- // If debug mode, print instance
91
- @include debugPrintInstance($calcKey);
92
-
93
- } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
94
-
95
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
96
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
97
- $outputMarginLeft: ( if( $calcShift > 0,
98
- (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
99
- (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
100
- ));
101
-
102
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
103
- @content;
104
- }
105
-
106
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
107
- @include debugPrintInstance($calcKey);
108
-
109
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
110
-
111
- $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
112
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
113
- $outputMarginLeft: ( if( $calcShift > 0,
114
- calc-width($calcKey, $calcShift),
115
- calc-width($calcKey, $calcShift)
116
- ));
117
-
118
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
119
- @content;
120
- }
121
-
122
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
123
- @include debugPrintInstance($calcKey);
124
-
125
- } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
126
-
127
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan)));
128
- $outputMarginRight: 0;
129
- $outputMarginLeft: ( if( $calcShift > 0,
130
- (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
131
- (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
132
- ));
133
-
134
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
135
- @content;
136
- }
137
-
138
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
139
- @include debugPrintInstance($calcKey);
140
-
141
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
142
-
143
- $outputWidth: (calc-width($calcKey, $calcSpan));
144
- $outputMarginRight: 0;
145
- $outputMarginLeft: ( if( $calcShift > 0,
146
- calc-width($calcKey, $calcShift),
147
- calc-width($calcKey, $calcShift)
148
- ));
149
-
150
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
151
- @content;
152
- }
153
-
154
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
155
- @include debugPrintInstance($calcKey);
156
- }
157
-
158
- } @else if $calcContext != null {
159
- // Check if parent instance exists
160
- $exists: get-family-instance($calcKey);
161
-
162
- @if $calcShift != null {
163
- @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
164
- // Check if context is set to auto
165
- @if $calcContext == "auto" {
166
- // Does parent exist?
167
- @if $exists != false {
168
- @if get-value("settings", "grid") == "fluid" {
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")));
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"))))
175
- ));
176
-
177
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
178
- @content;
179
- }
180
-
181
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
182
- @include debugPrintInstance($calcKey);
183
-
184
- } @else if get-value("settings", "grid") == "fixed" {
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")));
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"))))
191
- ));
192
-
193
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
194
- @content;
195
- }
196
-
197
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
198
- @include debugPrintInstance($calcKey);
199
-
200
- }
201
- } @else {
202
- // Else warn that context should not be set to `auto`
203
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
204
- }
205
- // Output styles normally if not set to auto
206
- } @else {
207
-
208
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
209
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
210
- $outputMarginLeft: ( if( $calcShift > 0,
211
- (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
212
- (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
213
- ));
214
-
215
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
216
- @content;
217
- }
218
-
219
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
220
- @include debugPrintInstance($calcKey);
221
- }
222
-
223
- } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
224
-
225
- @if $calcContext == "auto" {
226
- @if $exists != false {
227
- @if get-value("settings", "grid") == "fluid" {
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")));
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"))))
234
- ));
235
-
236
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
237
- @content;
238
- }
239
-
240
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
241
- @include debugPrintInstance($calcKey);
242
-
243
- } @else if get-value("settings", "grid") == "fixed" {
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")));
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"))))
250
- ));
251
-
252
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
253
- @content;
254
- }
255
-
256
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
257
- @include debugPrintInstance($calcKey);
258
-
259
- }
260
- } @else {
261
- // Else warn that context should not be set to `auto`
262
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
263
- }
264
- // Output styles normally if not set to auto
265
- } @else {
266
-
267
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
268
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
269
- $outputMarginLeft: ( if( $calcShift > 0,
270
- (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
271
- (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
272
- ));
273
-
274
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
275
- @content;
276
- }
277
-
278
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
279
- @include debugPrintInstance($calcKey);
280
- }
281
-
282
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
283
-
284
- @if $calcContext == "auto" {
285
- @if $exists != false {
286
- @if get-value("settings", "grid") == "fluid" {
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")));
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")))
293
- ));
294
-
295
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
296
- @content;
297
- }
298
-
299
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
300
- @include debugPrintInstance($calcKey);
301
-
302
- } @else if get-value("settings", "grid") == "fixed" {
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")));
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")))
309
- ));
310
-
311
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
312
- @content;
313
- }
314
-
315
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
316
- @include debugPrintInstance($calcKey);
317
-
318
- }
319
- } @else {
320
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
321
- }
322
- } @else {
323
-
324
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
325
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
326
- $outputMarginLeft: ( if( $calcShift > 0,
327
- calc-width($calcKey, $calcShift, $calcContext),
328
- calc-width($calcKey, $calcShift, $calcContext)
329
- ));
330
-
331
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
332
- @content;
333
- }
334
-
335
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
336
- @include debugPrintInstance($calcKey);
337
- }
338
-
339
- } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
340
-
341
- @if $calcContext == "auto" {
342
- @if $exists != false {
343
- @if get-value("settings", "grid") == "fluid" {
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")))));
346
- $outputMarginRight: 0;
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"))))
350
- ));
351
-
352
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
353
- @content;
354
- }
355
-
356
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
357
- @include debugPrintInstance($calcKey);
358
-
359
- } @else if get-value("settings", "grid") == "fixed" {
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")))));
362
- $outputMarginRight: 0;
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"))))
366
- ));
367
-
368
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
369
- @content;
370
- }
371
-
372
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
373
- @include debugPrintInstance($calcKey);
374
-
375
- }
376
- } @else {
377
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
378
- }
379
- } @else {
380
-
381
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext)));
382
- $outputMarginRight: 0;
383
- $outputMarginLeft: ( if( $calcShift > 0,
384
- (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
385
- (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
386
- ));
387
-
388
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
389
- @content;
390
- }
391
-
392
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
393
- @include debugPrintInstance($calcKey);
394
- }
395
-
396
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
397
-
398
- @if $calcContext == "auto" {
399
- @if $exists != false {
400
- @if get-value("settings", "grid") == "fluid" {
401
-
402
- $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))));
403
- $outputMarginRight: 0;
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")))
407
- ));
408
-
409
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
410
- @content;
411
- }
412
-
413
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
414
- @include debugPrintInstance($calcKey);
415
-
416
- } @else if get-value("settings", "grid") == "fixed" {
417
-
418
- $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan);
419
- $outputMarginRight: 0;
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")))
423
- ));
424
-
425
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
426
- @content;
427
- }
428
-
429
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
430
- @include debugPrintInstance($calcKey);
431
-
432
- }
433
- } @else {
434
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
435
- }
436
- } @else {
437
-
438
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext));
439
- $outputMarginRight: 0;
440
- $outputMarginLeft: ( if( $calcShift > 0,
441
- calc-width($calcKey, $calcShift, $calcContext),
442
- calc-width($calcKey, $calcShift, $calcContext)
443
- ));
444
-
445
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
446
- @content;
447
- }
448
-
449
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
450
- @include debugPrintInstance($calcKey);
451
- }
452
- }
453
- } @else {
454
- @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
455
- @if $calcContext == "auto" {
456
- @if $exists != false {
457
- @if get-value("settings", "grid") == "fluid" {
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")));
462
-
463
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
464
- @content;
465
- }
466
-
467
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
468
- @include debugPrintInstance($calcKey);
469
-
470
- } @else if get-value("settings", "grid") == "fixed" {
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")));
475
-
476
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
477
- @content;
478
- }
479
-
480
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
481
- @include debugPrintInstance($calcKey);
482
-
483
- }
484
- } @else {
485
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
486
- }
487
- } @else {
488
-
489
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
490
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
491
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
492
-
493
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
494
- @content;
495
- }
496
-
497
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
498
- @include debugPrintInstance($calcKey);
499
- }
500
-
501
- } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
502
-
503
- @if $calcContext == "auto" {
504
- @if $exists != false {
505
- @if get-value("settings", "grid") == "fluid" {
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")));
510
-
511
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
512
- @content;
513
- }
514
-
515
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
516
- @include debugPrintInstance($calcKey);
517
-
518
- } @else if get-value("settings", "grid") == "fixed" {
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")));
523
-
524
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
525
- @content;
526
- }
527
-
528
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
529
- @include debugPrintInstance($calcKey);
530
-
531
- }
532
-
533
- } @else {
534
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
535
- }
536
- } @else {
537
-
538
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
539
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
540
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
541
-
542
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
543
- @content;
544
- }
545
-
546
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
547
- @include debugPrintInstance($calcKey);
548
- }
549
-
550
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
551
-
552
- @if $calcContext == "auto" {
553
- @if $exists != false {
554
- @if get-value("settings", "grid") == "fluid" {
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")));
558
- $outputMarginLeft: 0;
559
-
560
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
561
- @content;
562
- }
563
-
564
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
565
- @include debugPrintInstance($calcKey);
566
-
567
- } @else if get-value("settings", "grid") == "fixed" {
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")));
571
- $outputMarginLeft: 0;
572
-
573
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
574
- @content;
575
- }
576
-
577
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
578
- @include debugPrintInstance($calcKey);
579
-
580
- }
581
- } @else {
582
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
583
- }
584
- } @else {
585
-
586
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
587
- $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
588
- $outputMarginLeft: 0;
589
-
590
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
591
- @content;
592
- }
593
-
594
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
595
- @include debugPrintInstance($calcKey);
596
- }
597
-
598
- } @else if $calcGutter == "omega" or $calcGutter =="no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
599
-
600
- @if $calcContext == "auto" {
601
- @if $exists != false {
602
- @if get-value("settings", "grid") == "fluid" {
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"))));
605
- $outputMarginRight: 0;
606
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
607
-
608
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
609
- @content;
610
- }
611
-
612
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
613
- @include debugPrintInstance($calcKey);
614
-
615
- } @else if get-value("settings", "grid") == "fixed" {
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")))));
618
- $outputMarginRight: 0;
619
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
620
-
621
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
622
- @content;
623
- }
624
-
625
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
626
- @include debugPrintInstance($calcKey);
627
-
628
- }
629
- } @else {
630
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
631
- }
632
- } @else {
633
-
634
- $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
635
- $outputMarginRight: 0;
636
- $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
637
-
638
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
639
- @content;
640
- }
641
-
642
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
643
- @include debugPrintInstance($calcKey);
644
- }
645
-
646
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
647
-
648
- @if $calcContext == "auto" {
649
- @if $exists != false {
650
- @if get-value("settings", "grid") == "fluid" {
651
-
652
- $outputWidth: calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
653
- $outputMarginRight: 0;
654
- $outputMarginLeft: 0;
655
-
656
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
657
- @content;
658
- }
659
-
660
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
661
- @include debugPrintInstance($calcKey);
662
-
663
- } @else if get-value("settings", "grid") == "fixed" {
664
-
665
- $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan);
666
- $outputMarginRight: 0;
667
- $outputMarginLeft: 0;
668
-
669
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
670
- @content;
671
- }
672
-
673
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
674
- @include debugPrintInstance($calcKey);
675
-
676
- }
677
- } @else {
678
- @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
679
- }
680
- } @else {
681
-
682
- $outputWidth: calc-width($calcKey, $calcSpan, $calcContext);
683
- $outputMarginRight: 0;
684
- $outputMarginLeft: 0;
685
-
686
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
687
- @content;
688
- }
689
-
690
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
691
- @include debugPrintInstance($calcKey);
692
- }
693
- }
694
- }
695
-
696
- } @else {
697
-
698
- @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
699
-
700
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
701
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
702
- $outputMarginLeft: calc-margin($calcKey, $calcSpan);
703
-
704
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
705
- @content;
706
- }
707
-
708
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
709
- @include debugPrintInstance($calcKey);
710
-
711
- } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
712
-
713
- $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
714
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
715
- $outputMarginLeft: calc-margin($calcKey, $calcSpan);
716
-
717
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
718
- @content;
719
- }
720
-
721
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
722
- @include debugPrintInstance($calcKey);
723
-
724
- } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
725
-
726
- $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
727
- $outputMarginRight: calc-margin($calcKey, $calcSpan);
728
- $outputMarginLeft: 0;
729
-
730
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
731
- @content;
732
- }
733
-
734
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
735
- @include debugPrintInstance($calcKey);
736
-
737
- } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
738
-
739
- $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
740
- $outputMarginRight: 0;
741
- $outputMarginLeft: calc-margin($calcKey, $calcSpan);
742
-
743
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
744
- @content;
745
- }
746
-
747
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
748
- @include debugPrintInstance($calcKey);
749
-
750
- } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
751
-
752
- $outputWidth: calc-width($calcKey, $calcSpan);
753
- $outputMarginRight: 0;
754
- $outputMarginLeft: 0;
755
-
756
- @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
757
- @content;
758
- }
759
-
760
- @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
761
- @include debugPrintInstance($calcKey);
762
-
763
- }
764
- }
765
- }
1
+ // Outputs calculated styles
2
+ // -------------------------------------------------------------------------------
3
+ // @param $width [number] : width
4
+ // @param $margin-right [number] : right margin
5
+ // @param $margin-left [number] : left margin
6
+ // -------------------------------------------------------------------------------
7
+ // @output outputs styles
8
+
9
+ @mixin outputFlint ($width, $margin-right, $margin-left) {
10
+ width: $width;
11
+ margin-right: $margin-right;
12
+ margin-left: $margin-left;
13
+ @content;
14
+ }
15
+
16
+ // Calculate widths, save all variables to instance
17
+ // -------------------------------------------------------------------------------
18
+ // @param $calcKey [string] : breakpoint key
19
+ // @param $calcSpan [number] : span value
20
+ // @param $calcContext [number] : context value
21
+ // @param $calcGutter [number] : gutter value
22
+ // @param $calcShift [number] : shift value
23
+ // @param $i [number] : index if variable length is > 1
24
+ // -------------------------------------------------------------------------------
25
+ // @output calculated styles
26
+
27
+ @mixin calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i: null) {
28
+
29
+ @if $i != null {
30
+
31
+ @if length($calcKey) > 1 {
32
+ $calcKey: nth($calcKey, $i);
33
+ }
34
+ @if length($calcSpan) > 1 {
35
+ $calcSpan: nth($calcSpan, $i);
36
+ }
37
+ @if length($calcContext) > 1 {
38
+ $calcContext: nth($calcContext, $i);
39
+ }
40
+ @if length($calcGutter) > 1 {
41
+ $calcGutter: nth($calcGutter, $i);
42
+ }
43
+ @if length($calcShift) > 1 {
44
+ $calcShift: nth($calcShift, $i);
45
+ }
46
+
47
+ }
48
+
49
+ // Hide if span is zero
50
+ @if $calcSpan == 0 {
51
+
52
+ $outputWidth: 0;
53
+ $outputMarginRight: 0;
54
+ $outputMarginLeft: 0;
55
+
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") {
58
+ @include _($calcKey) {
59
+ display: none;
60
+ }
61
+ } @else {
62
+ display: none;
63
+ }
64
+
65
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
66
+ @include debugPrintInstance($calcKey);
67
+
68
+ } @else {
69
+
70
+ @if $calcShift != null and $calcContext == null {
71
+
72
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
73
+
74
+ // Save to variables for instance creation
75
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
76
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
77
+ $outputMarginLeft: ( if( $calcShift > 0,
78
+ (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
79
+ (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
80
+ ));
81
+
82
+ // Output styles
83
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
84
+ @content;
85
+ }
86
+
87
+ // Create new instance for memoization
88
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
89
+
90
+ // If debug mode, print instance
91
+ @include debugPrintInstance($calcKey);
92
+
93
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
94
+
95
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
96
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
97
+ $outputMarginLeft: ( if( $calcShift > 0,
98
+ (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
99
+ (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
100
+ ));
101
+
102
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
103
+ @content;
104
+ }
105
+
106
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
107
+ @include debugPrintInstance($calcKey);
108
+
109
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
110
+
111
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
112
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
113
+ $outputMarginLeft: ( if( $calcShift > 0,
114
+ calc-width($calcKey, $calcShift),
115
+ calc-width($calcKey, $calcShift)
116
+ ));
117
+
118
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
119
+ @content;
120
+ }
121
+
122
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
123
+ @include debugPrintInstance($calcKey);
124
+
125
+ } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
126
+
127
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan)));
128
+ $outputMarginRight: 0;
129
+ $outputMarginLeft: ( if( $calcShift > 0,
130
+ (calc-margin($calcKey, $calcSpan)) + (calc-width($calcKey, $calcShift)),
131
+ (calc-margin($calcKey, -$calcSpan)) + (calc-width($calcKey, $calcShift))
132
+ ));
133
+
134
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
135
+ @content;
136
+ }
137
+
138
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
139
+ @include debugPrintInstance($calcKey);
140
+
141
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
142
+
143
+ $outputWidth: (calc-width($calcKey, $calcSpan));
144
+ $outputMarginRight: 0;
145
+ $outputMarginLeft: ( if( $calcShift > 0,
146
+ calc-width($calcKey, $calcShift),
147
+ calc-width($calcKey, $calcShift)
148
+ ));
149
+
150
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
151
+ @content;
152
+ }
153
+
154
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
155
+ @include debugPrintInstance($calcKey);
156
+ }
157
+
158
+ } @else if $calcContext != null {
159
+ // Check if parent instance exists
160
+ $exists: get-family-instance($calcKey);
161
+
162
+ @if $calcShift != null {
163
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
164
+ // Check if context is set to auto
165
+ @if $calcContext == "auto" {
166
+ // Does parent exist?
167
+ @if $exists != false {
168
+ @if get-value("settings", "grid") == "fluid" {
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")));
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"))))
175
+ ));
176
+
177
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
178
+ @content;
179
+ }
180
+
181
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
182
+ @include debugPrintInstance($calcKey);
183
+
184
+ } @else if get-value("settings", "grid") == "fixed" {
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")));
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"))))
191
+ ));
192
+
193
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
194
+ @content;
195
+ }
196
+
197
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
198
+ @include debugPrintInstance($calcKey);
199
+
200
+ }
201
+ } @else {
202
+ // Else warn that context should not be set to `auto`
203
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
204
+ }
205
+ // Output styles normally if not set to auto
206
+ } @else {
207
+
208
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
209
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
210
+ $outputMarginLeft: ( if( $calcShift > 0,
211
+ (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
212
+ (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
213
+ ));
214
+
215
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
216
+ @content;
217
+ }
218
+
219
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
220
+ @include debugPrintInstance($calcKey);
221
+ }
222
+
223
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
224
+
225
+ @if $calcContext == "auto" {
226
+ @if $exists != false {
227
+ @if get-value("settings", "grid") == "fluid" {
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")));
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"))))
234
+ ));
235
+
236
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
237
+ @content;
238
+ }
239
+
240
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
241
+ @include debugPrintInstance($calcKey);
242
+
243
+ } @else if get-value("settings", "grid") == "fixed" {
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")));
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"))))
250
+ ));
251
+
252
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
253
+ @content;
254
+ }
255
+
256
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
257
+ @include debugPrintInstance($calcKey);
258
+
259
+ }
260
+ } @else {
261
+ // Else warn that context should not be set to `auto`
262
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
263
+ }
264
+ // Output styles normally if not set to auto
265
+ } @else {
266
+
267
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
268
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
269
+ $outputMarginLeft: ( if( $calcShift > 0,
270
+ (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
271
+ (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
272
+ ));
273
+
274
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
275
+ @content;
276
+ }
277
+
278
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
279
+ @include debugPrintInstance($calcKey);
280
+ }
281
+
282
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
283
+
284
+ @if $calcContext == "auto" {
285
+ @if $exists != false {
286
+ @if get-value("settings", "grid") == "fluid" {
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")));
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")))
293
+ ));
294
+
295
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
296
+ @content;
297
+ }
298
+
299
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
300
+ @include debugPrintInstance($calcKey);
301
+
302
+ } @else if get-value("settings", "grid") == "fixed" {
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")));
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")))
309
+ ));
310
+
311
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
312
+ @content;
313
+ }
314
+
315
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
316
+ @include debugPrintInstance($calcKey);
317
+
318
+ }
319
+ } @else {
320
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
321
+ }
322
+ } @else {
323
+
324
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
325
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
326
+ $outputMarginLeft: ( if( $calcShift > 0,
327
+ calc-width($calcKey, $calcShift, $calcContext),
328
+ calc-width($calcKey, $calcShift, $calcContext)
329
+ ));
330
+
331
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
332
+ @content;
333
+ }
334
+
335
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
336
+ @include debugPrintInstance($calcKey);
337
+ }
338
+
339
+ } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
340
+
341
+ @if $calcContext == "auto" {
342
+ @if $exists != false {
343
+ @if get-value("settings", "grid") == "fluid" {
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")))));
346
+ $outputMarginRight: 0;
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"))))
350
+ ));
351
+
352
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
353
+ @content;
354
+ }
355
+
356
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
357
+ @include debugPrintInstance($calcKey);
358
+
359
+ } @else if get-value("settings", "grid") == "fixed" {
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")))));
362
+ $outputMarginRight: 0;
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"))))
366
+ ));
367
+
368
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
369
+ @content;
370
+ }
371
+
372
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
373
+ @include debugPrintInstance($calcKey);
374
+
375
+ }
376
+ } @else {
377
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
378
+ }
379
+ } @else {
380
+
381
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext)));
382
+ $outputMarginRight: 0;
383
+ $outputMarginLeft: ( if( $calcShift > 0,
384
+ (calc-margin($calcKey, $calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext)),
385
+ (calc-margin($calcKey, -$calcSpan, $calcContext)) + (calc-width($calcKey, $calcShift, $calcContext))
386
+ ));
387
+
388
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
389
+ @content;
390
+ }
391
+
392
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
393
+ @include debugPrintInstance($calcKey);
394
+ }
395
+
396
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
397
+
398
+ @if $calcContext == "auto" {
399
+ @if $exists != false {
400
+ @if get-value("settings", "grid") == "fluid" {
401
+
402
+ $outputWidth: (calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span"))));
403
+ $outputMarginRight: 0;
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")))
407
+ ));
408
+
409
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
410
+ @content;
411
+ }
412
+
413
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
414
+ @include debugPrintInstance($calcKey);
415
+
416
+ } @else if get-value("settings", "grid") == "fixed" {
417
+
418
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan);
419
+ $outputMarginRight: 0;
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")))
423
+ ));
424
+
425
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
426
+ @content;
427
+ }
428
+
429
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
430
+ @include debugPrintInstance($calcKey);
431
+
432
+ }
433
+ } @else {
434
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
435
+ }
436
+ } @else {
437
+
438
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext));
439
+ $outputMarginRight: 0;
440
+ $outputMarginLeft: ( if( $calcShift > 0,
441
+ calc-width($calcKey, $calcShift, $calcContext),
442
+ calc-width($calcKey, $calcShift, $calcContext)
443
+ ));
444
+
445
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
446
+ @content;
447
+ }
448
+
449
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
450
+ @include debugPrintInstance($calcKey);
451
+ }
452
+ }
453
+ } @else {
454
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
455
+ @if $calcContext == "auto" {
456
+ @if $exists != false {
457
+ @if get-value("settings", "grid") == "fluid" {
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")));
462
+
463
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
464
+ @content;
465
+ }
466
+
467
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
468
+ @include debugPrintInstance($calcKey);
469
+
470
+ } @else if get-value("settings", "grid") == "fixed" {
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")));
475
+
476
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
477
+ @content;
478
+ }
479
+
480
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
481
+ @include debugPrintInstance($calcKey);
482
+
483
+ }
484
+ } @else {
485
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
486
+ }
487
+ } @else {
488
+
489
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
490
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
491
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
492
+
493
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
494
+ @content;
495
+ }
496
+
497
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
498
+ @include debugPrintInstance($calcKey);
499
+ }
500
+
501
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
502
+
503
+ @if $calcContext == "auto" {
504
+ @if $exists != false {
505
+ @if get-value("settings", "grid") == "fluid" {
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")));
510
+
511
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
512
+ @content;
513
+ }
514
+
515
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
516
+ @include debugPrintInstance($calcKey);
517
+
518
+ } @else if get-value("settings", "grid") == "fixed" {
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")));
523
+
524
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
525
+ @content;
526
+ }
527
+
528
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
529
+ @include debugPrintInstance($calcKey);
530
+
531
+ }
532
+
533
+ } @else {
534
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
535
+ }
536
+ } @else {
537
+
538
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - ((calc-margin($calcKey, $calcSpan, $calcContext))*2);
539
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
540
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
541
+
542
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
543
+ @content;
544
+ }
545
+
546
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
547
+ @include debugPrintInstance($calcKey);
548
+ }
549
+
550
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
551
+
552
+ @if $calcContext == "auto" {
553
+ @if $exists != false {
554
+ @if get-value("settings", "grid") == "fluid" {
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")));
558
+ $outputMarginLeft: 0;
559
+
560
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
561
+ @content;
562
+ }
563
+
564
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
565
+ @include debugPrintInstance($calcKey);
566
+
567
+ } @else if get-value("settings", "grid") == "fixed" {
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")));
571
+ $outputMarginLeft: 0;
572
+
573
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
574
+ @content;
575
+ }
576
+
577
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
578
+ @include debugPrintInstance($calcKey);
579
+
580
+ }
581
+ } @else {
582
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
583
+ }
584
+ } @else {
585
+
586
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
587
+ $outputMarginRight: calc-margin($calcKey, $calcSpan, $calcContext);
588
+ $outputMarginLeft: 0;
589
+
590
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
591
+ @content;
592
+ }
593
+
594
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
595
+ @include debugPrintInstance($calcKey);
596
+ }
597
+
598
+ } @else if $calcGutter == "omega" or $calcGutter =="no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
599
+
600
+ @if $calcContext == "auto" {
601
+ @if $exists != false {
602
+ @if get-value("settings", "grid") == "fluid" {
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"))));
605
+ $outputMarginRight: 0;
606
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
607
+
608
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
609
+ @content;
610
+ }
611
+
612
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
613
+ @include debugPrintInstance($calcKey);
614
+
615
+ } @else if get-value("settings", "grid") == "fixed" {
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")))));
618
+ $outputMarginRight: 0;
619
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
620
+
621
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
622
+ @content;
623
+ }
624
+
625
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
626
+ @include debugPrintInstance($calcKey);
627
+
628
+ }
629
+ } @else {
630
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
631
+ }
632
+ } @else {
633
+
634
+ $outputWidth: (calc-width($calcKey, $calcSpan, $calcContext)) - (calc-margin($calcKey, $calcSpan, $calcContext));
635
+ $outputMarginRight: 0;
636
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan, $calcContext);
637
+
638
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
639
+ @content;
640
+ }
641
+
642
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
643
+ @include debugPrintInstance($calcKey);
644
+ }
645
+
646
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
647
+
648
+ @if $calcContext == "auto" {
649
+ @if $exists != false {
650
+ @if get-value("settings", "grid") == "fluid" {
651
+
652
+ $outputWidth: calc-width($calcKey, $calcSpan, to-number(get-instance-value($calcKey, "span")));
653
+ $outputMarginRight: 0;
654
+ $outputMarginLeft: 0;
655
+
656
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
657
+ @content;
658
+ }
659
+
660
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
661
+ @include debugPrintInstance($calcKey);
662
+
663
+ } @else if get-value("settings", "grid") == "fixed" {
664
+
665
+ $outputWidth: (to-number(get-instance-value($calcKey, "output", "width")) / to-number(get-instance-value($calcKey, "span")) * $calcSpan);
666
+ $outputMarginRight: 0;
667
+ $outputMarginLeft: 0;
668
+
669
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
670
+ @content;
671
+ }
672
+
673
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
674
+ @include debugPrintInstance($calcKey);
675
+
676
+ }
677
+ } @else {
678
+ @warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
679
+ }
680
+ } @else {
681
+
682
+ $outputWidth: calc-width($calcKey, $calcSpan, $calcContext);
683
+ $outputMarginRight: 0;
684
+ $outputMarginLeft: 0;
685
+
686
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
687
+ @content;
688
+ }
689
+
690
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
691
+ @include debugPrintInstance($calcKey);
692
+ }
693
+ }
694
+ }
695
+
696
+ } @else {
697
+
698
+ @if $calcGutter == null or $calcGutter == "normal" or $calcGutter == "default" or $calcGutter == "regular" and get-value("settings", "gutter") != false {
699
+
700
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*2);
701
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
702
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan);
703
+
704
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
705
+ @content;
706
+ }
707
+
708
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
709
+ @include debugPrintInstance($calcKey);
710
+
711
+ } @else if $calcGutter == "inside" and get-value("settings", "gutter") != false {
712
+
713
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan))*4);
714
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
715
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan);
716
+
717
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
718
+ @content;
719
+ }
720
+
721
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
722
+ @include debugPrintInstance($calcKey);
723
+
724
+ } @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
725
+
726
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
727
+ $outputMarginRight: calc-margin($calcKey, $calcSpan);
728
+ $outputMarginLeft: 0;
729
+
730
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
731
+ @content;
732
+ }
733
+
734
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
735
+ @include debugPrintInstance($calcKey);
736
+
737
+ } @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
738
+
739
+ $outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
740
+ $outputMarginRight: 0;
741
+ $outputMarginLeft: calc-margin($calcKey, $calcSpan);
742
+
743
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
744
+ @content;
745
+ }
746
+
747
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
748
+ @include debugPrintInstance($calcKey);
749
+
750
+ } @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
751
+
752
+ $outputWidth: calc-width($calcKey, $calcSpan);
753
+ $outputMarginRight: 0;
754
+ $outputMarginLeft: 0;
755
+
756
+ @include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
757
+ @content;
758
+ }
759
+
760
+ @include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
761
+ @include debugPrintInstance($calcKey);
762
+
763
+ }
764
+ }
765
+ }
766
766
  }