flint-gs 1.0.7 → 1.0.8
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.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: fa0e594a8e22b895e9d939153950712300f21f99
|
4
|
+
data.tar.gz: 317cd41baf2539a5cc79f64a34212d43ce51dd37
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4327aad761638cd1ca581a0a8c9c88086922563411695af3343c14ea8aab78e9128a6458ba2c693670086c10d9101370ede4b72177d5a901aac355dc0b87d756
|
7
|
+
data.tar.gz: fe5ea1d861886c9188d63040edd8d8c48a146ace92fc6fbf301505af84499bdadd4085f017470efd15a8a1f4ace94072d5daf9db5510501d8a6a2eed2bf26bf8
|
data/README.md
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
**Flint is designed to be a flexible layout toolkit that developers can use for any responsive grid-based project.** Built on *Sass 3.3*, Flint is capable of complex responsive layouts customized at each breakpoint; all while using a single mixin, having minimal output, as well as being completely semantic. All of your layout settings are housed in a simple config file and is immensely customizable. Flint will only output the code you need, and nothing else. We handle the hard stuff, so you can focus on the rest.
|
4
4
|
|
5
|
-
|
5
|
+
Take it for a spin on [SassMeister.com](http://sassmeister.com/)!
|
6
6
|
|
7
7
|
Enjoy.
|
8
8
|
|
@@ -811,7 +811,10 @@ This will allow the instance functions to properly fallback from `.block .block_
|
|
811
811
|
|
812
812
|
Going to start keeping a log of changes starting **today (4/11/14).**
|
813
813
|
|
814
|
-
####4/
|
814
|
+
####4/30/14
|
815
|
+
* Fixed issue with comma separated child selectors throwing an error. `Fixes #5`
|
816
|
+
|
817
|
+
####4/25/14
|
815
818
|
* Added aliases for `$gutter` modifiers
|
816
819
|
* `NULL > default | regular | normal`
|
817
820
|
* `alpha > no-left`
|
data/lib/flint.rb
CHANGED
@@ -5,7 +5,7 @@ Compass::Frameworks.register('flint', :path => extension_path)
|
|
5
5
|
# Version is a number. If a version contains alphas, it will be created as a prerelease version
|
6
6
|
# Date is in the form of YYYY-MM-DD
|
7
7
|
module Flint
|
8
|
-
VERSION = "1.0.
|
8
|
+
VERSION = "1.0.8"
|
9
9
|
DATE = "2014-04-25"
|
10
10
|
end
|
11
11
|
|
@@ -2,14 +2,27 @@
|
|
2
2
|
// -------------------------------------------------------------------------------
|
3
3
|
// @param $string [String] : string
|
4
4
|
// @param $find [Separator] : item to find which separates substrings (default is single space [" "])
|
5
|
+
// @param $ignore [Separator] : removes remaining string beyond item (default is comma [","])
|
5
6
|
// -------------------------------------------------------------------------------
|
6
7
|
// @return [List] | error
|
7
8
|
|
8
|
-
@function string-to-list($string, $find: " ") {
|
9
|
+
@function string-to-list($string, $find: " ", $ignore: ",") {
|
9
10
|
@if is-string($string) {
|
10
11
|
$string-list: ();
|
11
12
|
$space-indexes: ();
|
13
|
+
$ignore-remainder: ();
|
12
14
|
$length: str-length($string);
|
15
|
+
// Find ignore separator, and remove remainder of string beyond that point
|
16
|
+
@for $i from 1 through $length {
|
17
|
+
$slice: str-slice($string, $i, $i);
|
18
|
+
@if $slice == $ignore {
|
19
|
+
$ignore-remainder: append($ignore-remainder, $i - 1, "comma");
|
20
|
+
}
|
21
|
+
}
|
22
|
+
// Redefine string
|
23
|
+
@if length($ignore-remainder) >= 1 {
|
24
|
+
$string: str-slice($string, 1, nth($ignore-remainder, 1));
|
25
|
+
}
|
13
26
|
// Find all spaces and their indices by looking over each character in string
|
14
27
|
@for $i from 1 through $length {
|
15
28
|
$slice: str-slice($string, $i, $i);
|
@@ -48,6 +48,11 @@
|
|
48
48
|
|
49
49
|
// Hide if span is zero
|
50
50
|
@if $calcSpan == 0 {
|
51
|
+
|
52
|
+
$outputWidth: 0;
|
53
|
+
$outputMarginRight: 0;
|
54
|
+
$outputMarginLeft: 0;
|
55
|
+
|
51
56
|
// First check if it's the default, so we don't hide the element on all breakpoints
|
52
57
|
@if $calcKey == get-value(settings, default) {
|
53
58
|
@include _($calcKey) {
|
@@ -57,6 +62,9 @@
|
|
57
62
|
display: none;
|
58
63
|
}
|
59
64
|
|
65
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
66
|
+
@include debugPrintInstance($calcKey);
|
67
|
+
|
60
68
|
} @else {
|
61
69
|
|
62
70
|
@if $calcShift != NULL and $calcContext == NULL {
|
@@ -77,7 +85,7 @@
|
|
77
85
|
}
|
78
86
|
|
79
87
|
// Create new instance for memoization
|
80
|
-
@include newInstance
|
88
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
81
89
|
|
82
90
|
// If debug mode, print instance
|
83
91
|
@include debugPrintInstance($calcKey);
|
@@ -95,7 +103,7 @@
|
|
95
103
|
@content;
|
96
104
|
}
|
97
105
|
|
98
|
-
@include newInstance
|
106
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
99
107
|
@include debugPrintInstance($calcKey);
|
100
108
|
|
101
109
|
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" and get-value(settings, gutter) != false {
|
@@ -111,7 +119,7 @@
|
|
111
119
|
@content;
|
112
120
|
}
|
113
121
|
|
114
|
-
@include newInstance
|
122
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
115
123
|
@include debugPrintInstance($calcKey);
|
116
124
|
|
117
125
|
} @else if $calcGutter == "omega" or $calcGutter == "no-right" and get-value(settings, gutter) != false {
|
@@ -127,7 +135,7 @@
|
|
127
135
|
@content;
|
128
136
|
}
|
129
137
|
|
130
|
-
@include newInstance
|
138
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
131
139
|
@include debugPrintInstance($calcKey);
|
132
140
|
|
133
141
|
} @else if $calcGutter == "row" or $calcGutter == "none" or get-value(settings, gutter) == false {
|
@@ -143,7 +151,7 @@
|
|
143
151
|
@content;
|
144
152
|
}
|
145
153
|
|
146
|
-
@include newInstance
|
154
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
147
155
|
@include debugPrintInstance($calcKey);
|
148
156
|
}
|
149
157
|
|
@@ -169,7 +177,7 @@
|
|
169
177
|
@content;
|
170
178
|
}
|
171
179
|
|
172
|
-
@include newInstance
|
180
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
173
181
|
@include debugPrintInstance($calcKey);
|
174
182
|
|
175
183
|
} @else {
|
@@ -190,7 +198,7 @@
|
|
190
198
|
@content;
|
191
199
|
}
|
192
200
|
|
193
|
-
@include newInstance
|
201
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
194
202
|
@include debugPrintInstance($calcKey);
|
195
203
|
}
|
196
204
|
|
@@ -210,7 +218,7 @@
|
|
210
218
|
@content;
|
211
219
|
}
|
212
220
|
|
213
|
-
@include newInstance
|
221
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
214
222
|
@include debugPrintInstance($calcKey);
|
215
223
|
|
216
224
|
} @else {
|
@@ -231,7 +239,7 @@
|
|
231
239
|
@content;
|
232
240
|
}
|
233
241
|
|
234
|
-
@include newInstance
|
242
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
235
243
|
@include debugPrintInstance($calcKey);
|
236
244
|
}
|
237
245
|
|
@@ -251,7 +259,7 @@
|
|
251
259
|
@content;
|
252
260
|
}
|
253
261
|
|
254
|
-
@include newInstance
|
262
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
255
263
|
@include debugPrintInstance($calcKey);
|
256
264
|
|
257
265
|
} @else {
|
@@ -270,7 +278,7 @@
|
|
270
278
|
@content;
|
271
279
|
}
|
272
280
|
|
273
|
-
@include newInstance
|
281
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
274
282
|
@include debugPrintInstance($calcKey);
|
275
283
|
}
|
276
284
|
|
@@ -290,7 +298,7 @@
|
|
290
298
|
@content;
|
291
299
|
}
|
292
300
|
|
293
|
-
@include newInstance
|
301
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
294
302
|
@include debugPrintInstance($calcKey);
|
295
303
|
|
296
304
|
} @else {
|
@@ -309,7 +317,7 @@
|
|
309
317
|
@content;
|
310
318
|
}
|
311
319
|
|
312
|
-
@include newInstance
|
320
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
313
321
|
@include debugPrintInstance($calcKey);
|
314
322
|
}
|
315
323
|
|
@@ -329,7 +337,7 @@
|
|
329
337
|
@content;
|
330
338
|
}
|
331
339
|
|
332
|
-
@include newInstance
|
340
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
333
341
|
@include debugPrintInstance($calcKey);
|
334
342
|
|
335
343
|
} @else {
|
@@ -348,7 +356,7 @@
|
|
348
356
|
@content;
|
349
357
|
}
|
350
358
|
|
351
|
-
@include newInstance
|
359
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
352
360
|
@include debugPrintInstance($calcKey);
|
353
361
|
}
|
354
362
|
}
|
@@ -367,7 +375,7 @@
|
|
367
375
|
@content;
|
368
376
|
}
|
369
377
|
|
370
|
-
@include newInstance
|
378
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
371
379
|
@include debugPrintInstance($calcKey);
|
372
380
|
|
373
381
|
} @else {
|
@@ -385,7 +393,7 @@
|
|
385
393
|
@content;
|
386
394
|
}
|
387
395
|
|
388
|
-
@include newInstance
|
396
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
389
397
|
@include debugPrintInstance($calcKey);
|
390
398
|
}
|
391
399
|
|
@@ -402,7 +410,7 @@
|
|
402
410
|
@content;
|
403
411
|
}
|
404
412
|
|
405
|
-
@include newInstance
|
413
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
406
414
|
@include debugPrintInstance($calcKey);
|
407
415
|
|
408
416
|
} @else {
|
@@ -418,7 +426,7 @@
|
|
418
426
|
@content;
|
419
427
|
}
|
420
428
|
|
421
|
-
@include newInstance
|
429
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
422
430
|
@include debugPrintInstance($calcKey);
|
423
431
|
}
|
424
432
|
|
@@ -435,7 +443,7 @@
|
|
435
443
|
@content;
|
436
444
|
}
|
437
445
|
|
438
|
-
@include newInstance
|
446
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
439
447
|
@include debugPrintInstance($calcKey);
|
440
448
|
|
441
449
|
} @else {
|
@@ -451,7 +459,7 @@
|
|
451
459
|
@content;
|
452
460
|
}
|
453
461
|
|
454
|
-
@include newInstance
|
462
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
455
463
|
@include debugPrintInstance($calcKey);
|
456
464
|
}
|
457
465
|
|
@@ -468,7 +476,7 @@
|
|
468
476
|
@content;
|
469
477
|
}
|
470
478
|
|
471
|
-
@include newInstance
|
479
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
472
480
|
@include debugPrintInstance($calcKey);
|
473
481
|
|
474
482
|
} @else {
|
@@ -484,7 +492,7 @@
|
|
484
492
|
@content;
|
485
493
|
}
|
486
494
|
|
487
|
-
@include newInstance
|
495
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
488
496
|
@include debugPrintInstance($calcKey);
|
489
497
|
}
|
490
498
|
|
@@ -501,7 +509,7 @@
|
|
501
509
|
@content;
|
502
510
|
}
|
503
511
|
|
504
|
-
@include newInstance
|
512
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
505
513
|
@include debugPrintInstance($calcKey);
|
506
514
|
|
507
515
|
} @else {
|
@@ -517,7 +525,7 @@
|
|
517
525
|
@content;
|
518
526
|
}
|
519
527
|
|
520
|
-
@include newInstance
|
528
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
521
529
|
@include debugPrintInstance($calcKey);
|
522
530
|
}
|
523
531
|
}
|
@@ -535,7 +543,7 @@
|
|
535
543
|
@content;
|
536
544
|
}
|
537
545
|
|
538
|
-
@include newInstance
|
546
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
539
547
|
@include debugPrintInstance($calcKey);
|
540
548
|
|
541
549
|
} @else if $calcGutter == "inside" and get-value(settings, gutter) != false {
|
@@ -548,7 +556,7 @@
|
|
548
556
|
@content;
|
549
557
|
}
|
550
558
|
|
551
|
-
@include newInstance
|
559
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
552
560
|
@include debugPrintInstance($calcKey);
|
553
561
|
|
554
562
|
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" and get-value(settings, gutter) != false {
|
@@ -561,7 +569,7 @@
|
|
561
569
|
@content;
|
562
570
|
}
|
563
571
|
|
564
|
-
@include newInstance
|
572
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
565
573
|
@include debugPrintInstance($calcKey);
|
566
574
|
|
567
575
|
} @else if $calcGutter == "omega" or $calcGutter == "no-right" and get-value(settings, gutter) != false {
|
@@ -574,7 +582,7 @@
|
|
574
582
|
@content;
|
575
583
|
}
|
576
584
|
|
577
|
-
@include newInstance
|
585
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
578
586
|
@include debugPrintInstance($calcKey);
|
579
587
|
|
580
588
|
} @else if $calcGutter == "row" or $calcGutter == "none" or get-value(settings, gutter) == false {
|
@@ -587,7 +595,7 @@
|
|
587
595
|
@content;
|
588
596
|
}
|
589
597
|
|
590
|
-
@include newInstance
|
598
|
+
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
591
599
|
@include debugPrintInstance($calcKey);
|
592
600
|
|
593
601
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
@mixin _
|
1
|
+
@mixin _(
|
2
2
|
$key: NULL,
|
3
3
|
$span: NULL,
|
4
4
|
$context: NULL,
|
@@ -31,7 +31,7 @@
|
|
31
31
|
|
32
32
|
} @else if $key == "clear" {
|
33
33
|
|
34
|
-
@include clearfix;
|
34
|
+
@include clearfix();
|
35
35
|
|
36
36
|
} @else if $key == "container"
|
37
37
|
or exists($flint, $key) and $span != NULL
|
@@ -171,13 +171,17 @@
|
|
171
171
|
@if is-highest-breakpoint($calcKey) {
|
172
172
|
|
173
173
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) {
|
174
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
174
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
175
|
+
@content;
|
176
|
+
}
|
175
177
|
}
|
176
178
|
|
177
179
|
} @else {
|
178
180
|
|
179
181
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) and ( max-width: calc-breakpoint(to, $calcKey, $i) ) {
|
180
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
182
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
183
|
+
@content;
|
184
|
+
}
|
181
185
|
}
|
182
186
|
|
183
187
|
}
|
@@ -210,13 +214,17 @@
|
|
210
214
|
@if is-highest-breakpoint($calcKey) {
|
211
215
|
|
212
216
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) {
|
213
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
217
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
218
|
+
@content;
|
219
|
+
}
|
214
220
|
}
|
215
221
|
|
216
222
|
} @else {
|
217
223
|
|
218
224
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) and ( max-width: calc-breakpoint(to, $calcKey, $i) ) {
|
219
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
225
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
226
|
+
@content;
|
227
|
+
}
|
220
228
|
}
|
221
229
|
|
222
230
|
}
|
@@ -249,13 +257,17 @@
|
|
249
257
|
@if is-highest-breakpoint($calcKey) {
|
250
258
|
|
251
259
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) {
|
252
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
260
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
261
|
+
@content;
|
262
|
+
}
|
253
263
|
}
|
254
264
|
|
255
265
|
} @else {
|
256
266
|
|
257
267
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) and ( max-width: calc-breakpoint(to, $calcKey, $i) ) {
|
258
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
268
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
269
|
+
@content;
|
270
|
+
}
|
259
271
|
}
|
260
272
|
|
261
273
|
}
|
@@ -293,13 +305,17 @@
|
|
293
305
|
@if is-highest-breakpoint($calcKey) {
|
294
306
|
|
295
307
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) {
|
296
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
308
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
309
|
+
@content;
|
310
|
+
}
|
297
311
|
}
|
298
312
|
|
299
313
|
} @else {
|
300
314
|
|
301
315
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) and ( max-width: calc-breakpoint(to, $calcKey, $i) ) {
|
302
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
316
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
317
|
+
@content;
|
318
|
+
}
|
303
319
|
}
|
304
320
|
|
305
321
|
}
|
@@ -335,13 +351,17 @@
|
|
335
351
|
@if is-highest-breakpoint($calcKey) {
|
336
352
|
|
337
353
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) {
|
338
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
354
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
355
|
+
@content;
|
356
|
+
}
|
339
357
|
}
|
340
358
|
|
341
359
|
} @else {
|
342
360
|
|
343
361
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, $i) ) and ( max-width: calc-breakpoint(to, $calcKey, $i) ) {
|
344
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i)
|
362
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $i) {
|
363
|
+
@content;
|
364
|
+
}
|
345
365
|
}
|
346
366
|
|
347
367
|
}
|
@@ -372,13 +392,17 @@
|
|
372
392
|
@if is-highest-breakpoint($calcKey) {
|
373
393
|
|
374
394
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, get-index($calcKey)) ) {
|
375
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift)
|
395
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift) {
|
396
|
+
@content;
|
397
|
+
}
|
376
398
|
}
|
377
399
|
|
378
400
|
} @else {
|
379
401
|
|
380
402
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, get-index($calcKey)) ) and ( max-width: calc-breakpoint(to, $calcKey, get-index($calcKey)) ) {
|
381
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift)
|
403
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift) {
|
404
|
+
@content;
|
405
|
+
}
|
382
406
|
}
|
383
407
|
|
384
408
|
}
|
@@ -409,13 +433,17 @@
|
|
409
433
|
@if is-highest-breakpoint($calcKey) {
|
410
434
|
|
411
435
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, get-index($calcKey)) ) {
|
412
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift)
|
436
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift) {
|
437
|
+
@content;
|
438
|
+
}
|
413
439
|
}
|
414
440
|
|
415
441
|
} @else {
|
416
442
|
|
417
443
|
@media only screen and ( min-width: calc-breakpoint(from, $calcKey, get-index($calcKey)) ) and ( max-width: calc-breakpoint(to, $calcKey, get-index($calcKey)) ) {
|
418
|
-
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift)
|
444
|
+
@include calcFlint ($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift) {
|
445
|
+
@content;
|
446
|
+
}
|
419
447
|
}
|
420
448
|
|
421
449
|
}
|