flint-gs 1.7.1 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +21 -21
  3. data/README.md +906 -906
  4. data/lib/flint.rb +67 -77
  5. data/stylesheets/_flint.scss +6 -6
  6. data/stylesheets/flint/config/_config.scss +83 -83
  7. data/stylesheets/flint/functions/_functions.scss +40 -41
  8. data/stylesheets/flint/functions/helpers/_helpers.scss +181 -181
  9. data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +33 -33
  10. data/stylesheets/flint/functions/lib/_calc-margin.scss +57 -57
  11. data/stylesheets/flint/functions/lib/_calc-width.scss +50 -50
  12. data/stylesheets/flint/functions/lib/_exists.scss +22 -22
  13. data/stylesheets/flint/functions/lib/_fluid-width.scss +10 -10
  14. data/stylesheets/flint/functions/lib/_get-index.scss +13 -13
  15. data/stylesheets/flint/functions/lib/_get-instance-value.scss +17 -17
  16. data/stylesheets/flint/functions/lib/_get-value.scss +14 -14
  17. data/stylesheets/flint/functions/lib/_has-family-instance.scss +74 -74
  18. data/stylesheets/flint/functions/lib/_instance.scss +46 -46
  19. data/stylesheets/flint/functions/lib/_last.scss +9 -9
  20. data/stylesheets/flint/functions/lib/_list-to-string.scss +25 -25
  21. data/stylesheets/flint/functions/lib/_map-fetch.scss +30 -30
  22. data/stylesheets/flint/functions/lib/_next-index.scss +15 -15
  23. data/stylesheets/flint/functions/lib/_purge.scss +19 -19
  24. data/stylesheets/flint/functions/lib/_remove.scss +13 -13
  25. data/stylesheets/flint/functions/lib/_replace-substring.scss +34 -34
  26. data/stylesheets/flint/functions/lib/_replace.scss +25 -25
  27. data/stylesheets/flint/functions/lib/_steal-key.scss +13 -13
  28. data/stylesheets/flint/functions/lib/_steal-values.scss +14 -14
  29. data/stylesheets/flint/functions/lib/_string-to-list.scss +90 -90
  30. data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +31 -31
  31. data/stylesheets/flint/functions/lib/_support-syntax.scss +28 -28
  32. data/stylesheets/flint/functions/lib/_types-in-list.scss +119 -119
  33. data/stylesheets/flint/functions/lib/_use-syntax.scss +14 -14
  34. data/stylesheets/flint/globals/_globals.scss +38 -38
  35. data/stylesheets/flint/mixins/_mixins.scss +7 -7
  36. data/stylesheets/flint/mixins/lib/_calculate.scss +571 -571
  37. data/stylesheets/flint/mixins/lib/_clearfix.scss +19 -19
  38. data/stylesheets/flint/mixins/lib/_main.scss +935 -935
  39. data/stylesheets/flint/mixins/lib/_new-instance.scss +27 -27
  40. data/stylesheets/flint/mixins/lib/_print-instance.scss +42 -42
  41. metadata +16 -23
  42. data/stylesheets/flint/functions/lib/_string-to-number.scss +0 -77
