flint-gs 1.0.8 → 1.0.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +18 -12
- data/lib/flint.rb +2 -2
- data/stylesheets/flint/functions/lib/_string-to-list.scss +2 -1
- data/stylesheets/flint/mixins/lib/_flint-calculate.scss +8 -8
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d31b1360c451f2dd049222e654738aa656a87629
|
4
|
+
data.tar.gz: 3c43ec3f8ef0f0ede08ce86aaf9f96e5e8f6411b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: aa871d5cf12e8d893be114e17ac4309d0dbadfd612fdd7372f71f72db032fa1949426a7c0a89908f30936921ab3be9b2d60b276109ec9c14f90504353456cad2
|
7
|
+
data.tar.gz: 18411a48f4e810b7f5c88a88c4f92e0566f44c41c551858b5c16fe364379e84b16e547be5274d1e24c8daac2de3b1bc2f51096f82106d7dec90034c9c774a727
|
data/README.md
CHANGED
@@ -30,13 +30,13 @@ Settings may be entered in `px` or `em`, and Flint will do the rest.
|
|
30
30
|
|
31
31
|
```scss
|
32
32
|
// Configuration map
|
33
|
-
|
33
|
+
// -------------------------------------------------------------------------------
|
34
34
|
// @param [Breakpoints] : Here you can set up your various breakpoints for your
|
35
35
|
// project. Any number of breakpoints is acceptable. You must include a column
|
36
36
|
// count and breakpoint value for each listed breakpoint. Flint does require that
|
37
37
|
// you follow a `DESC` order. Unit chosen here must be used consistently
|
38
38
|
// throughout the rest of the config map.
|
39
|
-
|
39
|
+
// -------------------------------------------------------------------------------
|
40
40
|
// @param default [Alias] : alias of breakpoint that is your grid default
|
41
41
|
// @param grid [Style] : style of grid
|
42
42
|
// @param gutter [Value | false] : contextual size of gutter
|
@@ -532,27 +532,27 @@ Outputs,
|
|
532
532
|
|
533
533
|
###Gutter modifiers
|
534
534
|
|
535
|
-
Here are different gutter modifiers that may be called in when defining spans using the `$gutter` variable. **You should note**, that when using shorthands the gutter modifiers are recursive across all breakpoints.
|
535
|
+
Here are different gutter modifiers that may be called in when defining spans using the `$gutter` variable. **You should note**, that when using recursive shorthands the gutter modifiers are also recursive across all breakpoints.
|
536
536
|
|
537
537
|
```scss
|
538
538
|
// default margins
|
539
|
-
.gutter-default {
|
540
|
-
@include _(desktop, 4, $gutter: default);
|
539
|
+
.gutter-default {
|
540
|
+
@include _(desktop, 4, $gutter: default); // other aliases : `normal` | `regular`
|
541
541
|
}
|
542
542
|
|
543
543
|
// no left margin
|
544
|
-
.gutter-alpha {
|
545
|
-
@include _(desktop, 4, $gutter: alpha);
|
544
|
+
.gutter-alpha {
|
545
|
+
@include _(desktop, 4, $gutter: alpha); // other alias : `no-left`
|
546
546
|
}
|
547
547
|
|
548
548
|
// no right margin
|
549
|
-
.gutter-omega {
|
550
|
-
@include _(desktop, 4, $gutter: omega);
|
549
|
+
.gutter-omega {
|
550
|
+
@include _(desktop, 4, $gutter: omega); // other alias : `no-right`
|
551
551
|
}
|
552
552
|
|
553
553
|
// no margins
|
554
|
-
.gutter-row {
|
555
|
-
@include _(desktop, 4, $gutter: row);
|
554
|
+
.gutter-row {
|
555
|
+
@include _(desktop, 4, $gutter: row); // other alias : `none`
|
556
556
|
}
|
557
557
|
|
558
558
|
// places gutters on inside by reducing column width by [gutter*2]
|
@@ -675,7 +675,7 @@ Much like the gutter modifiers, you may also call in a shift parameter using the
|
|
675
675
|
}
|
676
676
|
```
|
677
677
|
|
678
|
-
**One more** cool thing about flint is that you are not bound to the grid you define. Feel free to use decimals
|
678
|
+
**One more** cool thing about flint is that you are not bound to the grid you define. Feel free to use decimals and math based on the breakpoint's column count in your arguments for extra fine tuned control over your layouts. Examples include, `decimals: (1.25), (3.333)`, `math: (3 - 2), (2 + 9), (16 / 3)`.
|
679
679
|
|
680
680
|
```scss
|
681
681
|
.break-the-grid {
|
@@ -811,6 +811,12 @@ 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
|
+
####5/02/14
|
815
|
+
* Adjusted `$length` variable in `string-to-list()` for better performance.
|
816
|
+
* Added 2 additional aliases for `$gutter` modifiers
|
817
|
+
* `alpha > first`
|
818
|
+
* `omega > last`
|
819
|
+
|
814
820
|
####4/30/14
|
815
821
|
* Fixed issue with comma separated child selectors throwing an error. `Fixes #5`
|
816
822
|
|
data/lib/flint.rb
CHANGED
@@ -5,8 +5,8 @@ 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.
|
9
|
-
DATE = "2014-
|
8
|
+
VERSION = "1.0.9"
|
9
|
+
DATE = "2014-05-02"
|
10
10
|
end
|
11
11
|
|
12
12
|
# Custom functions
|
@@ -19,9 +19,10 @@
|
|
19
19
|
$ignore-remainder: append($ignore-remainder, $i - 1, "comma");
|
20
20
|
}
|
21
21
|
}
|
22
|
-
// Redefine string
|
22
|
+
// Redefine string and length
|
23
23
|
@if length($ignore-remainder) >= 1 {
|
24
24
|
$string: str-slice($string, 1, nth($ignore-remainder, 1));
|
25
|
+
$length: str-length($string);
|
25
26
|
}
|
26
27
|
// Find all spaces and their indices by looking over each character in string
|
27
28
|
@for $i from 1 through $length {
|
@@ -106,7 +106,7 @@
|
|
106
106
|
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
107
107
|
@include debugPrintInstance($calcKey);
|
108
108
|
|
109
|
-
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" and get-value(settings, gutter) != false {
|
109
|
+
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
|
110
110
|
|
111
111
|
$outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
|
112
112
|
$outputMarginRight: calc-margin($calcKey, $calcSpan);
|
@@ -122,7 +122,7 @@
|
|
122
122
|
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
123
123
|
@include debugPrintInstance($calcKey);
|
124
124
|
|
125
|
-
} @else if $calcGutter == "omega" or $calcGutter == "no-right" and get-value(settings, gutter) != false {
|
125
|
+
} @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
|
126
126
|
|
127
127
|
$outputWidth: (calc-width($calcKey, $calcSpan)) - ((calc-margin($calcKey, $calcSpan)));
|
128
128
|
$outputMarginRight: 0;
|
@@ -243,7 +243,7 @@
|
|
243
243
|
@include debugPrintInstance($calcKey);
|
244
244
|
}
|
245
245
|
|
246
|
-
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" and get-value(settings, gutter) != false {
|
246
|
+
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
|
247
247
|
|
248
248
|
@if $calcContext == "auto" {
|
249
249
|
@if $exists != false {
|
@@ -282,7 +282,7 @@
|
|
282
282
|
@include debugPrintInstance($calcKey);
|
283
283
|
}
|
284
284
|
|
285
|
-
} @else if $calcGutter == "omega" or $calcGutter == "no-right" and get-value(settings, gutter) != false {
|
285
|
+
} @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
|
286
286
|
|
287
287
|
@if $calcContext == "auto" {
|
288
288
|
@if $exists != false {
|
@@ -430,7 +430,7 @@
|
|
430
430
|
@include debugPrintInstance($calcKey);
|
431
431
|
}
|
432
432
|
|
433
|
-
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" and get-value(settings, gutter) != false {
|
433
|
+
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
|
434
434
|
|
435
435
|
@if $calcContext == "auto" {
|
436
436
|
@if $exists != false {
|
@@ -463,7 +463,7 @@
|
|
463
463
|
@include debugPrintInstance($calcKey);
|
464
464
|
}
|
465
465
|
|
466
|
-
} @else if $calcGutter == "omega" or $calcGutter =="no-right" and get-value(settings, gutter) != false {
|
466
|
+
} @else if $calcGutter == "omega" or $calcGutter =="no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
|
467
467
|
|
468
468
|
@if $calcContext == "auto" {
|
469
469
|
@if $exists != false {
|
@@ -559,7 +559,7 @@
|
|
559
559
|
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
560
560
|
@include debugPrintInstance($calcKey);
|
561
561
|
|
562
|
-
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" and get-value(settings, gutter) != false {
|
562
|
+
} @else if $calcGutter == "alpha" or $calcGutter == "no-left" or $calcGutter == "first" and get-value(settings, gutter) != false {
|
563
563
|
|
564
564
|
$outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
|
565
565
|
$outputMarginRight: calc-margin($calcKey, $calcSpan);
|
@@ -572,7 +572,7 @@
|
|
572
572
|
@include newInstance($calcKey, $calcSpan, $calcContext, $calcGutter, $calcShift, $outputWidth, $outputMarginRight, $outputMarginLeft);
|
573
573
|
@include debugPrintInstance($calcKey);
|
574
574
|
|
575
|
-
} @else if $calcGutter == "omega" or $calcGutter == "no-right" and get-value(settings, gutter) != false {
|
575
|
+
} @else if $calcGutter == "omega" or $calcGutter == "no-right" or $calcGutter == "last" and get-value(settings, gutter) != false {
|
576
576
|
|
577
577
|
$outputWidth: (calc-width($calcKey, $calcSpan)) - (calc-margin($calcKey, $calcSpan));
|
578
578
|
$outputMarginRight: 0;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: flint-gs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.9
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ezekiel Gabrielse
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2014-
|
12
|
+
date: 2014-05-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass
|