flint-gs 1.6.0 → 1.6.1

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 (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
  }