flint-gs 1.6.5 → 1.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +13 -13
- data/lib/flint.rb +64 -4
- data/stylesheets/flint/config/_config.scss +3 -3
- data/stylesheets/flint/functions/_functions.scss +1 -1
- data/stylesheets/flint/functions/helpers/_helpers.scss +32 -23
- data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +11 -11
- data/stylesheets/flint/functions/lib/_calc-margin.scss +40 -12
- data/stylesheets/flint/functions/lib/_calc-width.scss +21 -12
- data/stylesheets/flint/functions/lib/_exists.scss +6 -6
- data/stylesheets/flint/functions/lib/_fluid-width.scss +2 -2
- data/stylesheets/flint/functions/lib/_get-index.scss +3 -3
- data/stylesheets/flint/functions/lib/_get-instance-value.scss +4 -4
- data/stylesheets/flint/functions/lib/_get-value.scss +3 -3
- data/stylesheets/flint/functions/lib/_has-family-instance.scss +74 -0
- data/stylesheets/flint/functions/lib/_instance.scss +17 -15
- data/stylesheets/flint/functions/lib/_last.scss +2 -2
- data/stylesheets/flint/functions/lib/_list-to-string.scss +4 -4
- data/stylesheets/flint/functions/lib/_map-fetch.scss +6 -9
- data/stylesheets/flint/functions/lib/_next-index.scss +3 -3
- data/stylesheets/flint/functions/lib/_purge.scss +2 -2
- data/stylesheets/flint/functions/lib/_remove.scss +4 -4
- data/stylesheets/flint/functions/lib/_replace-substring.scss +21 -15
- data/stylesheets/flint/functions/lib/_replace.scss +3 -3
- data/stylesheets/flint/functions/lib/_steal-key.scss +3 -3
- data/stylesheets/flint/functions/lib/_steal-values.scss +3 -3
- data/stylesheets/flint/functions/lib/_string-to-list.scss +63 -57
- data/stylesheets/flint/functions/lib/_string-to-number.scss +42 -38
- data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +3 -3
- data/stylesheets/flint/functions/lib/_support-syntax.scss +4 -4
- data/stylesheets/flint/functions/lib/_types-in-list.scss +3 -3
- data/stylesheets/flint/functions/lib/_use-syntax.scss +3 -3
- data/stylesheets/flint/globals/_globals.scss +20 -4
- data/stylesheets/flint/mixins/lib/_calculate.scss +368 -563
- data/stylesheets/flint/mixins/lib/_clearfix.scss +7 -7
- data/stylesheets/flint/mixins/lib/_main.scss +244 -244
- data/stylesheets/flint/mixins/lib/_new-instance.scss +20 -20
- data/stylesheets/flint/mixins/lib/_print-instance.scss +14 -14
- metadata +3 -3
- data/stylesheets/flint/functions/lib/_get-family-instance.scss +0 -59
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
// -------------------------------------------------------------------------------
|
|
9
9
|
// @return [list]
|
|
10
10
|
|
|
11
|
-
@function replace($list, $old, $value) {
|
|
11
|
+
@function flint-replace($list, $old, $value) {
|
|
12
12
|
$running: true;
|
|
13
13
|
|
|
14
14
|
@while $running {
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@return if(not is-true($value), purge($list), $list);
|
|
25
|
-
}
|
|
24
|
+
@return if(not flint-is-true($value), flint-purge($list), $list);
|
|
25
|
+
}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
// -------------------------------------------------------------------------------
|
|
5
5
|
// @return [string]
|
|
6
6
|
|
|
7
|
-
@function steal-key($index) {
|
|
8
|
-
@for $n from 1 through (length(map-fetch($flint, "config")) - 1) {
|
|
7
|
+
@function flint-steal-key($index) {
|
|
8
|
+
@for $n from 1 through (length(flint-map-fetch($flint, "config")) - 1) {
|
|
9
9
|
@each $key in nth(map-get($flint, "config"), $index) {
|
|
10
10
|
@return $key;
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
|
-
}
|
|
13
|
+
}
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
// -------------------------------------------------------------------------------
|
|
6
6
|
// @return [number]
|
|
7
7
|
|
|
8
|
-
@function steal-values($index, $value) {
|
|
9
|
-
@for $n from 1 through (length(map-fetch($flint, config)) - 1) {
|
|
8
|
+
@function flint-steal-values($index, $value) {
|
|
9
|
+
@for $n from 1 through (length(flint-map-fetch($flint, config)) - 1) {
|
|
10
10
|
@each $key in nth(map-get($flint, config), $index) {
|
|
11
|
-
@return get-value($key, $value);
|
|
11
|
+
@return flint-get-value($key, $value);
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
}
|
|
@@ -6,79 +6,85 @@
|
|
|
6
6
|
// -------------------------------------------------------------------------------
|
|
7
7
|
// @return [list] | error
|
|
8
8
|
|
|
9
|
-
@function string-to-list($string, $find: " ", $ignore: ",") {
|
|
10
|
-
@if is-string($string) {
|
|
11
|
-
$string-list: ();
|
|
12
|
-
$space-indexes: ();
|
|
13
|
-
$ignore-remainder: ();
|
|
14
|
-
$length: str-length($string);
|
|
15
|
-
|
|
16
|
-
// Find ignore separator, and remove remainder of string beyond that point
|
|
17
|
-
@for $i from 1 through $length {
|
|
18
|
-
$slice: str-slice($string, $i, $i);
|
|
19
|
-
@if $slice == $ignore {
|
|
20
|
-
$ignore-remainder: append($ignore-remainder, $i - 1, "comma");
|
|
21
|
-
}
|
|
22
|
-
}
|
|
9
|
+
@function flint-string-to-list($string, $find: " ", $ignore: ",") {
|
|
10
|
+
@if flint-is-string($string) {
|
|
23
11
|
|
|
24
|
-
//
|
|
25
|
-
@if
|
|
26
|
-
|
|
12
|
+
// Use Ruby function if available
|
|
13
|
+
@if $flint__use-ruby-functions {
|
|
14
|
+
@return string_to_list($string, $find, $ignore);
|
|
15
|
+
} @else {
|
|
16
|
+
$string-list: ();
|
|
17
|
+
$space-indexes: ();
|
|
18
|
+
$ignore-remainder: ();
|
|
27
19
|
$length: str-length($string);
|
|
28
|
-
}
|
|
29
20
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
21
|
+
// Find ignore separator, and flint-remove remainder of string beyond that point
|
|
22
|
+
@for $i from 1 through $length {
|
|
23
|
+
$slice: str-slice($string, $i, $i);
|
|
24
|
+
@if $slice == $ignore {
|
|
25
|
+
$ignore-remainder: append($ignore-remainder, $i - 1, "comma");
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Redefine string and length
|
|
30
|
+
@if length($ignore-remainder) >= 1 {
|
|
31
|
+
$string: str-slice($string, 1, nth($ignore-remainder, 1));
|
|
32
|
+
$length: str-length($string);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// Find all spaces and their indices by looking over each character in string
|
|
36
|
+
@for $i from 1 through $length {
|
|
37
|
+
$slice: str-slice($string, $i, $i);
|
|
38
|
+
@if $slice == $find {
|
|
39
|
+
$space-indexes: append($space-indexes, $i, "comma");
|
|
40
|
+
}
|
|
35
41
|
}
|
|
36
|
-
}
|
|
37
42
|
|
|
38
|
-
|
|
39
|
-
|
|
43
|
+
// Check if there are any spaces
|
|
44
|
+
@if length($space-indexes) >= 1 {
|
|
40
45
|
|
|
41
|
-
|
|
42
|
-
|
|
46
|
+
// Keep a count of number of spaces
|
|
47
|
+
$count: 1;
|
|
43
48
|
|
|
44
|
-
|
|
45
|
-
|
|
49
|
+
// Loop through each space
|
|
50
|
+
@each $space in $space-indexes {
|
|
46
51
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
52
|
+
// If is initial count, grab first substring and store in list
|
|
53
|
+
@if $count == 1 {
|
|
54
|
+
$matched-string: str-slice($string, 0, ($space - 1));
|
|
50
55
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
56
|
+
@if $matched-string != "" {
|
|
57
|
+
$string-list: append($string-list, $matched-string, "comma");
|
|
58
|
+
}
|
|
59
|
+
// Else, add a little math to make up for the spaces to do the same
|
|
60
|
+
} @else {
|
|
61
|
+
$matched-string: str-slice($string, (nth($space-indexes, ($count - 1)) + 1), ($space - 1));
|
|
57
62
|
|
|
58
|
-
|
|
59
|
-
|
|
63
|
+
@if $matched-string != "" {
|
|
64
|
+
$string-list: append($string-list, $matched-string, "comma");
|
|
65
|
+
}
|
|
60
66
|
}
|
|
61
|
-
}
|
|
62
67
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
68
|
+
// Increase count
|
|
69
|
+
$count: $count + 1;
|
|
70
|
+
}
|
|
66
71
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
72
|
+
// Now grab that last selector
|
|
73
|
+
$flint-last-space: nth($space-indexes, length($space-indexes));
|
|
74
|
+
$matched-string: str-slice($string, ($flint-last-space + 1), $length);
|
|
75
|
+
$string-list: append($string-list, $matched-string, "comma");
|
|
71
76
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
77
|
+
// Finally, return comma separated list of selectors
|
|
78
|
+
@return $string-list;
|
|
79
|
+
} @else {
|
|
75
80
|
|
|
76
|
-
|
|
77
|
-
|
|
81
|
+
// Else, just return the string as a single item list
|
|
82
|
+
$string-list: append($string-list, $string);
|
|
78
83
|
|
|
79
|
-
|
|
84
|
+
@return $string-list;
|
|
85
|
+
}
|
|
86
|
+
} @else {
|
|
87
|
+
@return "You did not input a valid string: #{$string}";
|
|
80
88
|
}
|
|
81
|
-
} @else {
|
|
82
|
-
@return "You did not input a valid string: #{$string}";
|
|
83
89
|
}
|
|
84
90
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
// -------------------------------------------------------------------------------
|
|
8
8
|
// @return [number]
|
|
9
9
|
|
|
10
|
-
@function num-length($number, $unit) {
|
|
10
|
+
@function flint-num-length($number, $unit) {
|
|
11
11
|
$strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax';
|
|
12
12
|
$units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax;
|
|
13
13
|
$index: index($strings, $unit);
|
|
@@ -20,54 +20,58 @@
|
|
|
20
20
|
@return $number * nth($units, $index);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
// Converts
|
|
23
|
+
// Converts string to number
|
|
24
24
|
// -------------------------------------------------------------------------------
|
|
25
25
|
// @documentation http://hugogiraudel.com/2014/01/15/sass-string-to-number/
|
|
26
26
|
// -------------------------------------------------------------------------------
|
|
27
|
-
// @
|
|
27
|
+
// @param $string [string] : string
|
|
28
28
|
// -------------------------------------------------------------------------------
|
|
29
|
-
// @
|
|
30
|
-
// -------------------------------------------------------------------------------
|
|
31
|
-
// @return [Value]
|
|
29
|
+
// @return [number]
|
|
32
30
|
|
|
33
|
-
@function to-number($string) {
|
|
34
|
-
//
|
|
35
|
-
$
|
|
36
|
-
|
|
31
|
+
@function flint-to-number($string) {
|
|
32
|
+
// Use Ruby function if available
|
|
33
|
+
@if $flint__use-ruby-functions {
|
|
34
|
+
@return string_to_number($string);
|
|
35
|
+
} @else {
|
|
36
|
+
// Matrices
|
|
37
|
+
$strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
|
|
38
|
+
$numbers: 0 1 2 3 4 5 6 7 8 9;
|
|
37
39
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
// Result
|
|
41
|
+
$result: 0;
|
|
42
|
+
$divider: 0;
|
|
43
|
+
$minus: false;
|
|
42
44
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
// Looping through all characters
|
|
46
|
+
@for $i from 1 through str-length($string) {
|
|
47
|
+
$character: str-slice($string, $i, $i);
|
|
48
|
+
$index: index($strings, $character);
|
|
47
49
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
@if $character == '-' {
|
|
51
|
+
$minus: true;
|
|
52
|
+
} @else if $character == '.' {
|
|
53
|
+
$divider: 1;
|
|
54
|
+
} @else {
|
|
53
55
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
@if not $index {
|
|
57
|
+
$result: if($minus, $result * -1, $result);
|
|
58
|
+
@return flint-num-length($result, str-slice($string, $i));
|
|
59
|
+
}
|
|
58
60
|
|
|
59
|
-
|
|
61
|
+
$number: nth($numbers, $index);
|
|
60
62
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
63
|
+
@if $divider == 0 {
|
|
64
|
+
$result: $result * 10;
|
|
65
|
+
} @else {
|
|
66
|
+
// Move the decimal dot to the left
|
|
67
|
+
$divider: $divider * 10;
|
|
68
|
+
$number: $number / $divider;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
$result: $result + $number;
|
|
67
72
|
}
|
|
68
|
-
$result: $result + $number;
|
|
69
73
|
}
|
|
74
|
+
|
|
75
|
+
@return if($minus, $result * -1, $result);
|
|
70
76
|
}
|
|
71
|
-
|
|
72
|
-
@return if($minus, $result * -1, $result);
|
|
73
|
-
}
|
|
77
|
+
}
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
// -------------------------------------------------------------------------------
|
|
5
5
|
// @return [list] : parsed list of selectors according to syntax
|
|
6
6
|
|
|
7
|
-
@function support-syntax-bem($selectors) {
|
|
7
|
+
@function flint-support-syntax-bem($selectors) {
|
|
8
8
|
// Clean up selector, remove double underscores for spaces
|
|
9
9
|
// add psudeo character to differentiate selectors
|
|
10
|
-
$selectors: replace-substring($selectors, "__", "/");
|
|
10
|
+
$selectors: flint-replace-substring($selectors, "__", "/");
|
|
11
11
|
// Parse string to list
|
|
12
|
-
$selectors: string-to-list($selectors, "/");
|
|
12
|
+
$selectors: flint-string-to-list($selectors, "/");
|
|
13
13
|
// Define top-most parent of selector
|
|
14
14
|
$parent: nth($selectors, 1);
|
|
15
15
|
// Create new list of parsed selectors
|
|
@@ -5,23 +5,23 @@
|
|
|
5
5
|
// -------------------------------------------------------------------------------
|
|
6
6
|
// @return [list] : list of parsed selectors according to syntax
|
|
7
7
|
|
|
8
|
-
@function support-syntax($syntax, $selectors) {
|
|
8
|
+
@function flint-support-syntax($syntax, $selectors) {
|
|
9
9
|
$syntax: to-lower-case($syntax);
|
|
10
10
|
|
|
11
11
|
// Make sure syntax is supported
|
|
12
12
|
// ----
|
|
13
|
-
@if function-exists(support-syntax-#{$syntax}) {
|
|
13
|
+
@if function-exists("flint-support-syntax-#{$syntax}") {
|
|
14
14
|
|
|
15
15
|
// Support syntax
|
|
16
16
|
// ----
|
|
17
17
|
// @warning : be sure you have created a custom function to support an unknown syntax
|
|
18
18
|
// ----
|
|
19
|
-
@return call("support-syntax-#{$syntax}", $selectors);
|
|
19
|
+
@return call("flint-support-syntax-#{$syntax}", $selectors);
|
|
20
20
|
|
|
21
21
|
} @else {
|
|
22
22
|
|
|
23
23
|
// Throw error if the syntax does not exist and a function to call cannot be found
|
|
24
|
-
@warn "You did not pass a valid syntax to `support-syntax`: #{$syntax}. Either specify a custom `support-syntax-<syntax>` function to call, or use one of the offically supported syntaxes. For more info, please visit the docs.";
|
|
24
|
+
@warn "You did not pass a valid syntax to `flint-support-syntax`: #{$syntax}. Either specify a custom `flint-support-syntax-<syntax>` function to call, or use one of the offically supported syntaxes. For more info, please visit the docs.";
|
|
25
25
|
@return null;
|
|
26
26
|
|
|
27
27
|
}
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
// -------------------------------------------------------------------------------
|
|
7
7
|
// @return [bool]
|
|
8
8
|
|
|
9
|
-
@function types-in-list($list, $assert-types: null, $assert-length: null) {
|
|
10
|
-
@if is-list($list) {
|
|
9
|
+
@function flint-types-in-list($list, $assert-types: null, $assert-length: null) {
|
|
10
|
+
@if flint-is-list($list) {
|
|
11
11
|
|
|
12
12
|
// Assert types in list?
|
|
13
13
|
// ----
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
// List of asserted types?
|
|
28
28
|
// ----
|
|
29
|
-
@if is-list($assert-types) {
|
|
29
|
+
@if flint-is-list($assert-types) {
|
|
30
30
|
|
|
31
31
|
// Make sure length of types match list
|
|
32
32
|
// ----
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
// Use global syntax
|
|
1
|
+
// Use global syntax
|
|
2
2
|
// -------------------------------------------------------------------------------
|
|
3
3
|
// @param $selectors [string] : string of selectors to transform
|
|
4
4
|
// -------------------------------------------------------------------------------
|
|
5
5
|
// @return [list] : list of transformed selectors according to syntax
|
|
6
6
|
|
|
7
|
-
@function use-syntax($selectors) {
|
|
7
|
+
@function flint-use-syntax($selectors) {
|
|
8
8
|
@if $flint__support-syntax {
|
|
9
|
-
@return support-syntax($flint__support-syntax, $selectors);
|
|
9
|
+
@return flint-support-syntax($flint__support-syntax, $selectors);
|
|
10
10
|
} @else {
|
|
11
11
|
@warn "Support syntax is set to #{$flint__support-syntax}. Aborting mission.";
|
|
12
12
|
@return false;
|
|
@@ -4,9 +4,9 @@ $flint__foundation: "nonexistant" !global;
|
|
|
4
4
|
|
|
5
5
|
// Gather all keys, breakpoints and column counts
|
|
6
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;
|
|
7
|
+
$flint__all__keys: flint-get-all-keys() !global;
|
|
8
|
+
$flint__all__breakpoints: flint-get-all-breakpoints() !global;
|
|
9
|
+
$flint__all__columns: flint-get-all-columns() !global;
|
|
10
10
|
|
|
11
11
|
// Keep track of all instances of mixin
|
|
12
12
|
// ----
|
|
@@ -19,4 +19,20 @@ $flint__base-font-size: 16px !global;
|
|
|
19
19
|
|
|
20
20
|
// Global syntax support
|
|
21
21
|
// ----
|
|
22
|
-
$flint__support-syntax: if(exists($flint, "support-syntax"), get-value("settings", "support-syntax"), false) !global;
|
|
22
|
+
$flint__support-syntax: if(flint-exists($flint, "support-syntax"), flint-get-value("settings", "support-syntax"), false) !global;
|
|
23
|
+
|
|
24
|
+
// Use Ruby functions?
|
|
25
|
+
// ----
|
|
26
|
+
$flint__use-ruby-functions: if(flint-use-ruby-functions(), true, false) !global;
|
|
27
|
+
|
|
28
|
+
// Cached selector instance lists
|
|
29
|
+
// ----
|
|
30
|
+
$flint__cached-instances: () !global;
|
|
31
|
+
|
|
32
|
+
// Cached calculated values
|
|
33
|
+
// ----
|
|
34
|
+
$flint__cached-values: () !global;
|
|
35
|
+
|
|
36
|
+
// Chached calculation results
|
|
37
|
+
// ----
|
|
38
|
+
$flint__cache-results: () !global;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
// -------------------------------------------------------------------------------
|
|
7
7
|
// @output outputs styles
|
|
8
8
|
|
|
9
|
-
@mixin
|
|
9
|
+
@mixin flint-output($width, $margin-right, $margin-left) {
|
|
10
10
|
width: $width;
|
|
11
11
|
margin-right: $margin-right;
|
|
12
12
|
margin-left: $margin-left;
|
|
@@ -15,752 +15,557 @@
|
|
|
15
15
|
|
|
16
16
|
// Calculate widths, save all variables to instance
|
|
17
17
|
// -------------------------------------------------------------------------------
|
|
18
|
-
// @param $
|
|
19
|
-
// @param $
|
|
20
|
-
// @param $
|
|
21
|
-
// @param $
|
|
22
|
-
// @param $
|
|
18
|
+
// @param $calc-key [string] : breakpoint key
|
|
19
|
+
// @param $calc-span [number] : span value
|
|
20
|
+
// @param $calc-context [number] : context value
|
|
21
|
+
// @param $calc-gutter [number] : gutter value
|
|
22
|
+
// @param $calc-shift [number] : shift value
|
|
23
23
|
// @param $i [number] : index if variable length is > 1
|
|
24
24
|
// -------------------------------------------------------------------------------
|
|
25
25
|
// @output calculated styles
|
|
26
26
|
|
|
27
|
-
@mixin
|
|
27
|
+
@mixin flint-calculate($calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $i: null) {
|
|
28
28
|
|
|
29
|
+
// Default values
|
|
30
|
+
$output-width: 0;
|
|
31
|
+
$output-margin-right: 0;
|
|
32
|
+
$output-margin-left: 0;
|
|
33
|
+
|
|
34
|
+
// Keep track of errors
|
|
35
|
+
$errors: false;
|
|
36
|
+
|
|
37
|
+
// Default value for cache search result
|
|
38
|
+
$cached: false;
|
|
39
|
+
|
|
40
|
+
// Check if any arguments are lists if called from loop
|
|
29
41
|
@if $i != null {
|
|
30
42
|
|
|
31
|
-
@if length($
|
|
32
|
-
$
|
|
43
|
+
@if length($calc-key) > 1 {
|
|
44
|
+
$calc-key: nth($calc-key, $i);
|
|
33
45
|
}
|
|
34
|
-
@if length($
|
|
35
|
-
$
|
|
46
|
+
@if length($calc-span) > 1 {
|
|
47
|
+
$calc-span: nth($calc-span, $i);
|
|
36
48
|
}
|
|
37
|
-
@if length($
|
|
38
|
-
$
|
|
49
|
+
@if length($calc-context) > 1 {
|
|
50
|
+
$calc-context: nth($calc-context, $i);
|
|
39
51
|
}
|
|
40
|
-
@if length($
|
|
41
|
-
$
|
|
52
|
+
@if length($calc-gutter) > 1 {
|
|
53
|
+
$calc-gutter: nth($calc-gutter, $i);
|
|
42
54
|
}
|
|
43
|
-
@if length($
|
|
44
|
-
$
|
|
55
|
+
@if length($calc-shift) > 1 {
|
|
56
|
+
$calc-shift: nth($calc-shift, $i);
|
|
45
57
|
}
|
|
46
58
|
|
|
47
59
|
}
|
|
48
60
|
|
|
49
|
-
//
|
|
50
|
-
@if $
|
|
61
|
+
// Check for cached results
|
|
62
|
+
@if $calc-context != "auto" and $calc-span != 0 {
|
|
63
|
+
@if map-has-key($flint__cache-results, "#{$calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $i}") {
|
|
51
64
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
65
|
+
// Get results
|
|
66
|
+
$output-width: nth(map-get($flint__cache-results, "#{$calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $i}"), 1);
|
|
67
|
+
$output-margin-right: nth(map-get($flint__cache-results, "#{$calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $i}"), 2);
|
|
68
|
+
$output-margin-left: nth(map-get($flint__cache-results, "#{$calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $i}"), 3);
|
|
69
|
+
|
|
70
|
+
// Declare successful search
|
|
71
|
+
$cached: true;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
// Hide if span is zero
|
|
76
|
+
// ----
|
|
77
|
+
@if $calc-span == 0 {
|
|
55
78
|
|
|
56
79
|
// First check if it's the default, so we don't hide the element on all breakpoints
|
|
57
|
-
@if $
|
|
58
|
-
@include _($
|
|
80
|
+
@if $calc-key == flint-get-value("settings", "default") {
|
|
81
|
+
@include _($calc-key) {
|
|
59
82
|
display: none;
|
|
60
83
|
}
|
|
61
84
|
} @else {
|
|
62
85
|
display: none;
|
|
63
86
|
}
|
|
64
87
|
|
|
65
|
-
@include
|
|
66
|
-
@include
|
|
88
|
+
@include flint-new-instance($calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $output-width, $output-margin-right, $output-margin-left);
|
|
89
|
+
@include flint-debug-instance($calc-key);
|
|
67
90
|
|
|
68
91
|
} @else {
|
|
69
92
|
|
|
70
|
-
|
|
93
|
+
// Only run through if cache search was unsuccessful
|
|
94
|
+
@if $cached == false {
|
|
71
95
|
|
|
72
|
-
|
|
96
|
+
// Shift, no context
|
|
97
|
+
// ----
|
|
98
|
+
@if $calc-shift != null and $calc-context == null {
|
|
73
99
|
|
|
74
|
-
|
|
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
|
-
));
|
|
100
|
+
@if $calc-gutter == null or $calc-gutter == "normal" or $calc-gutter == "default" or $calc-gutter == "regular" and flint-get-value("settings", "gutter") != false {
|
|
81
101
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
102
|
+
// Save to variables for instance creation
|
|
103
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - ((flint-calc-margin($calc-key, $calc-span))*2);
|
|
104
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span);
|
|
105
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
106
|
+
(flint-calc-margin($calc-key, $calc-span)) + (flint-calc-width($calc-key, $calc-shift)),
|
|
107
|
+
(flint-calc-margin($calc-key, -$calc-span)) + (flint-calc-width($calc-key, $calc-shift))
|
|
108
|
+
));
|
|
86
109
|
|
|
87
|
-
|
|
88
|
-
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
|
110
|
+
} @else if $calc-gutter == "inside" and flint-get-value("settings", "gutter") != false {
|
|
89
111
|
|
|
90
|
-
|
|
91
|
-
|
|
112
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - ((flint-calc-margin($calc-key, $calc-span))*4);
|
|
113
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span);
|
|
114
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
115
|
+
(flint-calc-margin($calc-key, $calc-span)) + (flint-calc-width($calc-key, $calc-shift)),
|
|
116
|
+
(flint-calc-margin($calc-key, -$calc-span)) + (flint-calc-width($calc-key, $calc-shift))
|
|
117
|
+
));
|
|
92
118
|
|
|
93
|
-
|
|
119
|
+
} @else if $calc-gutter == "alpha" or $calc-gutter == "no-left" or $calc-gutter == "first" and flint-get-value("settings", "gutter") != false {
|
|
94
120
|
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
121
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - (flint-calc-margin($calc-key, $calc-span));
|
|
122
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span);
|
|
123
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
124
|
+
flint-calc-width($calc-key, $calc-shift),
|
|
125
|
+
flint-calc-width($calc-key, $calc-shift)
|
|
126
|
+
));
|
|
101
127
|
|
|
102
|
-
@
|
|
103
|
-
@content;
|
|
104
|
-
}
|
|
128
|
+
} @else if $calc-gutter == "omega" or $calc-gutter == "no-right" or $calc-gutter == "flint-last" and flint-get-value("settings", "gutter") != false {
|
|
105
129
|
|
|
106
|
-
|
|
107
|
-
|
|
130
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - ((flint-calc-margin($calc-key, $calc-span)));
|
|
131
|
+
$output-margin-right: 0;
|
|
132
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
133
|
+
(flint-calc-margin($calc-key, $calc-span)) + (flint-calc-width($calc-key, $calc-shift)),
|
|
134
|
+
(flint-calc-margin($calc-key, -$calc-span)) + (flint-calc-width($calc-key, $calc-shift))
|
|
135
|
+
));
|
|
108
136
|
|
|
109
|
-
|
|
137
|
+
} @else if $calc-gutter == "row" or $calc-gutter == "none" or flint-get-value("settings", "gutter") == false {
|
|
110
138
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
139
|
+
$output-width: (flint-calc-width($calc-key, $calc-span));
|
|
140
|
+
$output-margin-right: 0;
|
|
141
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
142
|
+
flint-calc-width($calc-key, $calc-shift),
|
|
143
|
+
flint-calc-width($calc-key, $calc-shift)
|
|
144
|
+
));
|
|
117
145
|
|
|
118
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
119
|
-
@content;
|
|
120
146
|
}
|
|
121
147
|
|
|
122
|
-
|
|
123
|
-
|
|
148
|
+
// Shift, context
|
|
149
|
+
// ----
|
|
150
|
+
} @else if $calc-context != null {
|
|
124
151
|
|
|
125
|
-
|
|
152
|
+
// Check if parent instance flint-exists
|
|
153
|
+
$flint-exists: flint-has-family-instance($calc-key);
|
|
126
154
|
|
|
127
|
-
$
|
|
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
|
-
));
|
|
155
|
+
@if $calc-shift != null {
|
|
133
156
|
|
|
134
|
-
|
|
135
|
-
@content;
|
|
136
|
-
}
|
|
157
|
+
@if $calc-gutter == null or $calc-gutter == "normal" or $calc-gutter == "default" or $calc-gutter == "regular" and flint-get-value("settings", "gutter") != false {
|
|
137
158
|
|
|
138
|
-
|
|
139
|
-
|
|
159
|
+
// Check if context is set to auto
|
|
160
|
+
@if $calc-context == "auto" {
|
|
140
161
|
|
|
141
|
-
|
|
162
|
+
// Does parent exist?
|
|
163
|
+
@if $flint-exists != false {
|
|
164
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
142
165
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
166
|
+
// Get parent span value
|
|
167
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*2);
|
|
168
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
169
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
170
|
+
(flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))),
|
|
171
|
+
(flint-calc-margin($calc-key, -$calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))))
|
|
172
|
+
));
|
|
149
173
|
|
|
150
|
-
|
|
151
|
-
@content;
|
|
152
|
-
}
|
|
174
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
153
175
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
176
|
+
// Get parent width instead of parent span for fixed grids
|
|
177
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*2);
|
|
178
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
179
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
180
|
+
(flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))),
|
|
181
|
+
(flint-calc-margin($calc-key, -$calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))))
|
|
182
|
+
));
|
|
157
183
|
|
|
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
184
|
}
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
@
|
|
183
|
-
|
|
184
|
-
|
|
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
|
-
|
|
185
|
+
} @else {
|
|
186
|
+
// Else warn that context should not be set to `auto`
|
|
187
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
188
|
+
// Throw error
|
|
189
|
+
$errors: true;
|
|
200
190
|
}
|
|
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
191
|
|
|
219
|
-
|
|
220
|
-
@
|
|
221
|
-
}
|
|
192
|
+
// Output styles normally if not set to auto
|
|
193
|
+
} @else {
|
|
222
194
|
|
|
223
|
-
|
|
195
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - ((flint-calc-margin($calc-key, $calc-span, $calc-context))*2);
|
|
196
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
197
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
198
|
+
(flint-calc-margin($calc-key, $calc-span, $calc-context)) + (flint-calc-width($calc-key, $calc-shift, $calc-context)),
|
|
199
|
+
(flint-calc-margin($calc-key, -$calc-span, $calc-context)) + (flint-calc-width($calc-key, $calc-shift, $calc-context))
|
|
200
|
+
));
|
|
224
201
|
|
|
225
|
-
|
|
226
|
-
@if $exists != false {
|
|
227
|
-
@if get-value("settings", "grid") == "fluid" {
|
|
202
|
+
}
|
|
228
203
|
|
|
229
|
-
|
|
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
|
-
));
|
|
204
|
+
} @else if $calc-gutter == "inside" and flint-get-value("settings", "gutter") != false {
|
|
235
205
|
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
206
|
+
@if $calc-context == "auto" {
|
|
207
|
+
@if $flint-exists != false {
|
|
208
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
239
209
|
|
|
240
|
-
|
|
241
|
-
|
|
210
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*4);
|
|
211
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
212
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
213
|
+
(flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))),
|
|
214
|
+
(flint-calc-margin($calc-key, -$calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))))
|
|
215
|
+
));
|
|
242
216
|
|
|
243
|
-
|
|
217
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
244
218
|
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
219
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*4);
|
|
220
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
221
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
222
|
+
(flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))),
|
|
223
|
+
(flint-calc-margin($calc-key, -$calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))))
|
|
224
|
+
));
|
|
251
225
|
|
|
252
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
253
|
-
@content;
|
|
254
226
|
}
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
@
|
|
258
|
-
|
|
227
|
+
} @else {
|
|
228
|
+
// Else warn that context should not be set to `auto`
|
|
229
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
230
|
+
$errors: true;
|
|
259
231
|
}
|
|
232
|
+
// Output styles normally if not set to auto
|
|
260
233
|
} @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
234
|
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
235
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - ((flint-calc-margin($calc-key, $calc-span, $calc-context))*2);
|
|
236
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
237
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
238
|
+
(flint-calc-margin($calc-key, $calc-span, $calc-context)) + (flint-calc-width($calc-key, $calc-shift, $calc-context)),
|
|
239
|
+
(flint-calc-margin($calc-key, -$calc-span, $calc-context)) + (flint-calc-width($calc-key, $calc-shift, $calc-context))
|
|
240
|
+
));
|
|
273
241
|
|
|
274
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
275
|
-
@content;
|
|
276
242
|
}
|
|
277
243
|
|
|
278
|
-
|
|
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
|
-
));
|
|
244
|
+
} @else if $calc-gutter == "alpha" or $calc-gutter == "no-left" or $calc-gutter == "first" and flint-get-value("settings", "gutter") != false {
|
|
294
245
|
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
246
|
+
@if $calc-context == "auto" {
|
|
247
|
+
@if $flint-exists != false {
|
|
248
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
298
249
|
|
|
299
|
-
|
|
300
|
-
|
|
250
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - (flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))));
|
|
251
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
252
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
253
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))),
|
|
254
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))
|
|
255
|
+
));
|
|
301
256
|
|
|
302
|
-
|
|
257
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
303
258
|
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
259
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))));
|
|
260
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
261
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
262
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))),
|
|
263
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))
|
|
264
|
+
));
|
|
310
265
|
|
|
311
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
312
|
-
@content;
|
|
313
266
|
}
|
|
314
|
-
|
|
315
|
-
@
|
|
316
|
-
|
|
317
|
-
|
|
267
|
+
} @else {
|
|
268
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
269
|
+
$errors: true;
|
|
318
270
|
}
|
|
319
271
|
} @else {
|
|
320
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
321
|
-
}
|
|
322
|
-
} @else {
|
|
323
272
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
273
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - (flint-calc-margin($calc-key, $calc-span, $calc-context));
|
|
274
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
275
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
276
|
+
flint-calc-width($calc-key, $calc-shift, $calc-context),
|
|
277
|
+
flint-calc-width($calc-key, $calc-shift, $calc-context)
|
|
278
|
+
));
|
|
330
279
|
|
|
331
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
332
|
-
@content;
|
|
333
280
|
}
|
|
334
281
|
|
|
335
|
-
|
|
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" {
|
|
282
|
+
} @else if $calc-gutter == "omega" or $calc-gutter == "no-right" or $calc-gutter == "flint-last" and flint-get-value("settings", "gutter") != false {
|
|
344
283
|
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
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
|
-
));
|
|
284
|
+
@if $calc-context == "auto" {
|
|
285
|
+
@if $flint-exists != false {
|
|
286
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
351
287
|
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
288
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))));
|
|
289
|
+
$output-margin-right: 0;
|
|
290
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
291
|
+
(flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))),
|
|
292
|
+
(flint-calc-margin($calc-key, -$calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))))
|
|
293
|
+
));
|
|
358
294
|
|
|
359
|
-
|
|
295
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
360
296
|
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
297
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))));
|
|
298
|
+
$output-margin-right: 0;
|
|
299
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
300
|
+
(flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))),
|
|
301
|
+
(flint-calc-margin($calc-key, -$calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) + (flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))))
|
|
302
|
+
));
|
|
367
303
|
|
|
368
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
369
|
-
@content;
|
|
370
304
|
}
|
|
371
|
-
|
|
372
|
-
@
|
|
373
|
-
|
|
374
|
-
|
|
305
|
+
} @else {
|
|
306
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
307
|
+
$errors: true;
|
|
375
308
|
}
|
|
376
309
|
} @else {
|
|
377
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
378
|
-
}
|
|
379
|
-
} @else {
|
|
380
310
|
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
311
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - ((flint-calc-margin($calc-key, $calc-span, $calc-context)));
|
|
312
|
+
$output-margin-right: 0;
|
|
313
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
314
|
+
(flint-calc-margin($calc-key, $calc-span, $calc-context)) + (flint-calc-width($calc-key, $calc-shift, $calc-context)),
|
|
315
|
+
(flint-calc-margin($calc-key, -$calc-span, $calc-context)) + (flint-calc-width($calc-key, $calc-shift, $calc-context))
|
|
316
|
+
));
|
|
387
317
|
|
|
388
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
389
|
-
@content;
|
|
390
318
|
}
|
|
391
319
|
|
|
392
|
-
|
|
393
|
-
@include debugPrintInstance($calcKey);
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
} @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
|
|
320
|
+
} @else if $calc-gutter == "row" or $calc-gutter == "none" or flint-get-value("settings", "gutter") == false {
|
|
397
321
|
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
322
|
+
@if $calc-context == "auto" {
|
|
323
|
+
@if $flint-exists != false {
|
|
324
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
401
325
|
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
326
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))));
|
|
327
|
+
$output-margin-right: 0;
|
|
328
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
329
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))),
|
|
330
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))
|
|
331
|
+
));
|
|
408
332
|
|
|
409
|
-
@
|
|
410
|
-
@content;
|
|
411
|
-
}
|
|
412
|
-
|
|
413
|
-
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
|
414
|
-
@include debugPrintInstance($calcKey);
|
|
333
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
415
334
|
|
|
416
|
-
|
|
335
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span);
|
|
336
|
+
$output-margin-right: 0;
|
|
337
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
338
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span"))),
|
|
339
|
+
flint-calc-width($calc-key, $calc-shift, flint-to-number(flint-get-instance-value($calc-key, "span")))
|
|
340
|
+
));
|
|
417
341
|
|
|
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
342
|
}
|
|
428
|
-
|
|
429
|
-
@
|
|
430
|
-
|
|
431
|
-
|
|
343
|
+
} @else {
|
|
344
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
345
|
+
$errors: true;
|
|
432
346
|
}
|
|
433
347
|
} @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
348
|
|
|
445
|
-
|
|
446
|
-
|
|
349
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context));
|
|
350
|
+
$output-margin-right: 0;
|
|
351
|
+
$output-margin-left: ( if( $calc-shift > 0,
|
|
352
|
+
flint-calc-width($calc-key, $calc-shift, $calc-context),
|
|
353
|
+
flint-calc-width($calc-key, $calc-shift, $calc-context)
|
|
354
|
+
));
|
|
447
355
|
}
|
|
448
|
-
|
|
449
|
-
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
|
450
|
-
@include debugPrintInstance($calcKey);
|
|
451
356
|
}
|
|
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
357
|
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
358
|
+
// Context, no shift
|
|
359
|
+
// ----
|
|
360
|
+
} @else {
|
|
462
361
|
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
362
|
+
@if $calc-gutter == null or $calc-gutter == "normal" or $calc-gutter == "default" or $calc-gutter == "regular" and flint-get-value("settings", "gutter") != false {
|
|
363
|
+
@if $calc-context == "auto" {
|
|
364
|
+
@if $flint-exists != false {
|
|
365
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
466
366
|
|
|
467
|
-
|
|
468
|
-
|
|
367
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*2);
|
|
368
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
369
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
469
370
|
|
|
470
|
-
|
|
371
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
471
372
|
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
373
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*2);
|
|
374
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
375
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
475
376
|
|
|
476
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
477
|
-
@content;
|
|
478
377
|
}
|
|
479
|
-
|
|
480
|
-
@
|
|
481
|
-
|
|
482
|
-
|
|
378
|
+
} @else {
|
|
379
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
380
|
+
$errors: true;
|
|
483
381
|
}
|
|
484
382
|
} @else {
|
|
485
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
486
|
-
}
|
|
487
|
-
} @else {
|
|
488
383
|
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
384
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - ((flint-calc-margin($calc-key, $calc-span, $calc-context))*2);
|
|
385
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
386
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
492
387
|
|
|
493
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
494
|
-
@content;
|
|
495
388
|
}
|
|
496
389
|
|
|
497
|
-
|
|
498
|
-
@include debugPrintInstance($calcKey);
|
|
499
|
-
}
|
|
390
|
+
} @else if $calc-gutter == "inside" and flint-get-value("settings", "gutter") != false {
|
|
500
391
|
|
|
501
|
-
|
|
392
|
+
@if $calc-context == "auto" {
|
|
393
|
+
@if $flint-exists != false {
|
|
394
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
502
395
|
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
396
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*4);
|
|
397
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
398
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
506
399
|
|
|
507
|
-
|
|
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")));
|
|
400
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
510
401
|
|
|
511
|
-
|
|
512
|
-
|
|
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")));
|
|
402
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))))*4);
|
|
403
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
404
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
523
405
|
|
|
524
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
525
|
-
@content;
|
|
526
406
|
}
|
|
527
407
|
|
|
528
|
-
|
|
529
|
-
@
|
|
530
|
-
|
|
408
|
+
} @else {
|
|
409
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
410
|
+
$errors: true;
|
|
531
411
|
}
|
|
532
|
-
|
|
533
412
|
} @else {
|
|
534
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
535
|
-
}
|
|
536
|
-
} @else {
|
|
537
413
|
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
414
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - ((flint-calc-margin($calc-key, $calc-span, $calc-context))*2);
|
|
415
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
416
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
541
417
|
|
|
542
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
543
|
-
@content;
|
|
544
418
|
}
|
|
545
419
|
|
|
546
|
-
|
|
547
|
-
@include debugPrintInstance($calcKey);
|
|
548
|
-
}
|
|
549
|
-
|
|
550
|
-
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value("settings", "gutter") != false {
|
|
420
|
+
} @else if $calc-gutter == "alpha" or $calc-gutter == "no-left" or $calc-gutter == "first" and flint-get-value("settings", "gutter") != false {
|
|
551
421
|
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
422
|
+
@if $calc-context == "auto" {
|
|
423
|
+
@if $flint-exists != false {
|
|
424
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
555
425
|
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
561
|
-
@content;
|
|
562
|
-
}
|
|
426
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - (flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))));
|
|
427
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
428
|
+
$output-margin-left: 0;
|
|
563
429
|
|
|
564
|
-
@
|
|
565
|
-
@include debugPrintInstance($calcKey);
|
|
430
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
566
431
|
|
|
567
|
-
|
|
432
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))));
|
|
433
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
434
|
+
$output-margin-left: 0;
|
|
568
435
|
|
|
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
436
|
}
|
|
576
|
-
|
|
577
|
-
@
|
|
578
|
-
|
|
579
|
-
|
|
437
|
+
} @else {
|
|
438
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
439
|
+
$errors: true;
|
|
580
440
|
}
|
|
581
441
|
} @else {
|
|
582
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
583
|
-
}
|
|
584
|
-
} @else {
|
|
585
442
|
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
443
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - (flint-calc-margin($calc-key, $calc-span, $calc-context));
|
|
444
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
445
|
+
$output-margin-left: 0;
|
|
589
446
|
|
|
590
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
591
|
-
@content;
|
|
592
447
|
}
|
|
593
448
|
|
|
594
|
-
|
|
595
|
-
@include debugPrintInstance($calcKey);
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
} @else if $calcGutter == "omega" or $calcGutter =="no-right" or $calcGutter == "last" and get-value("settings", "gutter") != false {
|
|
449
|
+
} @else if $calc-gutter == "omega" or $calc-gutter =="no-right" or $calc-gutter == "flint-last" and flint-get-value("settings", "gutter") != false {
|
|
599
450
|
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
451
|
+
@if $calc-context == "auto" {
|
|
452
|
+
@if $flint-exists != false {
|
|
453
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
603
454
|
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
455
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))) - (flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span"))));
|
|
456
|
+
$output-margin-right: 0;
|
|
457
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
607
458
|
|
|
608
|
-
@
|
|
609
|
-
@content;
|
|
610
|
-
}
|
|
459
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
611
460
|
|
|
612
|
-
|
|
613
|
-
|
|
461
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span) - ((flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")))));
|
|
462
|
+
$output-margin-right: 0;
|
|
463
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
614
464
|
|
|
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
465
|
}
|
|
624
|
-
|
|
625
|
-
@
|
|
626
|
-
|
|
627
|
-
|
|
466
|
+
} @else {
|
|
467
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
468
|
+
$errors: true;
|
|
628
469
|
}
|
|
629
470
|
} @else {
|
|
630
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
631
|
-
}
|
|
632
|
-
} @else {
|
|
633
471
|
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
472
|
+
$output-width: (flint-calc-width($calc-key, $calc-span, $calc-context)) - (flint-calc-margin($calc-key, $calc-span, $calc-context));
|
|
473
|
+
$output-margin-right: 0;
|
|
474
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span, $calc-context);
|
|
637
475
|
|
|
638
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
639
|
-
@content;
|
|
640
476
|
}
|
|
641
477
|
|
|
642
|
-
|
|
643
|
-
@include debugPrintInstance($calcKey);
|
|
644
|
-
}
|
|
645
|
-
|
|
646
|
-
} @else if $calcGutter == "row" or $calcGutter == "none" or get-value("settings", "gutter") == false {
|
|
478
|
+
} @else if $calc-gutter == "row" or $calc-gutter == "none" or flint-get-value("settings", "gutter") == false {
|
|
647
479
|
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
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
|
-
}
|
|
480
|
+
@if $calc-context == "auto" {
|
|
481
|
+
@if $flint-exists != false {
|
|
482
|
+
@if flint-get-value("settings", "grid") == "fluid" {
|
|
659
483
|
|
|
660
|
-
|
|
661
|
-
|
|
484
|
+
$output-width: flint-calc-width($calc-key, $calc-span, flint-to-number(flint-get-instance-value($calc-key, "span")));
|
|
485
|
+
$output-margin-right: 0;
|
|
486
|
+
$output-margin-left: 0;
|
|
662
487
|
|
|
663
|
-
|
|
488
|
+
} @else if flint-get-value("settings", "grid") == "fixed" {
|
|
664
489
|
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
490
|
+
$output-width: (flint-to-number(flint-get-instance-value($calc-key, "output", "width")) / flint-to-number(flint-get-instance-value($calc-key, "span")) * $calc-span);
|
|
491
|
+
$output-margin-right: 0;
|
|
492
|
+
$output-margin-left: 0;
|
|
668
493
|
|
|
669
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
670
|
-
@content;
|
|
671
494
|
}
|
|
672
|
-
|
|
673
|
-
@
|
|
674
|
-
|
|
675
|
-
|
|
495
|
+
} @else {
|
|
496
|
+
@warn "You set context to `#{$calc-context}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
497
|
+
$errors: true;
|
|
676
498
|
}
|
|
677
499
|
} @else {
|
|
678
|
-
@warn "You set context to `#{$calcContext}`, but a parent instance could not be found for `#{selector_string()}`";
|
|
679
|
-
}
|
|
680
|
-
} @else {
|
|
681
500
|
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
501
|
+
$output-width: flint-calc-width($calc-key, $calc-span, $calc-context);
|
|
502
|
+
$output-margin-right: 0;
|
|
503
|
+
$output-margin-left: 0;
|
|
685
504
|
|
|
686
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
687
|
-
@content;
|
|
688
505
|
}
|
|
689
|
-
|
|
690
|
-
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
|
691
|
-
@include debugPrintInstance($calcKey);
|
|
692
506
|
}
|
|
693
507
|
}
|
|
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
508
|
|
|
708
|
-
|
|
709
|
-
|
|
509
|
+
// No context
|
|
510
|
+
// ----
|
|
511
|
+
} @else {
|
|
710
512
|
|
|
711
|
-
|
|
513
|
+
@if $calc-gutter == null or $calc-gutter == "normal" or $calc-gutter == "default" or $calc-gutter == "regular" and flint-get-value("settings", "gutter") != false {
|
|
712
514
|
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
515
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - ((flint-calc-margin($calc-key, $calc-span))*2);
|
|
516
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span);
|
|
517
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span);
|
|
716
518
|
|
|
717
|
-
@
|
|
718
|
-
@content;
|
|
719
|
-
}
|
|
519
|
+
} @else if $calc-gutter == "inside" and flint-get-value("settings", "gutter") != false {
|
|
720
520
|
|
|
721
|
-
|
|
722
|
-
|
|
521
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - ((flint-calc-margin($calc-key, $calc-span))*4);
|
|
522
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span);
|
|
523
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span);
|
|
723
524
|
|
|
724
|
-
|
|
525
|
+
} @else if $calc-gutter == "alpha" or $calc-gutter == "no-left" or $calc-gutter == "first" and flint-get-value("settings", "gutter") != false {
|
|
725
526
|
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
527
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - (flint-calc-margin($calc-key, $calc-span));
|
|
528
|
+
$output-margin-right: flint-calc-margin($calc-key, $calc-span);
|
|
529
|
+
$output-margin-left: 0;
|
|
729
530
|
|
|
730
|
-
@
|
|
731
|
-
@content;
|
|
732
|
-
}
|
|
531
|
+
} @else if $calc-gutter == "omega" or $calc-gutter == "no-right" or $calc-gutter == "flint-last" and flint-get-value("settings", "gutter") != false {
|
|
733
532
|
|
|
734
|
-
|
|
735
|
-
|
|
533
|
+
$output-width: (flint-calc-width($calc-key, $calc-span)) - (flint-calc-margin($calc-key, $calc-span));
|
|
534
|
+
$output-margin-right: 0;
|
|
535
|
+
$output-margin-left: flint-calc-margin($calc-key, $calc-span);
|
|
736
536
|
|
|
737
|
-
|
|
537
|
+
} @else if $calc-gutter == "row" or $calc-gutter == "none" or flint-get-value("settings", "gutter") == false {
|
|
738
538
|
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
539
|
+
$output-width: flint-calc-width($calc-key, $calc-span);
|
|
540
|
+
$output-margin-right: 0;
|
|
541
|
+
$output-margin-left: 0;
|
|
742
542
|
|
|
743
|
-
@include outputFlint($outputWidth, $outputMarginRight, $outputMarginLeft) {
|
|
744
|
-
@content;
|
|
745
543
|
}
|
|
544
|
+
}
|
|
545
|
+
}
|
|
746
546
|
|
|
747
|
-
|
|
748
|
-
|
|
547
|
+
// Make sure there are no errors
|
|
548
|
+
// ----
|
|
549
|
+
@if $errors == false {
|
|
749
550
|
|
|
750
|
-
|
|
551
|
+
// Cache result
|
|
552
|
+
@if $calc-context != "auto" and $calc-span != 0 and $cached == false {
|
|
553
|
+
$flint__cache-results: map-merge($flint__cache-results, (
|
|
554
|
+
"#{$calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $i}": ($output-width, $output-margin-right, $output-margin-left)
|
|
555
|
+
)) !global;
|
|
556
|
+
}
|
|
751
557
|
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
558
|
+
// Output styles
|
|
559
|
+
@include flint-output($output-width, $output-margin-right, $output-margin-left) {
|
|
560
|
+
@content;
|
|
561
|
+
}
|
|
755
562
|
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
}
|
|
563
|
+
// Create new instance
|
|
564
|
+
@include flint-new-instance($calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $output-width, $output-margin-right, $output-margin-left);
|
|
759
565
|
|
|
760
|
-
|
|
761
|
-
|
|
566
|
+
// If debug mode, print instance
|
|
567
|
+
@include flint-debug-instance($calc-key);
|
|
762
568
|
|
|
763
|
-
}
|
|
764
569
|
}
|
|
765
570
|
}
|
|
766
|
-
}
|
|
571
|
+
}
|