piecss 0.6.0 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. checksums.yaml +4 -4
  2. data/sass/piecss/_behavior.scss +5 -0
  3. data/sass/piecss/_settings.scss +2 -2
  4. data/sass/piecss/_utilities.scss +2 -4
  5. data/sass/piecss/behavior/anchor/_anchor.scss +7 -21
  6. data/sass/piecss/behavior/anchor/_settings.scss +11 -0
  7. data/sass/piecss/behavior/base/_base.scss +0 -1
  8. data/sass/piecss/behavior/base/_collection.scss +3 -3
  9. data/sass/piecss/behavior/base/_settings.scss +1 -1
  10. data/sass/piecss/behavior/debug/_behavior.scss +22 -0
  11. data/sass/piecss/behavior/debug/_mixins.scss +127 -0
  12. data/sass/piecss/behavior/debug/_settings.scss +81 -0
  13. data/sass/piecss/behavior/is/_collection.scss +57 -0
  14. data/sass/piecss/behavior/is/_settings.scss +12 -0
  15. data/sass/piecss/behavior/layout/_bleed.scss +23 -0
  16. data/sass/piecss/behavior/layout/_chain.scss +45 -0
  17. data/sass/piecss/behavior/layout/_column.scss +14 -0
  18. data/sass/piecss/behavior/layout/_grid.scss +13 -3
  19. data/sass/piecss/behavior/layout/_gutters.scss +32 -0
  20. data/sass/piecss/behavior/layout/_layout.scss +29 -29
  21. data/sass/piecss/behavior/layout/_leader.scss +57 -0
  22. data/sass/piecss/behavior/layout/_trailer.scss +57 -0
  23. data/sass/piecss/behavior/layout/_wings.scss +122 -0
  24. data/sass/piecss/behavior/list/_list.scss +134 -175
  25. data/sass/piecss/behavior/list/_settings.scss +9 -31
  26. data/sass/piecss/settings/_colour.scss +10 -1
  27. data/sass/piecss/settings/_font.scss +0 -1
  28. data/sass/piecss/settings/_grid.scss +119 -0
  29. data/sass/piecss/settings/_legacy.scss +24 -0
  30. data/sass/piecss/settings/_rhythm.scss +0 -10
  31. data/sass/piecss/utilities/_collection.scss +5 -1
  32. data/sass/piecss/utilities/_colour.scss +3 -3
  33. data/sass/piecss/utilities/_grid.scss +355 -0
  34. data/sass/piecss/utilities/_legacy.scss +42 -0
  35. data/sass/piecss/utilities/_miscellaneous.scss +8 -82
  36. data/sass/piecss/utilities/_rhythm.scss +7 -36
  37. data/sass/piecss/utilities/_typography.scss +8 -98
  38. data/templates/project/_sets.scss +2 -3
  39. data/templates/project/_settings.scss +26 -27
  40. data/{sass/piecss/_behavior.css → templates/project/assets/css/screen.css} +100 -5
  41. data/templates/project/assets/images/piecss.png +0 -0
  42. data/templates/project/assets/images/piecss.svg +25 -0
  43. data/templates/project/examples.html +2 -2
  44. data/templates/project/screen.scss +8 -11
  45. metadata +21 -61
  46. data/sass/piecss/_behavior.css.map +0 -7
  47. data/sass/piecss/_settings.css +0 -2
  48. data/sass/piecss/_settings.css.map +0 -7
  49. data/sass/piecss/_utilities.css +0 -3
  50. data/sass/piecss/_utilities.css.map +0 -7
  51. data/sass/piecss/behavior/layout/_rhythm.scss +0 -21
  52. data/sass/piecss/settings/_breakpoint.css +0 -70
  53. data/sass/piecss/settings/_colour.css +0 -2
  54. data/sass/piecss/settings/_colour.css.map +0 -7
  55. data/sass/piecss/settings/_constants.css +0 -2
  56. data/sass/piecss/settings/_constants.css.map +0 -7
  57. data/sass/piecss/settings/_fallback.css +0 -2
  58. data/sass/piecss/settings/_fallback.css.map +0 -7
  59. data/sass/piecss/settings/_fallback.scss +0 -15
  60. data/sass/piecss/settings/_font.css +0 -2
  61. data/sass/piecss/settings/_font.css.map +0 -7
  62. data/sass/piecss/settings/_layout.css +0 -60
  63. data/sass/piecss/settings/_layout.scss +0 -168
  64. data/sass/piecss/settings/_miscellaneous.css +0 -2
  65. data/sass/piecss/settings/_miscellaneous.css.map +0 -7
  66. data/sass/piecss/settings/_rhythm.css +0 -2
  67. data/sass/piecss/settings/_rhythm.css.map +0 -7
  68. data/sass/piecss/settings/_typography.css +0 -2
  69. data/sass/piecss/settings/_typography.css.map +0 -7
  70. data/sass/piecss/settings/_unit.css +0 -2
  71. data/sass/piecss/settings/_unit.css.map +0 -7
  72. data/sass/piecss/settings/fonts/_verdana.scss +0 -40
  73. data/sass/piecss/utilities/_breakpoint.css +0 -2
  74. data/sass/piecss/utilities/_breakpoint.css.map +0 -7
  75. data/sass/piecss/utilities/_cache.css +0 -2
  76. data/sass/piecss/utilities/_cache.css.map +0 -7
  77. data/sass/piecss/utilities/_cache.scss +0 -78
  78. data/sass/piecss/utilities/_colour.css +0 -2
  79. data/sass/piecss/utilities/_colour.css.map +0 -7
  80. data/sass/piecss/utilities/_element.css +0 -2
  81. data/sass/piecss/utilities/_element.css.map +0 -7
  82. data/sass/piecss/utilities/_image.css +0 -2
  83. data/sass/piecss/utilities/_image.css.map +0 -7
  84. data/sass/piecss/utilities/_layout.css +0 -2
  85. data/sass/piecss/utilities/_layout.css.map +0 -7
  86. data/sass/piecss/utilities/_layout.scss +0 -570
  87. data/sass/piecss/utilities/_list.css +0 -2
  88. data/sass/piecss/utilities/_list.css.map +0 -7
  89. data/sass/piecss/utilities/_list.scss +0 -26
  90. data/sass/piecss/utilities/_miscellaneous.css +0 -2
  91. data/sass/piecss/utilities/_miscellaneous.css.map +0 -7
  92. data/sass/piecss/utilities/_rhythm.css +0 -2
  93. data/sass/piecss/utilities/_rhythm.css.map +0 -7
  94. data/sass/piecss/utilities/_side.css +0 -2
  95. data/sass/piecss/utilities/_side.css.map +0 -7
  96. data/sass/piecss/utilities/_side.scss +0 -370
  97. data/sass/piecss/utilities/_string.css +0 -2
  98. data/sass/piecss/utilities/_string.css.map +0 -7
  99. data/sass/piecss/utilities/_svg.css +0 -2
  100. data/sass/piecss/utilities/_svg.css.map +0 -7
  101. data/sass/piecss/utilities/_typography.css +0 -2
  102. data/sass/piecss/utilities/_typography.css.map +0 -7
  103. data/sass/piecss/utilities/_unit.css +0 -2
  104. data/sass/piecss/utilities/_unit.css.map +0 -7
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_settings.css"
7
- }
@@ -1,3 +0,0 @@
1
-
2
-
3
- /*# sourceMappingURL=_utilities.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_utilities.css"
7
- }
@@ -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,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_colour.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_colour.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_constants.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_constants.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_fallback.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_fallback.css"
7
- }
@@ -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,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_font.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_font.css"
7
- }
@@ -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,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_miscellaneous.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_miscellaneous.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_rhythm.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_rhythm.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_typography.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_typography.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_unit.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_unit.css"
7
- }
@@ -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,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_breakpoint.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_breakpoint.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_cache.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_cache.css"
7
- }
@@ -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
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_colour.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_colour.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_element.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_element.css"
7
- }
@@ -1,2 +0,0 @@
1
-
2
- /*# sourceMappingURL=_image.css.map */
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "mappings": "",
4
- "sources": [],
5
- "names": [],
6
- "file": "_image.css"
7
- }