flint-gs 1.12.0 → 2.0.0.rc.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|