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.
- data/LICENSE +21 -21
- data/README.md +900 -900
- data/lib/flint.rb +17 -17
- data/stylesheets/_flint.scss +6 -6
- data/stylesheets/flint/config/_config.scss +83 -83
- data/stylesheets/flint/functions/_functions.scss +41 -41
- data/stylesheets/flint/functions/helpers/_helpers.scss +178 -178
- data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +38 -38
- data/stylesheets/flint/functions/lib/_calc-margin.scss +31 -31
- data/stylesheets/flint/functions/lib/_calc-width.scss +44 -44
- data/stylesheets/flint/functions/lib/_exists.scss +21 -21
- data/stylesheets/flint/functions/lib/_fluid-width.scss +9 -9
- data/stylesheets/flint/functions/lib/_get-family-instance.scss +59 -59
- data/stylesheets/flint/functions/lib/_get-index.scss +14 -14
- data/stylesheets/flint/functions/lib/_get-instance-value.scss +19 -19
- data/stylesheets/flint/functions/lib/_get-substring.scss +23 -23
- data/stylesheets/flint/functions/lib/_get-value.scss +16 -16
- data/stylesheets/flint/functions/lib/_instance.scss +43 -43
- data/stylesheets/flint/functions/lib/_last.scss +8 -8
- data/stylesheets/flint/functions/lib/_list-to-string.scss +24 -24
- data/stylesheets/flint/functions/lib/_map-fetch.scss +33 -33
- data/stylesheets/flint/functions/lib/_next-index.scss +14 -14
- data/stylesheets/flint/functions/lib/_purge.scss +20 -20
- data/stylesheets/flint/functions/lib/_remove.scss +14 -14
- data/stylesheets/flint/functions/lib/_replace.scss +24 -24
- data/stylesheets/flint/functions/lib/_steal-key.scss +12 -12
- data/stylesheets/flint/functions/lib/_steal-values.scss +16 -16
- data/stylesheets/flint/functions/lib/_string-to-list.scss +84 -84
- data/stylesheets/flint/functions/lib/_string-to-number.scss +72 -72
- data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +25 -25
- data/stylesheets/flint/functions/lib/_support-syntax.scss +28 -28
- data/stylesheets/flint/functions/lib/_types-in-list.scss +120 -120
- data/stylesheets/flint/functions/lib/_use-syntax.scss +11 -11
- data/stylesheets/flint/globals/_globals.scss +22 -22
- data/stylesheets/flint/mixins/_mixins.scss +7 -7
- data/stylesheets/flint/mixins/lib/_calculate.scss +765 -765
- data/stylesheets/flint/mixins/lib/_clearfix.scss +18 -18
- data/stylesheets/flint/mixins/lib/_main.scss +910 -911
- data/stylesheets/flint/mixins/lib/_new-instance.scss +26 -26
- data/stylesheets/flint/mixins/lib/_print-instance.scss +41 -41
- metadata +21 -15
- checksums.yaml +0 -7
@@ -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
|
+
}
|
@@ -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
|
+
}
|
@@ -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;
|
@@ -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";
|
@@ -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
|
}
|