piecss 0.6.0 → 0.7.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|