piecss 0.6.0 → 0.7.0
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/sass/piecss/_behavior.scss +5 -0
- data/sass/piecss/_settings.scss +2 -2
- data/sass/piecss/_utilities.scss +2 -4
- data/sass/piecss/behavior/anchor/_anchor.scss +7 -21
- data/sass/piecss/behavior/anchor/_settings.scss +11 -0
- data/sass/piecss/behavior/base/_base.scss +0 -1
- data/sass/piecss/behavior/base/_collection.scss +3 -3
- data/sass/piecss/behavior/base/_settings.scss +1 -1
- data/sass/piecss/behavior/debug/_behavior.scss +22 -0
- data/sass/piecss/behavior/debug/_mixins.scss +127 -0
- data/sass/piecss/behavior/debug/_settings.scss +81 -0
- data/sass/piecss/behavior/is/_collection.scss +57 -0
- data/sass/piecss/behavior/is/_settings.scss +12 -0
- data/sass/piecss/behavior/layout/_bleed.scss +23 -0
- data/sass/piecss/behavior/layout/_chain.scss +45 -0
- data/sass/piecss/behavior/layout/_column.scss +14 -0
- data/sass/piecss/behavior/layout/_grid.scss +13 -3
- data/sass/piecss/behavior/layout/_gutters.scss +32 -0
- data/sass/piecss/behavior/layout/_layout.scss +29 -29
- data/sass/piecss/behavior/layout/_leader.scss +57 -0
- data/sass/piecss/behavior/layout/_trailer.scss +57 -0
- data/sass/piecss/behavior/layout/_wings.scss +122 -0
- data/sass/piecss/behavior/list/_list.scss +134 -175
- data/sass/piecss/behavior/list/_settings.scss +9 -31
- data/sass/piecss/settings/_colour.scss +10 -1
- data/sass/piecss/settings/_font.scss +0 -1
- data/sass/piecss/settings/_grid.scss +119 -0
- data/sass/piecss/settings/_legacy.scss +24 -0
- data/sass/piecss/settings/_rhythm.scss +0 -10
- data/sass/piecss/utilities/_collection.scss +5 -1
- data/sass/piecss/utilities/_colour.scss +3 -3
- data/sass/piecss/utilities/_grid.scss +355 -0
- data/sass/piecss/utilities/_legacy.scss +42 -0
- data/sass/piecss/utilities/_miscellaneous.scss +8 -82
- data/sass/piecss/utilities/_rhythm.scss +7 -36
- data/sass/piecss/utilities/_typography.scss +8 -98
- data/templates/project/_sets.scss +2 -3
- data/templates/project/_settings.scss +26 -27
- data/{sass/piecss/_behavior.css → templates/project/assets/css/screen.css} +100 -5
- data/templates/project/assets/images/piecss.png +0 -0
- data/templates/project/assets/images/piecss.svg +25 -0
- data/templates/project/examples.html +2 -2
- data/templates/project/screen.scss +8 -11
- metadata +21 -61
- data/sass/piecss/_behavior.css.map +0 -7
- data/sass/piecss/_settings.css +0 -2
- data/sass/piecss/_settings.css.map +0 -7
- data/sass/piecss/_utilities.css +0 -3
- data/sass/piecss/_utilities.css.map +0 -7
- data/sass/piecss/behavior/layout/_rhythm.scss +0 -21
- data/sass/piecss/settings/_breakpoint.css +0 -70
- data/sass/piecss/settings/_colour.css +0 -2
- data/sass/piecss/settings/_colour.css.map +0 -7
- data/sass/piecss/settings/_constants.css +0 -2
- data/sass/piecss/settings/_constants.css.map +0 -7
- data/sass/piecss/settings/_fallback.css +0 -2
- data/sass/piecss/settings/_fallback.css.map +0 -7
- data/sass/piecss/settings/_fallback.scss +0 -15
- data/sass/piecss/settings/_font.css +0 -2
- data/sass/piecss/settings/_font.css.map +0 -7
- data/sass/piecss/settings/_layout.css +0 -60
- data/sass/piecss/settings/_layout.scss +0 -168
- data/sass/piecss/settings/_miscellaneous.css +0 -2
- data/sass/piecss/settings/_miscellaneous.css.map +0 -7
- data/sass/piecss/settings/_rhythm.css +0 -2
- data/sass/piecss/settings/_rhythm.css.map +0 -7
- data/sass/piecss/settings/_typography.css +0 -2
- data/sass/piecss/settings/_typography.css.map +0 -7
- data/sass/piecss/settings/_unit.css +0 -2
- data/sass/piecss/settings/_unit.css.map +0 -7
- data/sass/piecss/settings/fonts/_verdana.scss +0 -40
- data/sass/piecss/utilities/_breakpoint.css +0 -2
- data/sass/piecss/utilities/_breakpoint.css.map +0 -7
- data/sass/piecss/utilities/_cache.css +0 -2
- data/sass/piecss/utilities/_cache.css.map +0 -7
- data/sass/piecss/utilities/_cache.scss +0 -78
- data/sass/piecss/utilities/_colour.css +0 -2
- data/sass/piecss/utilities/_colour.css.map +0 -7
- data/sass/piecss/utilities/_element.css +0 -2
- data/sass/piecss/utilities/_element.css.map +0 -7
- data/sass/piecss/utilities/_image.css +0 -2
- data/sass/piecss/utilities/_image.css.map +0 -7
- data/sass/piecss/utilities/_layout.css +0 -2
- data/sass/piecss/utilities/_layout.css.map +0 -7
- data/sass/piecss/utilities/_layout.scss +0 -570
- data/sass/piecss/utilities/_list.css +0 -2
- data/sass/piecss/utilities/_list.css.map +0 -7
- data/sass/piecss/utilities/_list.scss +0 -26
- data/sass/piecss/utilities/_miscellaneous.css +0 -2
- data/sass/piecss/utilities/_miscellaneous.css.map +0 -7
- data/sass/piecss/utilities/_rhythm.css +0 -2
- data/sass/piecss/utilities/_rhythm.css.map +0 -7
- data/sass/piecss/utilities/_side.css +0 -2
- data/sass/piecss/utilities/_side.css.map +0 -7
- data/sass/piecss/utilities/_side.scss +0 -370
- data/sass/piecss/utilities/_string.css +0 -2
- data/sass/piecss/utilities/_string.css.map +0 -7
- data/sass/piecss/utilities/_svg.css +0 -2
- data/sass/piecss/utilities/_svg.css.map +0 -7
- data/sass/piecss/utilities/_typography.css +0 -2
- data/sass/piecss/utilities/_typography.css.map +0 -7
- data/sass/piecss/utilities/_unit.css +0 -2
- data/sass/piecss/utilities/_unit.css.map +0 -7
data/sass/piecss/_utilities.css
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
|
-
|
3
|
-
|
4
|
-
/*
|
5
|
-
-----------------------------------------------------------------------------
|
6
|
-
Debug helpers
|
7
|
-
-----------------------------------------------------------------------------
|
8
|
-
*/
|
9
|
-
|
10
|
-
%debug-rhythm {
|
11
|
-
/*
|
12
|
-
* Mixin debug-rhythm to display the vertical rhythm units
|
13
|
-
*/
|
14
|
-
@include debug-rhythm;
|
15
|
-
}
|
16
|
-
|
17
|
-
@if $debug-rhythm {
|
18
|
-
.debug-rhythm {
|
19
|
-
@extend %debug-rhythm;
|
20
|
-
}
|
21
|
-
}
|
@@ -1,70 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
Error: Undefined variable: "$unit".
|
3
|
-
on line 28 of sass/piecss/settings/_breakpoint.scss
|
4
|
-
|
5
|
-
23: /// @since 1.0
|
6
|
-
24: ///
|
7
|
-
25: /// @type {String}
|
8
|
-
26: ///
|
9
|
-
27:
|
10
|
-
28: $lt-small-handheld: "(max-width: #{to-unit(319px, $unit, $default-font-size)})" !default;
|
11
|
-
29:
|
12
|
-
30: ///
|
13
|
-
31: /// Breakpoint selector: larger than handheld
|
14
|
-
32: ///
|
15
|
-
33: /// @since 1.0
|
16
|
-
|
17
|
-
Backtrace:
|
18
|
-
sass/piecss/settings/_breakpoint.scss:28
|
19
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/variable.rb:49:in `_perform'
|
20
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
|
21
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:173:in `perform_arg'
|
22
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `block in _perform'
|
23
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each'
|
24
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each_with_index'
|
25
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each'
|
26
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `map'
|
27
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `_perform'
|
28
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
|
29
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/string_interpolation.rb:93:in `_perform'
|
30
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
|
31
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:471:in `visit_variable'
|
32
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
|
33
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
|
34
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
|
35
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
|
36
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
|
37
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
|
38
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
|
39
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `map'
|
40
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `visit_children'
|
41
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children'
|
42
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
|
43
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:168:in `visit_children'
|
44
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `block in visit'
|
45
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:188:in `visit_root'
|
46
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
|
47
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:159:in `visit'
|
48
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:8:in `visit'
|
49
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:36:in `css_tree'
|
50
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
|
51
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap'
|
52
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap'
|
53
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
|
54
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
|
55
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `each'
|
56
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
|
57
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:294:in `watch'
|
58
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin.rb:109:in `method_missing'
|
59
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:360:in `watch_or_update'
|
60
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:51:in `process_result'
|
61
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/base.rb:52:in `parse'
|
62
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/base.rb:19:in `parse!'
|
63
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/bin/sass:13:in `<top (required)>'
|
64
|
-
/usr/local/bin/sass:23:in `load'
|
65
|
-
/usr/local/bin/sass:23:in `<main>'
|
66
|
-
*/
|
67
|
-
body:before {
|
68
|
-
white-space: pre;
|
69
|
-
font-family: monospace;
|
70
|
-
content: "Error: Undefined variable: \"$unit\".\A on line 28 of sass/piecss/settings/_breakpoint.scss\A \A 23: /// @since 1.0\A 24: ///\A 25: /// @type {String}\A 26: ///\A 27: \A 28: $lt-small-handheld: \"(max-width: #{to-unit(319px, $unit, $default-font-size)})\" !default;\A 29: \A 30: ///\A 31: /// Breakpoint selector: larger than handheld\A 32: ///\A 33: /// @since 1.0"; }
|
@@ -1,15 +0,0 @@
|
|
1
|
-
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
|
-
|
3
|
-
|
4
|
-
///
|
5
|
-
/// Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
|
6
|
-
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
7
|
-
///
|
8
|
-
/// @since 0.1
|
9
|
-
///
|
10
|
-
/// @type {Number}
|
11
|
-
///
|
12
|
-
|
13
|
-
$legacy-support-for-ie: false !default;
|
14
|
-
|
15
|
-
$legacy-support-for-mozilla: false !default;
|
@@ -1,60 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
Error: Undefined variable: "$default-line-height".
|
3
|
-
on line 57 of sass/piecss/settings/_layout.scss
|
4
|
-
|
5
|
-
52: // /// @since 0.1
|
6
|
-
53: // ///
|
7
|
-
54: // /// @type {Number}
|
8
|
-
55: // ///
|
9
|
-
56:
|
10
|
-
57: $gutter-width: $default-line-height !default;
|
11
|
-
58:
|
12
|
-
59: ///
|
13
|
-
60: /// The final unit of output in which gutter widths are rendered
|
14
|
-
61: ///
|
15
|
-
62: /// @since 0.1
|
16
|
-
|
17
|
-
Backtrace:
|
18
|
-
sass/piecss/settings/_layout.scss:57
|
19
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/variable.rb:49:in `_perform'
|
20
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
|
21
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:471:in `visit_variable'
|
22
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
|
23
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
|
24
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
|
25
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
|
26
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
|
27
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
|
28
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
|
29
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `map'
|
30
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `visit_children'
|
31
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children'
|
32
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
|
33
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:168:in `visit_children'
|
34
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `block in visit'
|
35
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:188:in `visit_root'
|
36
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
|
37
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:159:in `visit'
|
38
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:8:in `visit'
|
39
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:36:in `css_tree'
|
40
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
|
41
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap'
|
42
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap'
|
43
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
|
44
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
|
45
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `each'
|
46
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
|
47
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:294:in `watch'
|
48
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin.rb:109:in `method_missing'
|
49
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:360:in `watch_or_update'
|
50
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/sass_scss.rb:51:in `process_result'
|
51
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/base.rb:52:in `parse'
|
52
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/exec/base.rb:19:in `parse!'
|
53
|
-
/Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/bin/sass:13:in `<top (required)>'
|
54
|
-
/usr/local/bin/sass:23:in `load'
|
55
|
-
/usr/local/bin/sass:23:in `<main>'
|
56
|
-
*/
|
57
|
-
body:before {
|
58
|
-
white-space: pre;
|
59
|
-
font-family: monospace;
|
60
|
-
content: "Error: Undefined variable: \"$default-line-height\".\A on line 57 of sass/piecss/settings/_layout.scss\A \A 52: // /// @since 0.1\A 53: // ///\A 54: // /// @type {Number}\A 55: // ///\A 56: \A 57: $gutter-width: $default-line-height !default;\A 58: \A 59: ///\A 60: /// The final unit of output in which gutter widths are rendered\A 61: ///\A 62: /// @since 0.1"; }
|
@@ -1,168 +0,0 @@
|
|
1
|
-
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
|
-
|
3
|
-
|
4
|
-
// Layout settings
|
5
|
-
|
6
|
-
///
|
7
|
-
/// If true,reveals the document's horizontal rhythm. Also see: [mixin $debug-layout](./#mixin-debug-layout).
|
8
|
-
///
|
9
|
-
/// @since 0.1
|
10
|
-
///
|
11
|
-
/// @type {Bool}
|
12
|
-
///
|
13
|
-
|
14
|
-
$debug-layout: false !default;
|
15
|
-
|
16
|
-
///
|
17
|
-
/// Default column width, all columns implemented with [column()](./#mixin-column) will have this width unless otherwise specified.
|
18
|
-
///
|
19
|
-
/// @since 0.1
|
20
|
-
///
|
21
|
-
/// @type {Number}
|
22
|
-
///
|
23
|
-
|
24
|
-
$column-width-default: 1/1 !default;
|
25
|
-
|
26
|
-
///
|
27
|
-
/// If set to true, the [column() mixin](./#mixin-column) will mixin a reset of all column widths to 100% at the smallest [breakpoint](./#variable-small_handheld). If you are developing mobile-first, leave this setting to false.
|
28
|
-
///
|
29
|
-
/// @deprecated
|
30
|
-
///
|
31
|
-
/// @since 0.1
|
32
|
-
///
|
33
|
-
/// @type {Bool}
|
34
|
-
///
|
35
|
-
|
36
|
-
$column-breakpoint: false !default;
|
37
|
-
|
38
|
-
///
|
39
|
-
/// By default, columns are rendered as inline-blocks. Inline-block elements are much easier to implement than floating elements, but require the invisible space between elements to be minified or obscured.
|
40
|
-
/// If you can't minify your markup, then floated columns (or [negative right margin](./#variable-negative-right-margin)) will be helpful. You will have to implement your own clearfix method though.
|
41
|
-
///
|
42
|
-
/// @since 0.1
|
43
|
-
///
|
44
|
-
/// @type {Bool}
|
45
|
-
///
|
46
|
-
|
47
|
-
$column-float: false !default; // If you prefer floated columns instead of inline-blocks, set to true.
|
48
|
-
|
49
|
-
// ///
|
50
|
-
// /// Gutter widths are based on the vertical [rhythm](./#variable-rhythm) and default to 2*$rhythm. Gutters are implemented using the [gutter mixin](./#mixin-gutters) and are expressed in factors of this measure (usually 1/2).
|
51
|
-
// ///
|
52
|
-
// /// @since 0.1
|
53
|
-
// ///
|
54
|
-
// /// @type {Number}
|
55
|
-
// ///
|
56
|
-
|
57
|
-
$gutter-width: $default-line-height !default;
|
58
|
-
|
59
|
-
///
|
60
|
-
/// The final unit of output in which gutter widths are rendered
|
61
|
-
///
|
62
|
-
/// @since 0.1
|
63
|
-
///
|
64
|
-
/// @type {Number}
|
65
|
-
///
|
66
|
-
|
67
|
-
$gutter-width-unit: $unit !default;
|
68
|
-
|
69
|
-
///
|
70
|
-
/// If false, gutter widths will be halved below the smallest breakpoint.
|
71
|
-
///
|
72
|
-
/// @deprecated
|
73
|
-
///
|
74
|
-
/// @since 0.1
|
75
|
-
///
|
76
|
-
/// @type {Number}
|
77
|
-
///
|
78
|
-
|
79
|
-
$gutter-width-persistent: false !default;
|
80
|
-
|
81
|
-
///
|
82
|
-
/// If you cannot minify your markup, you can assign a negative right margin to close gaps between columns to make them fit.
|
83
|
-
/// You can also set [$column-float](./#variable-column-float) to true to render your columns as floated blocks. You will have to implement your own clearfix method though.
|
84
|
-
/// This is a hack and not necessary when your html (or column markup) is minimized.
|
85
|
-
/// @since 0.1
|
86
|
-
///
|
87
|
-
/// @type {Number}
|
88
|
-
///
|
89
|
-
|
90
|
-
$negative-right-margin: false !default;
|
91
|
-
|
92
|
-
|
93
|
-
// Root settings
|
94
|
-
// Set a max width on a root container of your choice, the content will not stretch beyond this width.
|
95
|
-
// The root container can be positioned left or center, for alternate position you can provide your own behavior.
|
96
|
-
|
97
|
-
|
98
|
-
///
|
99
|
-
/// Fixes content maximum width, 72em is 1152px at a 16px [$font-size](./#variable-default-font-size). It is used by the [root mixin](./#mixin-root).
|
100
|
-
///
|
101
|
-
/// @deprecated
|
102
|
-
///
|
103
|
-
/// @since 0.1
|
104
|
-
///
|
105
|
-
/// @type {Number}
|
106
|
-
///
|
107
|
-
|
108
|
-
$root-max-width: 72em !default;
|
109
|
-
|
110
|
-
///
|
111
|
-
/// Aligns content inside the viewport, center by default. Used by the [root mixin](./#mixin-root).
|
112
|
-
///
|
113
|
-
/// @deprecated
|
114
|
-
///
|
115
|
-
/// @since 0.1
|
116
|
-
///
|
117
|
-
/// @type {Number}
|
118
|
-
///
|
119
|
-
|
120
|
-
$root-position: center !default;
|
121
|
-
|
122
|
-
///
|
123
|
-
/// The page's default number of columns. Used in debug-layout to visualize column layout.
|
124
|
-
///
|
125
|
-
/// @since 0.1
|
126
|
-
///
|
127
|
-
/// @type {Number}
|
128
|
-
///
|
129
|
-
|
130
|
-
$columns: 4 !default;
|
131
|
-
|
132
|
-
///
|
133
|
-
/// (Totally arbitrary) Default breakpoint layouts.
|
134
|
-
/// Serves as an example layout
|
135
|
-
///
|
136
|
-
/// @since 0.1
|
137
|
-
///
|
138
|
-
/// @type {Map}
|
139
|
-
///
|
140
|
-
|
141
|
-
$layouts: (
|
142
|
-
debug-color: $deeppink, // #ff1493
|
143
|
-
columns: 4,
|
144
|
-
rhythm: $rhythm, // 8px
|
145
|
-
gutter-width: rhythm(3), // 24px
|
146
|
-
pages: (),
|
147
|
-
$gt-small-handheld: (
|
148
|
-
debug-color: $orange, // #ffa500
|
149
|
-
columns: 4,
|
150
|
-
rhythm: $rhythm,
|
151
|
-
gutter-width: rhythm(3),
|
152
|
-
pages: ()
|
153
|
-
),
|
154
|
-
$gt-medium-handheld: (
|
155
|
-
debug-color: $cyan, // #0ff
|
156
|
-
columns: 8,
|
157
|
-
rhythm: $rhythm,
|
158
|
-
gutter-width: rhythm(3),
|
159
|
-
pages: ()
|
160
|
-
),
|
161
|
-
$gt-small-desktop: (
|
162
|
-
debug-color: $becca, // #639
|
163
|
-
columns: 12,
|
164
|
-
rhythm: $rhythm,
|
165
|
-
gutter-width: rhythm(3),
|
166
|
-
pages: ()
|
167
|
-
)
|
168
|
-
) !default;
|
@@ -1,40 +0,0 @@
|
|
1
|
-
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
|
-
|
3
|
-
|
4
|
-
// Weight reference:
|
5
|
-
// 100 ultra-light
|
6
|
-
// 200 light
|
7
|
-
// 300 book
|
8
|
-
// 400 regular, or normal
|
9
|
-
// 500 medium
|
10
|
-
// 600 semi-bold
|
11
|
-
// 700 bold
|
12
|
-
// 800 extra-bold
|
13
|
-
// 900 heavy, or ultra-bold
|
14
|
-
|
15
|
-
|
16
|
-
// Example
|
17
|
-
// Available styles on Google Fonts: 400,700,400italic,700italic
|
18
|
-
$verdana-fontface: "Verdana";
|
19
|
-
$verdana-fallback: sans-serif;
|
20
|
-
$verdana-family: $verdana-fontface, $verdana-fallback;
|
21
|
-
|
22
|
-
// style, variant, weight, family
|
23
|
-
$verdana-ultra-light: normal normal 400 $verdana-family;
|
24
|
-
$verdana-light: normal normal 400 $verdana-family;
|
25
|
-
$verdana-book: normal normal 400 $verdana-family;
|
26
|
-
$verdana-regular: normal normal 400 $verdana-family;
|
27
|
-
$verdana-medium: normal normal 400 $verdana-family;
|
28
|
-
$verdana-semi-bold: normal normal 700 $verdana-family;
|
29
|
-
$verdana-bold: normal normal 700 $verdana-family;
|
30
|
-
$verdana-extra-bold: normal normal 700 $verdana-family;
|
31
|
-
$verdana-heavy: normal normal 700 $verdana-family;
|
32
|
-
$verdana-ultra-light-italic: italic normal 400 $verdana-family;
|
33
|
-
$verdana-light-italic: italic normal 400 $verdana-family;
|
34
|
-
$verdana-book-italic: italic normal 400 $verdana-family;
|
35
|
-
$verdana-regular-italic: italic normal 400 $verdana-family;
|
36
|
-
$verdana-medium-italic: italic normal 400 $verdana-family;
|
37
|
-
$verdana-semi-bold-italic: italic normal 700 $verdana-family;
|
38
|
-
$verdana-bold-italic: italic normal 700 $verdana-family;
|
39
|
-
$verdana-extra-bold-italic: italic normal 700 $verdana-family;
|
40
|
-
$verdana-heavy-italic: italic normal 700 $verdana-family;
|
@@ -1,78 +0,0 @@
|
|
1
|
-
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
|
-
|
3
|
-
|
4
|
-
// Content:
|
5
|
-
// 1. Variables
|
6
|
-
// smart-cache
|
7
|
-
// 2. Mixins
|
8
|
-
// smart-cache
|
9
|
-
|
10
|
-
|
11
|
-
// 1. Variables
|
12
|
-
|
13
|
-
|
14
|
-
///
|
15
|
-
/// This is where we collect the properties and their selectors
|
16
|
-
///
|
17
|
-
/// @type {Map}
|
18
|
-
///
|
19
|
-
|
20
|
-
$smart-cache: ();
|
21
|
-
|
22
|
-
|
23
|
-
// 1. Functions
|
24
|
-
|
25
|
-
|
26
|
-
///
|
27
|
-
/// Function smart-cache
|
28
|
-
///
|
29
|
-
/// @example scss
|
30
|
-
/// %inline-block {
|
31
|
-
/// @include smart-cache((
|
32
|
-
/// display: inline-block
|
33
|
-
/// ));
|
34
|
-
/// }
|
35
|
-
/// %no-padding {
|
36
|
-
/// @include smart-cache((
|
37
|
-
/// padding: 0
|
38
|
-
/// ));
|
39
|
-
/// }
|
40
|
-
/// %no-margin {
|
41
|
-
/// @include smart-cache((
|
42
|
-
/// margin: 0,
|
43
|
-
/// ));
|
44
|
-
/// }
|
45
|
-
///
|
46
|
-
/// @todo This mixin is under construction and experimental - do not use yet
|
47
|
-
///
|
48
|
-
/// @since 0.1
|
49
|
-
///
|
50
|
-
/// @param {Map} $properties - Map of CSS properties
|
51
|
-
///
|
52
|
-
|
53
|
-
@mixin smart-cache($properties) {
|
54
|
-
|
55
|
-
// Looping through all properties/values from map
|
56
|
-
@each $property, $value in $declarations {
|
57
|
-
|
58
|
-
// Get the stored values for the current property
|
59
|
-
$stored-values: map-get($smart-cache, $property);
|
60
|
-
|
61
|
-
// If the value doesn't exist in stored values
|
62
|
-
@if not index($stored-values, $value) {
|
63
|
-
|
64
|
-
// Add it
|
65
|
-
$smart-cache: map-merge($smart-cache, ($property: append($stored-values or (), $value))) !global;
|
66
|
-
|
67
|
-
// And create a placeholder at root level
|
68
|
-
@at-root %#{$property}-#{length(map-get($smart-cache, $property))} {
|
69
|
-
#{$property}: $value;
|
70
|
-
}
|
71
|
-
}
|
72
|
-
|
73
|
-
// Extend the placeholder
|
74
|
-
// scss-lint:disable PlaceholderInExtend
|
75
|
-
@extend "%#{$property}-#{index(map-get($smart-cache, $property), $value)}";
|
76
|
-
// scss-lint:enable PlaceholderInExtend
|
77
|
-
}
|
78
|
-
}
|