flint-gs 2.2.0 → 2.3.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 +3 -1
- data/lib/flint/functions.rb +6 -6
- data/lib/flint/version.rb +1 -1
- data/stylesheets/flint/functions/_functions.scss +4 -3
- data/stylesheets/flint/functions/lib/_has-family-instance.scss +1 -1
- data/stylesheets/flint/functions/lib/_html-encode.scss +12 -0
- data/stylesheets/flint/functions/lib/{_list-to-string.scss → _list-to-str.scss} +3 -3
- data/stylesheets/flint/functions/lib/{_replace-substring.scss → _str-replace.scss} +2 -2
- data/stylesheets/flint/functions/lib/{_string-to-list.scss → _str-to-list.scss} +2 -2
- data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +2 -2
- data/stylesheets/flint/globals/_globals.scss +20 -2
- data/stylesheets/flint/mixins/_mixins.scss +1 -0
- data/stylesheets/flint/mixins/lib/_grid-overlay.scss +75 -0
- data/stylesheets/flint/mixins/lib/_main.scss +12 -4
- data/tests/input/functions/_functions.scss +3 -3
- data/tests/input/functions/lib/{_list-to-string.scss → _list-to-str.scss} +4 -4
- data/tests/input/functions/lib/{_replace-substring.scss → _str-replace.scss} +2 -2
- data/tests/input/functions/lib/{_string-to-list.scss → _str-to-list.scss} +4 -4
- data/tests/input/output.scss +14 -8
- data/tests/output/output.css +6 -1
- metadata +13 -11
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: aa4baf2a8dde1ec11107d30f28888880881df108
|
4
|
+
data.tar.gz: 2652105449a0675dcbb6c1f6a19f2cef7047db60
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 428319e8a93ce4d6e7f6655acf985740ea5f6d5198be0c2226d908a1efb40894485a58990482a2735d8d5fb0730aca235421e9e67939c05d2950cad0ce0756b7
|
7
|
+
data.tar.gz: 05ac9873e0ad90d0c06635da0c7befe3a56953c15c6b87f6399816a9616a9678ff046028da10cd65ebe90d627ed4550a647f86a446a010888afd93da7d9a19b8
|
data/README.md
CHANGED
@@ -1,6 +1,8 @@
|
|
1
1
|
[![Flint - Grid System](http://flint.gs/wp-content/themes/flint/images/logo.png)](http://flint.gs)
|
2
2
|
|
3
|
-
[![Gem
|
3
|
+
[![Gem](https://img.shields.io/gem/v/flint-gs.svg?style=flat-square)](https://rubygems.org/gems/flint-gs)
|
4
|
+
[![Bower](https://img.shields.io/bower/v/flint.svg?style=flat-square)](http://bower.io/search/?q=flint)
|
5
|
+
[![GitHub license](https://img.shields.io/github/license/ezekg/flint.svg?style=flat-square)](https://github.com/ezekg/flint/blob/master/LICENSE)
|
4
6
|
|
5
7
|
## What is Flint?
|
6
8
|
Flint is a responsive grid framework written in Sass, created to allow developers to rapidly produce responsive layouts that are built on a sophisticated foundation.
|
data/lib/flint/functions.rb
CHANGED
@@ -43,7 +43,7 @@ module Flint
|
|
43
43
|
#
|
44
44
|
# @return {String}
|
45
45
|
#
|
46
|
-
def
|
46
|
+
def flint_ruby_list_to_str(list, glue)
|
47
47
|
assert_type list, :List, :list
|
48
48
|
assert_type glue, :String, :glue
|
49
49
|
|
@@ -51,7 +51,7 @@ module Flint
|
|
51
51
|
|
52
52
|
Sass::Script::String.new(arr.join(glue.value))
|
53
53
|
end
|
54
|
-
declare :
|
54
|
+
declare :flint_ruby_list_to_str, :args => [:list, :glue]
|
55
55
|
|
56
56
|
#
|
57
57
|
# Turn string into a flat list
|
@@ -62,7 +62,7 @@ module Flint
|
|
62
62
|
#
|
63
63
|
# @return {List}
|
64
64
|
#
|
65
|
-
def
|
65
|
+
def flint_ruby_str_to_list(string, separator, ignore)
|
66
66
|
assert_type string, :String, :string
|
67
67
|
assert_type separator, :String, :separator
|
68
68
|
assert_type ignore, :String, :ignore
|
@@ -76,7 +76,7 @@ module Flint
|
|
76
76
|
Sass::Script::List.new(items.map { |i| Sass::Script::String.new(i) }, :comma)
|
77
77
|
end
|
78
78
|
end
|
79
|
-
declare :
|
79
|
+
declare :flint_ruby_str_to_list, :args => [:string, :separator, :ignore]
|
80
80
|
|
81
81
|
#
|
82
82
|
# Replace substring with string
|
@@ -87,14 +87,14 @@ module Flint
|
|
87
87
|
#
|
88
88
|
# @return {String}
|
89
89
|
#
|
90
|
-
def
|
90
|
+
def flint_ruby_str_replace(string, find, replace)
|
91
91
|
assert_type string, :String, :string
|
92
92
|
assert_type find, :String, :find
|
93
93
|
assert_type replace, :String, :replace
|
94
94
|
|
95
95
|
Sass::Script::String.new(string.value.gsub(find.value, replace.value))
|
96
96
|
end
|
97
|
-
declare :
|
97
|
+
declare :flint_ruby_str_replace, :args => [:string, :find, :replace]
|
98
98
|
|
99
99
|
#
|
100
100
|
# Check if key exists in map
|
data/lib/flint/version.rb
CHANGED
@@ -7,6 +7,7 @@
|
|
7
7
|
// Functions
|
8
8
|
//
|
9
9
|
@import "lib/exists";
|
10
|
+
@import "lib/html-encode";
|
10
11
|
|
11
12
|
// Getters
|
12
13
|
@import "lib/map-fetch";
|
@@ -26,7 +27,7 @@
|
|
26
27
|
@import "lib/get-instance-value";
|
27
28
|
|
28
29
|
// List functions
|
29
|
-
@import "lib/list-to-
|
30
|
+
@import "lib/list-to-str";
|
30
31
|
@import "lib/types-in-list";
|
31
32
|
@import "lib/next-index";
|
32
33
|
@import "lib/purge";
|
@@ -35,8 +36,8 @@
|
|
35
36
|
@import "lib/last";
|
36
37
|
|
37
38
|
// String functions
|
38
|
-
@import "lib/replace
|
39
|
-
@import "lib/
|
39
|
+
@import "lib/str-replace";
|
40
|
+
@import "lib/str-to-list";
|
40
41
|
|
41
42
|
//
|
42
43
|
// Support syntax
|
@@ -56,7 +56,7 @@
|
|
56
56
|
|
57
57
|
// Loop through length of list of selectors
|
58
58
|
@for $i from 1 through $length {
|
59
|
-
$selector-string: flint-list-to-
|
59
|
+
$selector-string: flint-list-to-str($selector-list, " ");
|
60
60
|
|
61
61
|
// Make sure that we're not counting the current selector set
|
62
62
|
@if flint-exists($flint-instances, "#{$selector-string}::#{$key}") and $selector != $selector-list {
|
@@ -0,0 +1,12 @@
|
|
1
|
+
///
|
2
|
+
/// HTML encode string
|
3
|
+
///
|
4
|
+
@function flint-html-encode($string) {
|
5
|
+
$encode-map: ("%": "%25", " ": "%20", "!": "%21", '"': "%22", "#": "%23", "$": "%24", "&": "%26", "'": "%27", "(": "%28", ")": "%29", "*": "%2A", "+": "%2B", ",": "%2C", "-": "%2D", ".": "%2E", "/": "%2F", ":": "%3A", ";": "%3B", "<": "%3C", "=": "%3D", ">": "%3E", "?": "%3F", "@": "%40", "[": "%5B", "\\": "%5C", "]": "%5D", "^": "%5E", "_": "%5F", "`": "%60", "{": "%7B", "|": "%7C", "}": "%7D", "~": "%7E", "¢": "%A2", "£": "%A3", "¥": "%A5", "§": "%A7", "«": "%AB", "¬": "%AC", "¯": "%AD", "º": "%B0", "±": "%B1", "ª": "%B2", "µ": "%B5", "»": "%BB", "¼": "%BC", "½": "%BD", "¿": "%BF", "À": "%C0", "Á": "%C1", "Â": "%C2", "Ã": "%C3", "Ä": "%C4", "Å": "%C5", "Æ": "%C6", "Ç": "%C7", "È": "%C8", "É": "%C9", "Ê": "%CA", "Ë": "%CB", "Ì": "%CC", "Í": "%CD", "Î": "%CE", "Ï": "%CF", "Ð": "%D0", "Ñ": "%D1", "Ò": "%D2", "Ó": "%D3", "Ô": "%D4", "Õ": "%D5", "Ö": "%D6", "Ø": "%D8", "Ù": "%D9", "Ú": "%DA", "Û": "%DB", "Ü": "%DC", "Ý": "%DD", "Þ": "%DE", "ß": "%DF", "à": "%E0", "á": "%E1", "â": "%E2", "ã": "%E3", "ä": "%E4", "å": "%E5", "æ": "%E6", "ç": "%E7", "è": "%E8", "é": "%E9", "ê": "%EA", "ë": "%EB", "ì": "%EC", "í": "%ED", "î": "%EE", "ï": "%EF", "ð": "%F0", "ñ": "%F1", "ò": "%F2", "ó": "%F3", "ô": "%F4", "õ": "%F5", "ö": "%F6", "÷": "%F7", "ø": "%F8", "ù": "%F9", "ú": "%FA", "û": "%FB", "ü": "%FC", "ý": "%FD", "þ": "%FE", "ÿ": "%FF");
|
6
|
+
|
7
|
+
@each $search, $replace in $encode-map {
|
8
|
+
$string: flint-str-replace($string, $search, $replace);
|
9
|
+
}
|
10
|
+
|
11
|
+
@return $string;
|
12
|
+
}
|
@@ -13,11 +13,11 @@
|
|
13
13
|
///
|
14
14
|
/// @group Internal Functions
|
15
15
|
///
|
16
|
-
@function flint-list-to-
|
16
|
+
@function flint-list-to-str($list, $glue: "", $is-nested: false) {
|
17
17
|
|
18
18
|
// Use Ruby function if available
|
19
19
|
@if $flint-use-ruby-functions {
|
20
|
-
@return
|
20
|
+
@return flint_ruby_list_to_str($list, $glue);
|
21
21
|
} @else {
|
22
22
|
$result: null;
|
23
23
|
$length: length($list);
|
@@ -26,7 +26,7 @@
|
|
26
26
|
$n: nth($list, $i);
|
27
27
|
|
28
28
|
@if flint-is-list($n) {
|
29
|
-
$result: $result#{flint-list-to-
|
29
|
+
$result: $result#{flint-list-to-str($n, $glue, true)};
|
30
30
|
} @else {
|
31
31
|
$result: if($i != length($list) or $is-nested, $result#{$n}#{$glue}, $result#{$n});
|
32
32
|
}
|
@@ -11,11 +11,11 @@
|
|
11
11
|
///
|
12
12
|
/// @group Internal Functions
|
13
13
|
///
|
14
|
-
@function flint-replace
|
14
|
+
@function flint-str-replace($string, $substring, $new-substring: " ") {
|
15
15
|
|
16
16
|
// Use Ruby function if available
|
17
17
|
@if $flint-use-ruby-functions {
|
18
|
-
@return
|
18
|
+
@return flint_ruby_str_replace($string, $substring, $new-substring);
|
19
19
|
} @else {
|
20
20
|
// Loop through length of string
|
21
21
|
@for $i from 1 through str-length($string) {
|
@@ -11,12 +11,12 @@
|
|
11
11
|
///
|
12
12
|
/// @group Internal Functions
|
13
13
|
///
|
14
|
-
@function flint-
|
14
|
+
@function flint-str-to-list($string, $find: " ", $ignore: ",") {
|
15
15
|
@if flint-is-string($string) {
|
16
16
|
|
17
17
|
// Use Ruby function if available
|
18
18
|
@if $flint-use-ruby-functions {
|
19
|
-
@return
|
19
|
+
@return flint_ruby_str_to_list($string, $find, $ignore);
|
20
20
|
} @else {
|
21
21
|
$string-list: ();
|
22
22
|
$space-indexes: ();
|
@@ -12,9 +12,9 @@
|
|
12
12
|
@function flint-support-syntax-bem($selectors) {
|
13
13
|
// Clean up selector, remove double underscores for spaces
|
14
14
|
// add pseudo character to differentiate selectors
|
15
|
-
$selectors: flint-replace
|
15
|
+
$selectors: flint-str-replace(unquote(inspect($selectors)), "__", "/");
|
16
16
|
// Parse string back to list without pseudo character
|
17
|
-
$selectors: flint-
|
17
|
+
$selectors: flint-str-to-list($selectors, "/");
|
18
18
|
// Define top-most parent of selector
|
19
19
|
$parent: nth($selectors, 1);
|
20
20
|
// Create new list of parsed selectors
|
@@ -16,9 +16,9 @@ $flint-development-mode: false !global;
|
|
16
16
|
///
|
17
17
|
/// @access private
|
18
18
|
///
|
19
|
-
/// @type
|
19
|
+
/// @type Bool
|
20
20
|
///
|
21
|
-
$flint-foundation:
|
21
|
+
$flint-foundation: false !global;
|
22
22
|
|
23
23
|
///
|
24
24
|
/// Keep count of all instances
|
@@ -102,3 +102,21 @@ $flint-cached-values: () !global;
|
|
102
102
|
/// @type Map
|
103
103
|
///
|
104
104
|
$flint-cached-results: () !global;
|
105
|
+
|
106
|
+
///
|
107
|
+
/// Bool check for overlay
|
108
|
+
///
|
109
|
+
/// @access private
|
110
|
+
///
|
111
|
+
/// @type Bool
|
112
|
+
///
|
113
|
+
$flint-overlay: false !global;
|
114
|
+
|
115
|
+
///
|
116
|
+
/// Color for grid overlay
|
117
|
+
///
|
118
|
+
/// @access private
|
119
|
+
///
|
120
|
+
/// @type Color
|
121
|
+
///
|
122
|
+
$flint-overlay-color: #f33 !global;
|
@@ -0,0 +1,75 @@
|
|
1
|
+
///
|
2
|
+
/// Create encoded SVG grid overlay
|
3
|
+
///
|
4
|
+
/// @access private
|
5
|
+
///
|
6
|
+
/// @param {String} $key - breakpoint alias
|
7
|
+
/// @param {Number} $breakpoint - breakpoint value
|
8
|
+
/// @param {Number} $columns - breakpoint column count
|
9
|
+
/// @param {Number} $gutter - gutter value
|
10
|
+
///
|
11
|
+
/// @group Internal Mixins
|
12
|
+
///
|
13
|
+
@mixin flint-svg-grid($key, $breakpoint, $columns, $gutter) {
|
14
|
+
$svg: "<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
|
15
|
+
<defs>
|
16
|
+
<linearGradient id='gr' x1='0%' y1='0%' x2='100%' y2='0%'>
|
17
|
+
<stop offset='0%' style='stop-color: #{$flint-overlay-color};' />
|
18
|
+
<stop offset='100%' style='stop-color: #{lighten($flint-overlay-color, 10%)};' />
|
19
|
+
</linearGradient>
|
20
|
+
</defs>";
|
21
|
+
|
22
|
+
@for $i from 1 through $columns {
|
23
|
+
$x: flint-fluid-width(((($breakpoint / $columns) * ($i - 1)) + $gutter), $breakpoint);
|
24
|
+
$span: flint-fluid-width(((($breakpoint) / $columns)) - ($gutter * 2), $breakpoint);
|
25
|
+
$svg: $svg + "<rect x='#{$x}' fill='url(#gr)' width='#{$span}' height='100%'/>";
|
26
|
+
}
|
27
|
+
|
28
|
+
$svg: $svg + "</svg>";
|
29
|
+
|
30
|
+
@include _($key) {
|
31
|
+
max-width: $breakpoint;
|
32
|
+
background: {
|
33
|
+
image: url("data:image/svg+xml," + flint-html-encode($svg));
|
34
|
+
size: 100% 100%;
|
35
|
+
position: 0 0;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
///
|
41
|
+
/// Apply SVG grid overlay
|
42
|
+
///
|
43
|
+
/// @access private
|
44
|
+
///
|
45
|
+
/// @requires {Mixin} background-grid
|
46
|
+
///
|
47
|
+
/// @group Internal Mixins
|
48
|
+
///
|
49
|
+
@mixin flint-overlay-grid {
|
50
|
+
html {
|
51
|
+
position: relative;
|
52
|
+
|
53
|
+
&:after {
|
54
|
+
transform: translateX(-50%);
|
55
|
+
content: " ";
|
56
|
+
position: absolute;
|
57
|
+
display: block;
|
58
|
+
top: 0;
|
59
|
+
left: 50%;
|
60
|
+
bottom: 0;
|
61
|
+
right: 0;
|
62
|
+
width: 100%;
|
63
|
+
height: 100%;
|
64
|
+
opacity: 0.25;
|
65
|
+
z-index: 9999;
|
66
|
+
pointer: {
|
67
|
+
events: none;
|
68
|
+
}
|
69
|
+
|
70
|
+
@each $key, $settings in flint-get-value("breakpoints") {
|
71
|
+
@include flint-svg-grid($key, map-get($settings, "breakpoint"), map-get($settings, "columns"), flint-get-gutter());
|
72
|
+
}
|
73
|
+
}
|
74
|
+
}
|
75
|
+
}
|
@@ -492,6 +492,14 @@
|
|
492
492
|
}
|
493
493
|
}
|
494
494
|
|
495
|
+
//
|
496
|
+
// Apply grid overlay if debug mode is enabled
|
497
|
+
//
|
498
|
+
@if not $flint-overlay and flint-get-value("settings", "debug-mode") {
|
499
|
+
$flint-overlay: true !global;
|
500
|
+
@include flint-overlay-grid;
|
501
|
+
}
|
502
|
+
|
495
503
|
//
|
496
504
|
// Foundation
|
497
505
|
//
|
@@ -499,11 +507,11 @@
|
|
499
507
|
|
500
508
|
// Apply global border-box-sizing if set to true
|
501
509
|
@if flint-get-value("settings", "border-box-sizing") {
|
502
|
-
$flint-foundation:
|
510
|
+
$flint-foundation: true !global;
|
503
511
|
}
|
504
512
|
|
505
513
|
// Foundation is now globally existant
|
506
|
-
@if $flint-foundation
|
514
|
+
@if $flint-foundation {
|
507
515
|
@at-root *, *:before, *:after {
|
508
516
|
@include flint-box-sizing;
|
509
517
|
@content;
|
@@ -516,7 +524,7 @@
|
|
516
524
|
} @else if $key == "container" or $span == "container" or $context == "container" {
|
517
525
|
|
518
526
|
// Apply individually if foundation is not set globally, but is set to true in config
|
519
|
-
@if flint-get-value("settings", "border-box-sizing") and $flint-foundation
|
527
|
+
@if flint-get-value("settings", "border-box-sizing") and not $flint-foundation {
|
520
528
|
@include _("foundation");
|
521
529
|
}
|
522
530
|
|
@@ -609,7 +617,7 @@
|
|
609
617
|
} @else {
|
610
618
|
|
611
619
|
// Apply individually if foundation is not set globally, but is set to true in config
|
612
|
-
@if flint-get-value("settings", "border-box-sizing") and $flint-foundation
|
620
|
+
@if flint-get-value("settings", "border-box-sizing") and not $flint-foundation {
|
613
621
|
@include _("foundation");
|
614
622
|
}
|
615
623
|
|
@@ -26,7 +26,7 @@
|
|
26
26
|
@import "lib/get-instance-value";
|
27
27
|
|
28
28
|
// List functions
|
29
|
-
@import "lib/list-to-
|
29
|
+
@import "lib/list-to-str";
|
30
30
|
@import "lib/types-in-list";
|
31
31
|
@import "lib/next-index";
|
32
32
|
@import "lib/purge";
|
@@ -35,8 +35,8 @@
|
|
35
35
|
@import "lib/last";
|
36
36
|
|
37
37
|
// String functions
|
38
|
-
@import "lib/replace
|
39
|
-
@import "lib/
|
38
|
+
@import "lib/str-replace";
|
39
|
+
@import "lib/str-to-list";
|
40
40
|
|
41
41
|
///
|
42
42
|
/// Support syntax
|
@@ -1,27 +1,27 @@
|
|
1
1
|
//
|
2
2
|
// Joins all elements of list with passed glue
|
3
3
|
//
|
4
|
-
@include describe("[function] list-to-
|
4
|
+
@include describe("[function] list-to-str") {
|
5
5
|
|
6
6
|
$list: ("one", "two", "three");
|
7
7
|
|
8
8
|
@include it("should expect the list to be converted into a string without spaces") {
|
9
9
|
@include should(expect(
|
10
|
-
flint-list-to-
|
10
|
+
flint-list-to-str($list)),
|
11
11
|
to(be("onetwothree"))
|
12
12
|
);
|
13
13
|
}
|
14
14
|
|
15
15
|
@include it("should expect the list to be converted into a string with spaces") {
|
16
16
|
@include should(expect(
|
17
|
-
flint-list-to-
|
17
|
+
flint-list-to-str($list, " ")),
|
18
18
|
to(be("one two three"))
|
19
19
|
);
|
20
20
|
}
|
21
21
|
|
22
22
|
@include it("should expect the list to be converted into a string with commas") {
|
23
23
|
@include should(expect(
|
24
|
-
flint-list-to-
|
24
|
+
flint-list-to-str($list, ", ")),
|
25
25
|
to(be("one, two, three"))
|
26
26
|
);
|
27
27
|
}
|
@@ -1,13 +1,13 @@
|
|
1
1
|
//
|
2
2
|
// Replace substring
|
3
3
|
//
|
4
|
-
@include describe("[function] replace
|
4
|
+
@include describe("[function] str-replace") {
|
5
5
|
|
6
6
|
$string: "this is a string";
|
7
7
|
|
8
8
|
@include it("should expect the substring to be updated inside of string") {
|
9
9
|
@include should(expect(
|
10
|
-
flint-replace
|
10
|
+
flint-str-replace($string, "a", "an awesome")),
|
11
11
|
to(be("this is an awesome string"))
|
12
12
|
);
|
13
13
|
}
|
@@ -1,27 +1,27 @@
|
|
1
1
|
//
|
2
2
|
// Turns string into a flat list
|
3
3
|
//
|
4
|
-
@include describe("[function]
|
4
|
+
@include describe("[function] str-to-list") {
|
5
5
|
|
6
6
|
$string: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
|
7
7
|
|
8
8
|
@include it("should expect string to be converted into a list") {
|
9
9
|
@include should(expect(
|
10
|
-
flint-
|
10
|
+
flint-str-to-list($string, " ", "")),
|
11
11
|
to(be(("Lorem", "ipsum", "dolor", "sit", "amet,", "consectetur", "adipiscing", "elit,", "sed", "do", "eiusmod", "tempor", "incididunt", "ut", "labore", "et", "dolore", "magna", "aliqua.")))
|
12
12
|
);
|
13
13
|
}
|
14
14
|
|
15
15
|
@include it("should expect string to be converted into a list") {
|
16
16
|
@include should(expect(
|
17
|
-
flint-
|
17
|
+
flint-str-to-list($string, " ", "d")),
|
18
18
|
to(be(("Lorem", "ipsum")))
|
19
19
|
);
|
20
20
|
}
|
21
21
|
|
22
22
|
@include it("should expect string up to comma to be converted into a list") {
|
23
23
|
@include should(expect(
|
24
|
-
flint-
|
24
|
+
flint-str-to-list($string)),
|
25
25
|
to(be(("Lorem", "ipsum", "dolor", "sit", "amet")))
|
26
26
|
);
|
27
27
|
}
|
data/tests/input/output.scss
CHANGED
@@ -12,20 +12,20 @@ $flint: (
|
|
12
12
|
"breakpoints": (
|
13
13
|
"desktop": (
|
14
14
|
"columns": 16,
|
15
|
-
"breakpoint": 80em
|
15
|
+
"breakpoint": 80em,
|
16
16
|
),
|
17
17
|
"laptop": (
|
18
18
|
"columns": 12,
|
19
|
-
"breakpoint": 60em
|
19
|
+
"breakpoint": 60em,
|
20
20
|
),
|
21
21
|
"tablet": (
|
22
22
|
"columns": 8,
|
23
|
-
"breakpoint": 40em
|
23
|
+
"breakpoint": 40em,
|
24
24
|
),
|
25
25
|
"mobile": (
|
26
26
|
"columns": 4,
|
27
|
-
"breakpoint": 20em
|
28
|
-
)
|
27
|
+
"breakpoint": 20em,
|
28
|
+
),
|
29
29
|
),
|
30
30
|
"settings": (
|
31
31
|
"default": "mobile",
|
@@ -37,10 +37,16 @@ $flint: (
|
|
37
37
|
"border-box-sizing": true,
|
38
38
|
"instance-maps": true,
|
39
39
|
"support-syntax": false,
|
40
|
-
"debug-mode": false
|
40
|
+
"debug-mode": false,
|
41
41
|
)
|
42
42
|
) !global;
|
43
43
|
|
44
|
+
// Quick reset
|
45
|
+
body {
|
46
|
+
margin: 0;
|
47
|
+
padding: 0;
|
48
|
+
}
|
49
|
+
|
44
50
|
// Enable development mode
|
45
51
|
$flint-development-mode: true !global;
|
46
52
|
|
@@ -59,7 +65,7 @@ $flint-development-mode: true !global;
|
|
59
65
|
|
60
66
|
@include it("should expect foundation to not be set") {
|
61
67
|
@include should(expect($flint-foundation),
|
62
|
-
to(be(
|
68
|
+
to(be(false))
|
63
69
|
);
|
64
70
|
}
|
65
71
|
|
@@ -67,7 +73,7 @@ $flint-development-mode: true !global;
|
|
67
73
|
|
68
74
|
@include it("should expect foundation to be set") {
|
69
75
|
@include should(expect($flint-foundation),
|
70
|
-
to(be(
|
76
|
+
to(be(true))
|
71
77
|
);
|
72
78
|
}
|
73
79
|
|
data/tests/output/output.css
CHANGED
@@ -1,4 +1,9 @@
|
|
1
1
|
@charset "UTF-8";
|
2
|
+
body {
|
3
|
+
margin: 0;
|
4
|
+
padding: 0;
|
5
|
+
}
|
6
|
+
|
2
7
|
*, *:before, *:after {
|
3
8
|
box-sizing: border-box;
|
4
9
|
}
|
@@ -1875,7 +1880,7 @@ div[class*="col"] {
|
|
1875
1880
|
margin-top: 10px;
|
1876
1881
|
margin-bottom: 10px;
|
1877
1882
|
padding: 2em 0;
|
1878
|
-
outline: #
|
1883
|
+
outline: #3e5973 solid 2px;
|
1879
1884
|
}
|
1880
1885
|
div[class*="col"]:before {
|
1881
1886
|
position: absolute;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: flint-gs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ezekiel Gabrielse
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2015-
|
11
|
+
date: 2015-07-23 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -91,18 +91,19 @@ files:
|
|
91
91
|
- stylesheets/flint/functions/lib/_get-instance-value.scss
|
92
92
|
- stylesheets/flint/functions/lib/_get-value.scss
|
93
93
|
- stylesheets/flint/functions/lib/_has-family-instance.scss
|
94
|
+
- stylesheets/flint/functions/lib/_html-encode.scss
|
94
95
|
- stylesheets/flint/functions/lib/_instance.scss
|
95
96
|
- stylesheets/flint/functions/lib/_last.scss
|
96
|
-
- stylesheets/flint/functions/lib/_list-to-
|
97
|
+
- stylesheets/flint/functions/lib/_list-to-str.scss
|
97
98
|
- stylesheets/flint/functions/lib/_map-fetch.scss
|
98
99
|
- stylesheets/flint/functions/lib/_next-index.scss
|
99
100
|
- stylesheets/flint/functions/lib/_purge.scss
|
100
101
|
- stylesheets/flint/functions/lib/_remove.scss
|
101
|
-
- stylesheets/flint/functions/lib/_replace-substring.scss
|
102
102
|
- stylesheets/flint/functions/lib/_replace.scss
|
103
103
|
- stylesheets/flint/functions/lib/_steal-key.scss
|
104
104
|
- stylesheets/flint/functions/lib/_steal-values.scss
|
105
|
-
- stylesheets/flint/functions/lib/
|
105
|
+
- stylesheets/flint/functions/lib/_str-replace.scss
|
106
|
+
- stylesheets/flint/functions/lib/_str-to-list.scss
|
106
107
|
- stylesheets/flint/functions/lib/_support-syntax-bem.scss
|
107
108
|
- stylesheets/flint/functions/lib/_support-syntax.scss
|
108
109
|
- stylesheets/flint/functions/lib/_types-in-list.scss
|
@@ -113,6 +114,7 @@ files:
|
|
113
114
|
- stylesheets/flint/mixins/lib/_calculate.scss
|
114
115
|
- stylesheets/flint/mixins/lib/_clearfix.scss
|
115
116
|
- stylesheets/flint/mixins/lib/_container.scss
|
117
|
+
- stylesheets/flint/mixins/lib/_grid-overlay.scss
|
116
118
|
- stylesheets/flint/mixins/lib/_main.scss
|
117
119
|
- stylesheets/flint/mixins/lib/_new-instance.scss
|
118
120
|
- stylesheets/flint/mixins/lib/_print-instance.scss
|
@@ -207,16 +209,16 @@ files:
|
|
207
209
|
- tests/input/functions/lib/_has-family-instance.scss
|
208
210
|
- tests/input/functions/lib/_instance.scss
|
209
211
|
- tests/input/functions/lib/_last.scss
|
210
|
-
- tests/input/functions/lib/_list-to-
|
212
|
+
- tests/input/functions/lib/_list-to-str.scss
|
211
213
|
- tests/input/functions/lib/_map-fetch.scss
|
212
214
|
- tests/input/functions/lib/_next-index.scss
|
213
215
|
- tests/input/functions/lib/_purge.scss
|
214
216
|
- tests/input/functions/lib/_remove.scss
|
215
|
-
- tests/input/functions/lib/_replace-substring.scss
|
216
217
|
- tests/input/functions/lib/_replace.scss
|
217
218
|
- tests/input/functions/lib/_steal-key.scss
|
218
219
|
- tests/input/functions/lib/_steal-values.scss
|
219
|
-
- tests/input/functions/lib/
|
220
|
+
- tests/input/functions/lib/_str-replace.scss
|
221
|
+
- tests/input/functions/lib/_str-to-list.scss
|
220
222
|
- tests/input/functions/lib/_support-syntax-bem.scss
|
221
223
|
- tests/input/functions/lib/_support-syntax.scss
|
222
224
|
- tests/input/functions/lib/_types-in-list.scss
|
@@ -340,16 +342,16 @@ test_files:
|
|
340
342
|
- tests/input/functions/lib/_has-family-instance.scss
|
341
343
|
- tests/input/functions/lib/_instance.scss
|
342
344
|
- tests/input/functions/lib/_last.scss
|
343
|
-
- tests/input/functions/lib/_list-to-
|
345
|
+
- tests/input/functions/lib/_list-to-str.scss
|
344
346
|
- tests/input/functions/lib/_map-fetch.scss
|
345
347
|
- tests/input/functions/lib/_next-index.scss
|
346
348
|
- tests/input/functions/lib/_purge.scss
|
347
349
|
- tests/input/functions/lib/_remove.scss
|
348
|
-
- tests/input/functions/lib/_replace-substring.scss
|
349
350
|
- tests/input/functions/lib/_replace.scss
|
350
351
|
- tests/input/functions/lib/_steal-key.scss
|
351
352
|
- tests/input/functions/lib/_steal-values.scss
|
352
|
-
- tests/input/functions/lib/
|
353
|
+
- tests/input/functions/lib/_str-replace.scss
|
354
|
+
- tests/input/functions/lib/_str-to-list.scss
|
353
355
|
- tests/input/functions/lib/_support-syntax-bem.scss
|
354
356
|
- tests/input/functions/lib/_support-syntax.scss
|
355
357
|
- tests/input/functions/lib/_types-in-list.scss
|