@@ -1,181 +1,181 @@
1
- // Returns truthiness of a value
2
- // -------------------------------------------------------------------------------
3
- // @param $value [literal] : value
4
- // -------------------------------------------------------------------------------
5
- // @return [bool]
6
-
7
- @function flint-is-true($value) {
8
- @return if($value == null, false, $value and $value != null and $value != "" and $value != ());
9
- }
10
-
11
- // Checks if item is map
12
- //--------------------------------------------------------------------------------
13
- // @param $n [map] : value
14
- // -------------------------------------------------------------------------------
15
- // @return [bool]
16
-
17
- @function flint-is-map($n) {
18
- @return type-of($n) == "map";
19
- }
20
-
21
- // Checks if item is list
22
- //--------------------------------------------------------------------------------
23
- // @param $n [list] : value
24
- // -------------------------------------------------------------------------------
25
- // @return [bool]
26
-
27
- @function flint-is-list($n) {
28
- @return type-of($n) == "list";
29
- }
30
-
31
- // Checks if item is number
32
- //--------------------------------------------------------------------------------
33
- // @param $n [number] : value
34
- // -------------------------------------------------------------------------------
35
- // @return [bool]
36
-
37
- @function flint-is-number($n) {
38
- @return type-of($n) == "number";
39
- }
40
-
41
- // Checks if item is string
42
- //--------------------------------------------------------------------------------
43
- // @param $n [string] : value
44
- // -------------------------------------------------------------------------------
45
- // @return [bool]
46
-
47
- @function flint-is-string($n) {
48
- @return type-of($n) == "string";
49
- }
50
-
51
- // Checks if item is not string
52
- //--------------------------------------------------------------------------------
53
- // @param $n [string] : value
54
- // -------------------------------------------------------------------------------
55
- // @return [bool]
56
-
57
- @function flint-is-not-string($n) {
58
- @return type-of($n) != "string";
59
- }
60
-
61
- // Gets list of each breakpoint's key
62
- // -------------------------------------------------------------------------------
63
- // @return [list]
64
-
65
- @function flint-get-all-keys() {
66
- $all-keys: ();
67
-
68
- @for $i from 1 through (length(flint-map-fetch($flint, "config")) - 1) {
69
- $key: flint-steal-key($i);
70
- $all-keys: append($all-keys, $key, "comma");
71
- }
72
-
73
- @return $all-keys;
74
- }
75
-
76
- // Gets list of all breakpoints
77
- // -------------------------------------------------------------------------------
78
- // @return [list]
79
-
80
- @function flint-get-all-breakpoints() {
81
- $all-breakpoints: ();
82
-
83
- @each $map, $keys in map-get($flint, "config") {
84
- @each $key, $value in $keys {
85
- @if $key == "breakpoint" {
86
- $all-breakpoints: append($all-breakpoints, $value, "comma");
87
- }
88
- }
89
- }
90
-
91
- @return $all-breakpoints;
92
- }
93
-
94
- // Checks if passed $key is the highest breakpoint
95
- // -------------------------------------------------------------------------------
96
- // @param $key [string] : alias of breakpoint
97
- // -------------------------------------------------------------------------------
98
- // @return [bool]
99
-
100
- @function flint-is-highest-breakpoint($key) {
101
- @if flint-get-value($key, "breakpoint") == max(flint-get-all-breakpoints()...) {
102
- @return true;
103
- } @else {
104
- @return false;
105
- }
106
- }
107
-
108
- // Checks if passed $key is the lowest breakpoint
109
- // -------------------------------------------------------------------------------
110
- // @param $key [string] : alias of breakpoint
111
- // -------------------------------------------------------------------------------
112
- // @return [bool]
113
-
114
- @function flint-is-lowest-breakpoint($key) {
115
- @if flint-get-value($key, "breakpoint") == min(flint-get-all-breakpoints()...) {
116
- @return true;
117
- } @else {
118
- @return false;
119
- }
120
- }
121
-
122
- // Checks if $key is grid default
123
- // -------------------------------------------------------------------------------
124
- // @param $key [string] : alias of breakpoint
125
- // -------------------------------------------------------------------------------
126
- // @return [bool]
127
-
128
- @function flint-is-default($key) {
129
- @if $key == flint-get-value("settings", "default") {
130
- @return true;
131
- } @else {
132
- @return false;
133
- }
134
- }
135
-
136
- // Gets all breakpoint column values
137
- // -------------------------------------------------------------------------------
138
- // @return [list]
139
-
140
- @function flint-get-all-columns() {
141
- $all-columns: ();
142
-
143
- @each $map, $keys in map-get($flint, "config") {
144
- @each $key, $value in $keys {
145
- @if $key == "columns" {
146
- $all-columns: append($all-columns, $value, "comma");
147
- }
148
- }
149
- }
150
-
151
- @return $all-columns;
152
- }
153
-
154
- // Returns the unit used in config
155
- // -------------------------------------------------------------------------------
156
- // @return [literal]
157
-
158
- @function flint-get-config-unit() {
159
- @return unit(flint-get-value("settings", "gutter"));
160
- }
161
-
162
- // Convert pixel value to em
163
- // -------------------------------------------------------------------------------
164
- // @param $target [number] : pixel value
165
- // @param $context [number] : context to divide by
166
- // -------------------------------------------------------------------------------
167
- // @return : em value of $target relative to $context
168
- // -------------------------------------------------------------------------------
169
-
170
- @function flint-to-em($target, $context: $flint__base-font-size) {
171
- @return ($target / $context) * 1em;
172
- }
173
-
174
- // Use Ruby functions in place of Sass functions where possible
175
- // to speed up performance, especially with string functions
176
- // -------------------------------------------------------------------------------
177
- // @return [bool]
178
-
179
- @function flint-use-ruby-functions() {
180
- @return flint_use_ruby() == true;
181
- }
1
+ // Returns truthiness of a value
2
+ // -------------------------------------------------------------------------------
3
+ // @param $value [literal] : value
4
+ // -------------------------------------------------------------------------------
5
+ // @return [bool]
6
+
7
+ @function flint-is-true($value) {
8
+ @return if($value == null, false, $value and $value != null and $value != "" and $value != ());
9
+ }
10
+
11
+ // Checks if item is map
12
+ //--------------------------------------------------------------------------------
13
+ // @param $n [map] : value
14
+ // -------------------------------------------------------------------------------
15
+ // @return [bool]
16
+
17
+ @function flint-is-map($n) {
18
+ @return type-of($n) == "map";
19
+ }
20
+
21
+ // Checks if item is list
22
+ //--------------------------------------------------------------------------------
23
+ // @param $n [list] : value
24
+ // -------------------------------------------------------------------------------
25
+ // @return [bool]
26
+
27
+ @function flint-is-list($n) {
28
+ @return type-of($n) == "list";
29
+ }
30
+
31
+ // Checks if item is number
32
+ //--------------------------------------------------------------------------------
33
+ // @param $n [number] : value
34
+ // -------------------------------------------------------------------------------
35
+ // @return [bool]
36
+
37
+ @function flint-is-number($n) {
38
+ @return type-of($n) == "number";
39
+ }
40
+
41
+ // Checks if item is string
42
+ //--------------------------------------------------------------------------------
43
+ // @param $n [string] : value
44
+ // -------------------------------------------------------------------------------
45
+ // @return [bool]
46
+
47
+ @function flint-is-string($n) {
48
+ @return type-of($n) == "string";
49
+ }
50
+
51
+ // Checks if item is not string
52
+ //--------------------------------------------------------------------------------
53
+ // @param $n [string] : value
54
+ // -------------------------------------------------------------------------------
55
+ // @return [bool]
56
+
57
+ @function flint-is-not-string($n) {
58
+ @return type-of($n) != "string";
59
+ }
60
+
61
+ // Gets list of each breakpoint's key
62
+ // -------------------------------------------------------------------------------
63
+ // @return [list]
64
+
65
+ @function flint-get-all-keys() {
66
+ $all-keys: ();
67
+
68
+ @for $i from 1 through (length(flint-map-fetch($flint, "config")) - 1) {
69
+ $key: flint-steal-key($i);
70
+ $all-keys: append($all-keys, $key, "comma");
71
+ }
72
+
73
+ @return $all-keys;
74
+ }
75
+
76
+ // Gets list of all breakpoints
77
+ // -------------------------------------------------------------------------------
78
+ // @return [list]
79
+
80
+ @function flint-get-all-breakpoints() {
81
+ $all-breakpoints: ();
82
+
83
+ @each $map, $keys in map-get($flint, "config") {
84
+ @each $key, $value in $keys {
85
+ @if $key == "breakpoint" {
86
+ $all-breakpoints: append($all-breakpoints, $value, "comma");
87
+ }
88
+ }
89
+ }
90
+
91
+ @return $all-breakpoints;
92
+ }
93
+
94
+ // Checks if passed $key is the highest breakpoint
95
+ // -------------------------------------------------------------------------------
96
+ // @param $key [string] : alias of breakpoint
97
+ // -------------------------------------------------------------------------------
98
+ // @return [bool]
99
+
100
+ @function flint-is-highest-breakpoint($key) {
101
+ @if flint-get-value($key, "breakpoint") == max(flint-get-all-breakpoints()...) {
102
+ @return true;
103
+ } @else {
104
+ @return false;
105
+ }
106
+ }
107
+
108
+ // Checks if passed $key is the lowest breakpoint
109
+ // -------------------------------------------------------------------------------
110
+ // @param $key [string] : alias of breakpoint
111
+ // -------------------------------------------------------------------------------
112
+ // @return [bool]
113
+
114
+ @function flint-is-lowest-breakpoint($key) {
115
+ @if flint-get-value($key, "breakpoint") == min(flint-get-all-breakpoints()...) {
116
+ @return true;
117
+ } @else {
118
+ @return false;
119
+ }
120
+ }
121
+
122
+ // Checks if $key is grid default
123
+ // -------------------------------------------------------------------------------
124
+ // @param $key [string] : alias of breakpoint
125
+ // -------------------------------------------------------------------------------
126
+ // @return [bool]
127
+
128
+ @function flint-is-default($key) {
129
+ @if $key == flint-get-value("settings", "default") {
130
+ @return true;
131
+ } @else {
132
+ @return false;
133
+ }
134
+ }
135
+
136
+ // Gets all breakpoint column values
137
+ // -------------------------------------------------------------------------------
138
+ // @return [list]
139
+
140
+ @function flint-get-all-columns() {
141
+ $all-columns: ();
142
+
143
+ @each $map, $keys in map-get($flint, "config") {
144
+ @each $key, $value in $keys {
145
+ @if $key == "columns" {
146
+ $all-columns: append($all-columns, $value, "comma");
147
+ }
148
+ }
149
+ }
150
+
151
+ @return $all-columns;
152
+ }
153
+
154
+ // Returns the unit used in config
155
+ // -------------------------------------------------------------------------------
156
+ // @return [literal]
157
+
158
+ @function flint-get-config-unit() {
159
+ @return unit(flint-get-value("settings", "gutter"));
160
+ }
161
+
162
+ // Convert pixel value to em
163
+ // -------------------------------------------------------------------------------
164
+ // @param $target [number] : pixel value
165
+ // @param $context [number] : context to divide by
166
+ // -------------------------------------------------------------------------------
167
+ // @return : em value of $target relative to $context
168
+ // -------------------------------------------------------------------------------
169
+
170
+ @function flint-to-em($target, $context: $flint__base-font-size) {
171
+ @return ($target / $context) * 1em;
172
+ }
173
+
174
+ // Use Ruby functions in place of Sass functions where possible
175
+ // to speed up performance, especially with string functions
176
+ // -------------------------------------------------------------------------------
177
+ // @return [bool]
178
+
179
+ @function flint-use-ruby-functions() {
180
+ @return flint_use_ruby() == true;
181
+ }
@@ -1,33 +1,33 @@
1
- // Calculate from-to breakpoints
2
- // -------------------------------------------------------------------------------
3
- // @param $n [string] : how to calculate breakpoint
4
- // @param $key [string] : key of breakpoint
5
- // @param $i [number] : index of current breakpoint
6
- // -------------------------------------------------------------------------------
7
- // @return calculated value
8
-
9
- @function flint-calc-breakpoint($n, $key, $i) {
10
- @if $n == "alias" {
11
- @if flint-get-value("settings", "grid") == "fixed" {
12
- @if flint-is-lowest-breakpoint($key) {
13
- @return 0;
14
- } @else {
15
- @return flint-get-value($key, "breakpoint");
16
- }
17
- } @else if flint-get-value("settings", "grid") == "fluid" {
18
- @return flint-get-value($key, "breakpoint");
19
- }
20
- } @else if $n == "next" {
21
- @if flint-is-lowest-breakpoint($key) {
22
- @return 0;
23
- } @else {
24
- @return flint-get-value(flint-steal-key(($i + 1)), "breakpoint");
25
- }
26
- } @else if $n == "prev" {
27
- @if flint-is-highest-breakpoint($key) {
28
- @return flint-get-value($key, "breakpoint");
29
- } @else {
30
- @return flint-get-value(flint-steal-key(($i - 1)), "breakpoint");
31
- }
32
- }
33
- }
1
+ // Calculate from-to breakpoints
2
+ // -------------------------------------------------------------------------------
3
+ // @param $n [string] : how to calculate breakpoint
4
+ // @param $key [string] : key of breakpoint
5
+ // @param $i [number] : index of current breakpoint
6
+ // -------------------------------------------------------------------------------
7
+ // @return calculated value
8
+
9
+ @function flint-calc-breakpoint($n, $key, $i) {
10
+ @if $n == "alias" {
11
+ @if flint-get-value("settings", "grid") == "fixed" {
12
+ @if flint-is-lowest-breakpoint($key) {
13
+ @return 0;
14
+ } @else {
15
+ @return flint-get-value($key, "breakpoint");
16
+ }
17
+ } @else if flint-get-value("settings", "grid") == "fluid" {
18
+ @return flint-get-value($key, "breakpoint");
19
+ }
20
+ } @else if $n == "next" {
21
+ @if flint-is-lowest-breakpoint($key) {
22
+ @return 0;
23
+ } @else {
24
+ @return flint-get-value(flint-steal-key(($i + 1)), "breakpoint");
25
+ }
26
+ } @else if $n == "prev" {
27
+ @if flint-is-highest-breakpoint($key) {
28
+ @return flint-get-value($key, "breakpoint");
29
+ } @else {
30
+ @return flint-get-value(flint-steal-key(($i - 1)), "breakpoint");
31
+ }
32
+ }
33
+ }
@@ -1,57 +1,57 @@
1
- // Calculate margin
2
- // -------------------------------------------------------------------------------
3
- // @param $key [string] : key for lookup
4
- // @param $span [number] : span value of element
5
- // @param $context [number] : context value of element
6
- // -------------------------------------------------------------------------------
7
- // @return calculated value | false
8
-
9
- @function flint-calc-margin($key, $span, $context: null) {
10
- $result: false;
11
-
12
- // Check to see if value has been cached
13
- @if map-has-key($flint__cached-values, "#{$key, $span, $context}::margin") and $context != "auto" {
14
- @return map-get($flint__cached-values, "#{$key, $span, $context}::margin");
15
- }
16
-
17
- @if flint-get-value("settings", "grid") == "fluid" {
18
-
19
- @if $key == "container" or $span == "container" {
20
-
21
- $result: 0;
22
-
23
- } @else if $context == null {
24
-
25
- $result: flint-fluid-width(flint-get-value("settings", "gutter"), flint-get-value($key, "breakpoint"));
26
-
27
- } @else if $context <= flint-get-value($key, "columns") {
28
-
29
- $result: flint-fluid-width(flint-get-value("settings", "gutter"), ((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $context)));
30
-
31
- } @else {
32
-
33
- $result: flint-fluid-width(flint-get-value("settings", "gutter") / flint-get-value($key, "columns") * $context, ((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $context)));
34
-
35
- }
36
-
37
- } @if flint-get-value("settings", "grid") == "fixed" {
38
-
39
- @if $key == "container" or $span == "container" {
40
-
41
- $result: 0;
42
-
43
- } @else {
44
-
45
- $result: flint-get-value("settings", "gutter");
46
- }
47
-
48
- }
49
-
50
- // Save result to cache
51
- @if $context != "auto" {
52
- $flint__cached-values: map-merge($flint__cached-values, ("#{$key, $span, $context}::margin": $result));
53
- }
54
-
55
- // Return result
56
- @return $result;
57
- }
1
+ // Calculate margin
2
+ // -------------------------------------------------------------------------------
3
+ // @param $key [string] : key for lookup
4
+ // @param $span [number] : span value of element
5
+ // @param $context [number] : context value of element
6
+ // -------------------------------------------------------------------------------
7
+ // @return calculated value | false
8
+
9
+ @function flint-calc-margin($key, $span, $context: null) {
10
+ $result: false;
11
+
12
+ // Check to see if value has been cached
13
+ @if map-has-key($flint__cached-values, "#{$key, $span, $context}::margin") and $context != "auto" {
14
+ @return map-get($flint__cached-values, "#{$key, $span, $context}::margin");
15
+ }
16
+
17
+ @if flint-get-value("settings", "grid") == "fluid" {
18
+
19
+ @if $key == "container" or $span == "container" {
20
+
21
+ $result: 0;
22
+
23
+ } @else if $context == null {
24
+
25
+ $result: flint-fluid-width(flint-get-value("settings", "gutter"), flint-get-value($key, "breakpoint"));
26
+
27
+ } @else if $context <= flint-get-value($key, "columns") {
28
+
29
+ $result: flint-fluid-width(flint-get-value("settings", "gutter"), ((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $context)));
30
+
31
+ } @else {
32
+
33
+ $result: flint-fluid-width(flint-get-value("settings", "gutter") / flint-get-value($key, "columns") * $context, ((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $context)));
34
+
35
+ }
36
+
37
+ } @if flint-get-value("settings", "grid") == "fixed" {
38
+
39
+ @if $key == "container" or $span == "container" {
40
+
41
+ $result: 0;
42
+
43
+ } @else {
44
+
45
+ $result: flint-get-value("settings", "gutter");
46
+ }
47
+
48
+ }
49
+
50
+ // Save result to cache
51
+ @if $context != "auto" {
52
+ $flint__cached-values: map-merge($flint__cached-values, ("#{$key, $span, $context}::margin": $result));
53
+ }
54
+
55
+ // Return result
56
+ @return $result;
57
+ }
@@ -1,50 +1,50 @@
1
- // Calculate width
2
- // -------------------------------------------------------------------------------
3
- // @param $key [string] : key for lookup
4
- // @param $span [number] : span value of element
5
- // @param $context [number] : context value of element
6
- // -------------------------------------------------------------------------------
7
- // @return calculated value | false
8
-
9
- @function flint-calc-width($key, $span, $context: null) {
10
- $result: false;
11
-
12
- // Check to see if value has been cached
13
- @if map-has-key($flint__cached-values, "#{$key, $span, $context}::width") and $context != "auto" {
14
- @return map-get($flint__cached-values, "#{$key, $span, $context}::width");
15
- }
16
-
17
- @if flint-get-value("settings", "grid") == "fluid" {
18
- @if $key == "container" or $span == "container" {
19
-
20
- $result: flint-fluid-width(flint-get-value($key, "breakpoint"), flint-get-value($key, "breakpoint"));
21
-
22
- } @else if $context == null {
23
-
24
- $result: flint-fluid-width((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $span), flint-get-value($key, "breakpoint"));
25
-
26
- } @else {
27
-
28
- $result: flint-fluid-width((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $span), ((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $context)));
29
-
30
- }
31
- } @if flint-get-value("settings", "grid") == "fixed" {
32
- @if $key == "container" or $span == "container" {
33
-
34
- $result: flint-get-value($key, "breakpoint");
35
-
36
- } @else {
37
-
38
- $result: flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $span;
39
-
40
- }
41
- }
42
-
43
- // Save result to cache
44
- @if $context != "auto" {
45
- $flint__cached-values: map-merge($flint__cached-values, ("#{$key, $span, $context}::width": $result));
46
- }
47
-
48
- // Return result
49
- @return $result;
50
- }
1
+ // Calculate width
2
+ // -------------------------------------------------------------------------------
3
+ // @param $key [string] : key for lookup
4
+ // @param $span [number] : span value of element
5
+ // @param $context [number] : context value of element
6
+ // -------------------------------------------------------------------------------
7
+ // @return calculated value | false
8
+
9
+ @function flint-calc-width($key, $span, $context: null) {
10
+ $result: false;
11
+
12
+ // Check to see if value has been cached
13
+ @if map-has-key($flint__cached-values, "#{$key, $span, $context}::width") and $context != "auto" {
14
+ @return map-get($flint__cached-values, "#{$key, $span, $context}::width");
15
+ }
16
+
17
+ @if flint-get-value("settings", "grid") == "fluid" {
18
+ @if $key == "container" or $span == "container" {
19
+
20
+ $result: flint-fluid-width(flint-get-value($key, "breakpoint"), flint-get-value($key, "breakpoint"));
21
+
22
+ } @else if $context == null {
23
+
24
+ $result: flint-fluid-width((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $span), flint-get-value($key, "breakpoint"));
25
+
26
+ } @else {
27
+
28
+ $result: flint-fluid-width((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $span), ((flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $context)));
29
+
30
+ }
31
+ } @if flint-get-value("settings", "grid") == "fixed" {
32
+ @if $key == "container" or $span == "container" {
33
+
34
+ $result: flint-get-value($key, "breakpoint");
35
+
36
+ } @else {
37
+
38
+ $result: flint-get-value($key, "breakpoint") / flint-get-value($key, "columns") * $span;
39
+
40
+ }
41
+ }
42
+
43
+ // Save result to cache
44
+ @if $context != "auto" {
45
+ $flint__cached-values: map-merge($flint__cached-values, ("#{$key, $span, $context}::width": $result));
46
+ }
47
+
48
+ // Return result
49
+ @return $result;
50
+ }