flint-gs 1.12.0 → 2.0.0.rc.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.
- checksums.yaml +4 -4
- data/README.md +71 -207
- data/lib/flint.rb +8 -8
- data/stylesheets/_flint.scss +3 -2
- data/stylesheets/flint/config/_config.scss +37 -68
- data/stylesheets/flint/functions/_functions.scss +15 -7
- data/stylesheets/flint/functions/helpers/_helpers.scss +115 -117
- data/stylesheets/flint/functions/lib/_calc-breakpoint.scss +23 -32
- data/stylesheets/flint/functions/lib/_calc-width.scss +40 -26
- data/stylesheets/flint/functions/lib/_exists.scss +8 -7
- data/stylesheets/flint/functions/lib/_fluid-width.scss +8 -7
- data/stylesheets/flint/functions/lib/_get-index.scss +12 -10
- data/stylesheets/flint/functions/lib/_get-instance-value.scss +10 -16
- data/stylesheets/flint/functions/lib/_get-value.scss +9 -13
- data/stylesheets/flint/functions/lib/_has-family-instance.scss +21 -20
- data/stylesheets/flint/functions/lib/_instance.scss +19 -22
- data/stylesheets/flint/functions/lib/_last.scss +7 -6
- data/stylesheets/flint/functions/lib/_list-to-string.scss +11 -9
- data/stylesheets/flint/functions/lib/_map-fetch.scss +13 -19
- data/stylesheets/flint/functions/lib/_next-index.scss +9 -14
- data/stylesheets/flint/functions/lib/_purge.scss +9 -8
- data/stylesheets/flint/functions/lib/_remove.scss +11 -10
- data/stylesheets/flint/functions/lib/_replace-substring.scss +9 -8
- data/stylesheets/flint/functions/lib/_replace.scss +11 -10
- data/stylesheets/flint/functions/lib/_steal-key.scss +24 -13
- data/stylesheets/flint/functions/lib/_steal-values.scss +9 -12
- data/stylesheets/flint/functions/lib/_string-to-list.scss +11 -10
- data/stylesheets/flint/functions/lib/_support-syntax-bem.scss +10 -9
- data/stylesheets/flint/functions/lib/_support-syntax.scss +14 -12
- data/stylesheets/flint/functions/lib/_types-in-list.scss +9 -8
- data/stylesheets/flint/functions/lib/_use-syntax.scss +12 -8
- data/stylesheets/flint/globals/_globals.scss +35 -21
- data/stylesheets/flint/mixins/_mixins.scss +3 -2
- data/stylesheets/flint/mixins/lib/_box-sizing.scss +7 -7
- data/stylesheets/flint/mixins/lib/_calculate.scss +112 -583
- data/stylesheets/flint/mixins/lib/_clearfix.scss +7 -7
- data/stylesheets/flint/mixins/lib/_container.scss +6 -12
- data/stylesheets/flint/mixins/lib/_main.scss +271 -202
- data/stylesheets/flint/mixins/lib/_new-instance.scss +12 -15
- data/stylesheets/flint/mixins/lib/_print-instance.scss +16 -20
- metadata +3 -4
- data/stylesheets/flint/functions/lib/_calc-margin.scss +0 -57
@@ -1,24 +1,21 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
@mixin flint-new-instance($calc-key, $calc-span, $calc-context, $calc-gutter, $calc-shift, $output-width, $output-margin-right, $output-margin-left) {
|
1
|
+
/**
|
2
|
+
* Creates a new instance, adds to global instance map
|
3
|
+
*
|
4
|
+
* @param {String} $calc-key
|
5
|
+
* @param {Number} $calc-span
|
6
|
+
* @param {Number} $calc-context
|
7
|
+
* @param {Number} $calc-gutter
|
8
|
+
* @param {Number} $output-width
|
9
|
+
* @param {Number} $output-margin-right
|
10
|
+
* @param {Number} $output-margin-left
|
11
|
+
*/
|
12
|
+
@mixin flint-new-instance($calc-key, $calc-span, $calc-context, $calc-gutter, $output-width, $output-margin-right, $output-margin-left) {
|
15
13
|
$flint__instances:
|
16
14
|
flint-instance(
|
17
15
|
$calc-key,
|
18
16
|
$calc-span,
|
19
17
|
$calc-context,
|
20
18
|
$calc-gutter,
|
21
|
-
$calc-shift,
|
22
19
|
$output-width,
|
23
20
|
$output-margin-right,
|
24
21
|
$output-margin-left
|
@@ -1,27 +1,23 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
1
|
+
/**
|
2
|
+
* Prints debug properties
|
3
|
+
*
|
4
|
+
* @param {String} $calc-key - breakpoint key to search for instance
|
5
|
+
*/
|
7
6
|
@mixin flint-debug-instance($calc-key) {
|
8
7
|
@if flint-get-value("settings", "debug-mode") {
|
9
8
|
// Lets clean up the selector a bit...
|
10
|
-
$selector
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
$printKey: "#{$selector-cleaned}" + "::" + "#{$calc-key}";
|
15
|
-
@include flint-print-instance( map-get( $flint__instances, unquote($printKey) ) );
|
9
|
+
$selector: nth(&, 1);
|
10
|
+
// Append key to selector
|
11
|
+
$print-selector: "#{$selector}" + "::" + "#{$calc-key}";
|
12
|
+
@include flint-print-instance(map-get($flint__instances, unquote($print-selector)));
|
16
13
|
}
|
17
14
|
}
|
18
15
|
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
16
|
+
/**
|
17
|
+
* Prints all contents of instance map
|
18
|
+
*
|
19
|
+
* @param {Map} $instance - instance map
|
20
|
+
*/
|
25
21
|
@mixin flint-print-instance($instance) {
|
26
22
|
|
27
23
|
// Loop through each property in passed instance
|
@@ -29,8 +25,8 @@
|
|
29
25
|
|
30
26
|
// Check if value is output map
|
31
27
|
@if flint-is-map($value) {
|
32
|
-
@each $
|
33
|
-
-flint-output-#{$
|
28
|
+
@each $prop, $val in $value {
|
29
|
+
-flint-output-#{$prop}: #{$val};
|
34
30
|
}
|
35
31
|
// Else, print values as flagged comments
|
36
32
|
} @else {
|
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:
|
4
|
+
version: 2.0.0.rc.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Ezekiel Gabrielse
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-09-12 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -24,7 +24,7 @@ dependencies:
|
|
24
24
|
- - ~>
|
25
25
|
- !ruby/object:Gem::Version
|
26
26
|
version: '3.3'
|
27
|
-
description: Flint is a highly advanced Sass grid
|
27
|
+
description: Flint is a highly advanced Sass grid system designed for rapid responsive
|
28
28
|
development.
|
29
29
|
email:
|
30
30
|
- ezekg@yahoo.com
|
@@ -38,7 +38,6 @@ files:
|
|
38
38
|
- stylesheets/flint/functions/_functions.scss
|
39
39
|
- stylesheets/flint/functions/helpers/_helpers.scss
|
40
40
|
- stylesheets/flint/functions/lib/_calc-breakpoint.scss
|
41
|
-
- stylesheets/flint/functions/lib/_calc-margin.scss
|
42
41
|
- stylesheets/flint/functions/lib/_calc-width.scss
|
43
42
|
- stylesheets/flint/functions/lib/_exists.scss
|
44
43
|
- stylesheets/flint/functions/lib/_fluid-width.scss
|
@@ -1,57 +0,0 @@
|
|
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
|
-
}
|