flint-gs 1.6.0 → 1.6.1

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. data/LICENSE +21 -21
  2. data/README.md +900 -900
  3. data/lib/flint.rb +17 -17
  4. data/stylesheets/_flint.scss +6 -6
  5. data/stylesheets/flint/config/_config.scss +83 -83
  6. data/stylesheets/flint/functions/_functions.scss +41 -41
  7. data/stylesheets/flint/functions/helpers/_helpers.scss +178 -178
  8. data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +38 -38
  9. data/stylesheets/flint/functions/lib/_calc-margin.scss +31 -31
  10. data/stylesheets/flint/functions/lib/_calc-width.scss +44 -44
  11. data/stylesheets/flint/functions/lib/_exists.scss +21 -21
  12. data/stylesheets/flint/functions/lib/_fluid-width.scss +9 -9
  13. data/stylesheets/flint/functions/lib/_get-family-instance.scss +59 -59
  14. data/stylesheets/flint/functions/lib/_get-index.scss +14 -14
  15. data/stylesheets/flint/functions/lib/_get-instance-value.scss +19 -19
  16. data/stylesheets/flint/functions/lib/_get-substring.scss +23 -23
  17. data/stylesheets/flint/functions/lib/_get-value.scss +16 -16
  18. data/stylesheets/flint/functions/lib/_instance.scss +43 -43
  19. data/stylesheets/flint/functions/lib/_last.scss +8 -8
  20. data/stylesheets/flint/functions/lib/_list-to-string.scss +24 -24
  21. data/stylesheets/flint/functions/lib/_map-fetch.scss +33 -33
  22. data/stylesheets/flint/functions/lib/_next-index.scss +14 -14
  23. data/stylesheets/flint/functions/lib/_purge.scss +20 -20
  24. data/stylesheets/flint/functions/lib/_remove.scss +14 -14
  25. data/stylesheets/flint/functions/lib/_replace.scss +24 -24
  26. data/stylesheets/flint/functions/lib/_steal-key.scss +12 -12
  27. data/stylesheets/flint/functions/lib/_steal-values.scss +16 -16
  28. data/stylesheets/flint/functions/lib/_string-to-list.scss +84 -84
  29. data/stylesheets/flint/functions/lib/_string-to-number.scss +72 -72
  30. data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +25 -25
  31. data/stylesheets/flint/functions/lib/_support-syntax.scss +28 -28
  32. data/stylesheets/flint/functions/lib/_types-in-list.scss +120 -120
  33. data/stylesheets/flint/functions/lib/_use-syntax.scss +11 -11
  34. data/stylesheets/flint/globals/_globals.scss +22 -22
  35. data/stylesheets/flint/mixins/_mixins.scss +7 -7
  36. data/stylesheets/flint/mixins/lib/_calculate.scss +765 -765
  37. data/stylesheets/flint/mixins/lib/_clearfix.scss +18 -18
  38. data/stylesheets/flint/mixins/lib/_main.scss +910 -911
  39. data/stylesheets/flint/mixins/lib/_new-instance.scss +26 -26
  40. data/stylesheets/flint/mixins/lib/_print-instance.scss +41 -41
  41. metadata +21 -15
  42. checksums.yaml +0 -7
@@ -1,24 +1,24 @@
1
- // Gets substring from string
2
- // -------------------------------------------------------------------------------
3
- // @dependence `string-to-list()`
4
- // -------------------------------------------------------------------------------
5
- // @param $full-string [string] : string that contains substring
6
- // @param $depth [number | string] : depth of substring
7
- // -------------------------------------------------------------------------------
8
- // @return [string]
9
-
10
- @function get-substring($full-string, $depth) {
11
- @if is-string($full-string) {
12
- $get-substring: string-to-list($full-string);
13
-
14
- @if $depth == "last" {
15
- @return nth($get-substring, length($get-substring));
16
- } @else if $depth == "first" {
17
- @return nth($get-substring, 1);
18
- } @else {
19
- @return nth($get-substring, $depth);
20
- }
21
- } @else {
22
- @return "You did not input a valid string: #{$full-string}";
23
- }
1
+ // Gets substring from string
2
+ // -------------------------------------------------------------------------------
3
+ // @dependence `string-to-list()`
4
+ // -------------------------------------------------------------------------------
5
+ // @param $full-string [string] : string that contains substring
6
+ // @param $depth [number | string] : depth of substring
7
+ // -------------------------------------------------------------------------------
8
+ // @return [string]
9
+
10
+ @function get-substring($full-string, $depth) {
11
+ @if is-string($full-string) {
12
+ $get-substring: string-to-list($full-string);
13
+
14
+ @if $depth == "last" {
15
+ @return nth($get-substring, length($get-substring));
16
+ } @else if $depth == "first" {
17
+ @return nth($get-substring, 1);
18
+ } @else {
19
+ @return nth($get-substring, $depth);
20
+ }
21
+ } @else {
22
+ @return "You did not input a valid string: #{$full-string}";
23
+ }
24
24
  }
@@ -1,16 +1,16 @@
1
- // Get single value from key in instance map based on $selector::$key
2
- // -------------------------------------------------------------------------------
3
- // @dependence `map-fetch()`
4
- // -------------------------------------------------------------------------------
5
- // @param $key [string] : breakpoint key
6
- // @param $value [string] : key of value
7
- // -------------------------------------------------------------------------------
8
- // @return [literal]
9
-
10
- @function get-value($key, $value: null) {
11
- @if $value == null {
12
- @return map-fetch($flint, "config" $key);
13
- } @else {
14
- @return map-fetch($flint, "config" $key $value);
15
- }
16
- }
1
+ // Get single value from key in instance map based on $selector::$key
2
+ // -------------------------------------------------------------------------------
3
+ // @dependence `map-fetch()`
4
+ // -------------------------------------------------------------------------------
5
+ // @param $key [string] : breakpoint key
6
+ // @param $value [string] : key of value
7
+ // -------------------------------------------------------------------------------
8
+ // @return [literal]
9
+
10
+ @function get-value($key, $value: null) {
11
+ @if $value == null {
12
+ @return map-fetch($flint, "config" $key);
13
+ } @else {
14
+ @return map-fetch($flint, "config" $key $value);
15
+ }
16
+ }
@@ -1,44 +1,44 @@
1
- // Keeps count of all instances with arguments, stores in global var
2
- // -------------------------------------------------------------------------------
3
- // @dependence `get-value()`
4
- // -------------------------------------------------------------------------------
5
- // @param $key [string] : computed breakpoint of instance
6
- // @param $span [number] : computed span of instance
7
- // @param $context [number] : computed context of instance
8
- // @param $gutter [number] : computed gutter of instance
9
- // @param $shift [number] : computed shift of instance
10
- // @param $outputWidth [number] : computed width of instance
11
- // @param $outputMarginRight [number] : computed right margin of instance
12
- // @param $outputMarginLeft [number] : computed left margin of instance
13
- // -------------------------------------------------------------------------------
14
- // @return instance map
15
-
16
- @function instance($key, $span, $context, $gutter, $shift, $outputWidth, $outputMarginRight, $outputMarginLeft) {
17
- // Increase the instance count
18
- $flint__instance-count: $flint__instance-count + 1 !global;
19
- // Lets clean up the selector a bit...
20
- $selector-string: selector_string();
21
- $selector-list: string-to-list($selector-string);
22
- $selector-cleaned: list-to-string($selector-list, " ");
23
-
24
- $flint__instance: (
25
- "#{$selector-cleaned}::#{$key}": (
26
- "instance-count": #{$flint__instance-count},
27
- "parent-selector": #{if(get-family-instance($key) != false, get-family-instance($key), none)},
28
- "key": #{$key},
29
- "breakpoint": #{get-value($key, breakpoint)},
30
- "columns": #{get-value($key, columns)},
31
- "span": #{$span},
32
- "context": #{if($context == "auto", get-instance-value($key, "span"), $context)},
33
- "gutter": #{$gutter},
34
- "shift": #{$shift},
35
- "output": (
36
- "width": #{$outputWidth},
37
- "margin-right": #{$outputMarginRight},
38
- "margin-left": #{$outputMarginLeft},
39
- ),
40
- ),
41
- );
42
-
43
- @return map-merge($flint__instances, $flint__instance);
1
+ // Keeps count of all instances with arguments, stores in global var
2
+ // -------------------------------------------------------------------------------
3
+ // @dependence `get-value()`
4
+ // -------------------------------------------------------------------------------
5
+ // @param $key [string] : computed breakpoint of instance
6
+ // @param $span [number] : computed span of instance
7
+ // @param $context [number] : computed context of instance
8
+ // @param $gutter [number] : computed gutter of instance
9
+ // @param $shift [number] : computed shift of instance
10
+ // @param $outputWidth [number] : computed width of instance
11
+ // @param $outputMarginRight [number] : computed right margin of instance
12
+ // @param $outputMarginLeft [number] : computed left margin of instance
13
+ // -------------------------------------------------------------------------------
14
+ // @return instance map
15
+
16
+ @function instance($key, $span, $context, $gutter, $shift, $outputWidth, $outputMarginRight, $outputMarginLeft) {
17
+ // Increase the instance count
18
+ $flint__instance-count: $flint__instance-count + 1 !global;
19
+ // Lets clean up the selector a bit...
20
+ $selector-string: selector_string();
21
+ $selector-list: string-to-list($selector-string);
22
+ $selector-cleaned: list-to-string($selector-list, " ");
23
+
24
+ $flint__instance: (
25
+ "#{$selector-cleaned}::#{$key}": (
26
+ "instance-count": #{$flint__instance-count},
27
+ "parent-selector": #{if(get-family-instance($key) != false, get-family-instance($key), none)},
28
+ "key": #{$key},
29
+ "breakpoint": #{get-value($key, breakpoint)},
30
+ "columns": #{get-value($key, columns)},
31
+ "span": #{$span},
32
+ "context": #{if($context == "auto", get-instance-value($key, "span"), $context)},
33
+ "gutter": #{$gutter},
34
+ "shift": #{$shift},
35
+ "output": (
36
+ "width": #{$outputWidth},
37
+ "margin-right": #{$outputMarginRight},
38
+ "margin-left": #{$outputMarginLeft},
39
+ ),
40
+ ),
41
+ );
42
+
43
+ @return map-merge($flint__instances, $flint__instance);
44
44
  }
@@ -1,9 +1,9 @@
1
- // Get last item in list
2
- // -------------------------------------------------------------------------------
3
- // @param $list [list] : list
4
- // -------------------------------------------------------------------------------
5
- // @return [list]
6
-
7
- @function last($list) {
8
- @return nth($list, length($list));
1
+ // Get last item in list
2
+ // -------------------------------------------------------------------------------
3
+ // @param $list [list] : list
4
+ // -------------------------------------------------------------------------------
5
+ // @return [list]
6
+
7
+ @function last($list) {
8
+ @return nth($list, length($list));
9
9
  }
@@ -1,25 +1,25 @@
1
- // Joins all elements of $list with $glue
2
- // -------------------------------------------------------------------------------
3
- // @documentation http://sassylists.com/documentation/#to-string
4
- // -------------------------------------------------------------------------------
5
- // @param $list [list] : list
6
- // @param $glue [string] : value to use as a join string
7
- // -------------------------------------------------------------------------------
8
- // @return [string]
9
-
10
- @function list-to-string($list, $glue: "", $is-nested: false) {
11
- $result: null;
12
- $length: length($list);
13
-
14
- @for $i from 1 through $length {
15
- $n: nth($list, $i);
16
-
17
- @if is-list($n) {
18
- $result: $result#{list-to-string($n, $glue, true)};
19
- } @else {
20
- $result: if($i != length($list) or $is-nested, $result#{$n}#{$glue}, $result#{$n});
21
- }
22
- }
23
-
24
- @return $result;
1
+ // Joins all elements of $list with $glue
2
+ // -------------------------------------------------------------------------------
3
+ // @documentation http://sassylists.com/documentation/#to-string
4
+ // -------------------------------------------------------------------------------
5
+ // @param $list [list] : list
6
+ // @param $glue [string] : value to use as a join string
7
+ // -------------------------------------------------------------------------------
8
+ // @return [string]
9
+
10
+ @function list-to-string($list, $glue: "", $is-nested: false) {
11
+ $result: null;
12
+ $length: length($list);
13
+
14
+ @for $i from 1 through $length {
15
+ $n: nth($list, $i);
16
+
17
+ @if is-list($n) {
18
+ $result: $result#{list-to-string($n, $glue, true)};
19
+ } @else {
20
+ $result: if($i != length($list) or $is-nested, $result#{$n}#{$glue}, $result#{$n});
21
+ }
22
+ }
23
+
24
+ @return $result;
25
25
  }
@@ -1,33 +1,33 @@
1
- // Fetch value from key in map
2
- // -------------------------------------------------------------------------------
3
- // @param $map [map] : map to fetch from
4
- // @param $keys [string | list] : string of key, or list of strings
5
- // -------------------------------------------------------------------------------
6
- // @return fetched literal | false
7
-
8
- @function map-fetch($map, $keys) {
9
- $key: nth($keys, 1);
10
- $length: length($keys);
11
- $value: map-get($map, $key);
12
-
13
- // check if the key was incorrect, meaning the map doesn't exist
14
- @if $value == null {
15
- @warn "Invalid arguments passed to function: map-fetch(#{$map}, #{$keys}). One or more of the keys do not exist.";
16
- @return false;
17
- }
18
-
19
- @else {
20
- @if $length > 1 {
21
- $rest: ();
22
-
23
- @for $i from 2 through $length {
24
- $rest: append($rest, nth($keys, $i))
25
- }
26
-
27
- @return map-fetch($value, $rest);
28
-
29
- } @else {
30
- @return $value;
31
- }
32
- }
33
- }
1
+ // Fetch value from key in map
2
+ // -------------------------------------------------------------------------------
3
+ // @param $map [map] : map to fetch from
4
+ // @param $keys [string | list] : string of key, or list of strings
5
+ // -------------------------------------------------------------------------------
6
+ // @return fetched literal | false
7
+
8
+ @function map-fetch($map, $keys) {
9
+ $key: nth($keys, 1);
10
+ $length: length($keys);
11
+ $value: map-get($map, $key);
12
+
13
+ // check if the key was incorrect, meaning the map doesn't exist
14
+ @if $value == null {
15
+ @warn "Invalid arguments passed to function: map-fetch(#{$map}, #{$keys}). One or more of the keys do not exist.";
16
+ @return false;
17
+ }
18
+
19
+ @else {
20
+ @if $length > 1 {
21
+ $rest: ();
22
+
23
+ @for $i from 2 through $length {
24
+ $rest: append($rest, nth($keys, $i))
25
+ }
26
+
27
+ @return map-fetch($value, $rest);
28
+
29
+ } @else {
30
+ @return $value;
31
+ }
32
+ }
33
+ }
@@ -1,15 +1,15 @@
1
- // Returns next indexed key based on passed index
2
- // -------------------------------------------------------------------------------
3
- // @param $index [number] : index
4
- // -------------------------------------------------------------------------------
5
- // @return [string] | null
6
-
7
- @function next-index($index) {
8
- @if $index != (length(map-fetch($flint, "config")) - 1) {
9
- @each $key in nth(map-get($flint, "config"), $index + 1) {
10
- @return $key;
11
- }
12
- } @else {
13
- @return null;
14
- }
1
+ // Returns next indexed key based on passed index
2
+ // -------------------------------------------------------------------------------
3
+ // @param $index [number] : index
4
+ // -------------------------------------------------------------------------------
5
+ // @return [string] | null
6
+
7
+ @function next-index($index) {
8
+ @if $index != (length(map-fetch($flint, "config")) - 1) {
9
+ @each $key in nth(map-get($flint, "config"), $index + 1) {
10
+ @return $key;
11
+ }
12
+ } @else {
13
+ @return null;
14
+ }
15
15
  }
@@ -1,21 +1,21 @@
1
- // Removes all false and null values from $list
2
- // -------------------------------------------------------------------------------
3
- // @documentation http://sassylists.com/documentation.html#purge
4
- // -------------------------------------------------------------------------------
5
- // @dependence `is-true()`
6
- // -------------------------------------------------------------------------------
7
- // @param $list [list] : list
8
- // -------------------------------------------------------------------------------
9
- // @return [list]
10
-
11
- @function purge($list) {
12
- $result: ();
13
-
14
- @each $item in $list {
15
- @if is-true($item) {
16
- $result: append($result, $item, list-separator($list));
17
- }
18
- }
19
-
20
- @return $result;
1
+ // Removes all false and null values from $list
2
+ // -------------------------------------------------------------------------------
3
+ // @documentation http://sassylists.com/documentation.html#purge
4
+ // -------------------------------------------------------------------------------
5
+ // @dependence `is-true()`
6
+ // -------------------------------------------------------------------------------
7
+ // @param $list [list] : list
8
+ // -------------------------------------------------------------------------------
9
+ // @return [list]
10
+
11
+ @function purge($list) {
12
+ $result: ();
13
+
14
+ @each $item in $list {
15
+ @if is-true($item) {
16
+ $result: append($result, $item, list-separator($list));
17
+ }
18
+ }
19
+
20
+ @return $result;
21
21
  }
@@ -1,15 +1,15 @@
1
- // Removes value(s) $value from $list
2
- // -------------------------------------------------------------------------------
3
- // @documentation http://sassylists.com/documentation/#remove
4
- // -------------------------------------------------------------------------------
5
- // @dependence `replace()`
6
- // -------------------------------------------------------------------------------
7
- // @param $list [list] : list
8
- // @param $value [literal] : value to remove
9
- // @param $recursive [bool] : enable / disable recursivity
10
- // -------------------------------------------------------------------------------
11
- // @return [list]
12
-
13
- @function remove($list, $value) {
14
- @return replace($list, $value, null);
1
+ // Removes value(s) $value from $list
2
+ // -------------------------------------------------------------------------------
3
+ // @documentation http://sassylists.com/documentation/#remove
4
+ // -------------------------------------------------------------------------------
5
+ // @dependence `replace()`
6
+ // -------------------------------------------------------------------------------
7
+ // @param $list [list] : list
8
+ // @param $value [literal] : value to remove
9
+ // @param $recursive [bool] : enable / disable recursivity
10
+ // -------------------------------------------------------------------------------
11
+ // @return [list]
12
+
13
+ @function remove($list, $value) {
14
+ @return replace($list, $value, null);
15
15
  }
@@ -1,25 +1,25 @@
1
- // Replaces $old by $new in $list
2
- // -------------------------------------------------------------------------------
3
- // @documentation http://sassylists.com/documentation.html#replace
4
- // -------------------------------------------------------------------------------
5
- // @param $list [list] : list
6
- // @param $old [literal] : value to replace
7
- // @param $value [literal] : new value for $old
8
- // -------------------------------------------------------------------------------
9
- // @return [list]
10
-
11
- @function replace($list, $old, $value) {
12
- $running: true;
13
-
14
- @while $running {
15
- $index: index($list, $old);
16
-
17
- @if not $index {
18
- $running: false;
19
- } @else {
20
- $list: set-nth($list, $index, $value);
21
- }
22
- }
23
-
24
- @return if(not is-true($value), purge($list), $list);
1
+ // Replaces $old by $new in $list
2
+ // -------------------------------------------------------------------------------
3
+ // @documentation http://sassylists.com/documentation.html#replace
4
+ // -------------------------------------------------------------------------------
5
+ // @param $list [list] : list
6
+ // @param $old [literal] : value to replace
7
+ // @param $value [literal] : new value for $old
8
+ // -------------------------------------------------------------------------------
9
+ // @return [list]
10
+
11
+ @function replace($list, $old, $value) {
12
+ $running: true;
13
+
14
+ @while $running {
15
+ $index: index($list, $old);
16
+
17
+ @if not $index {
18
+ $running: false;
19
+ } @else {
20
+ $list: set-nth($list, $index, $value);
21
+ }
22
+ }
23
+
24
+ @return if(not is-true($value), purge($list), $list);
25
25
  }