piecss 0.3.0.1 → 0.3.2

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.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +48 -0
  3. data/sass/piecss/_behavior.css +97 -0
  4. data/sass/piecss/_behavior.css.map +7 -0
  5. data/sass/piecss/_settings.css +9 -0
  6. data/sass/piecss/_settings.css.map +7 -0
  7. data/sass/piecss/_settings.scss +1 -0
  8. data/sass/piecss/_utilities.css +3 -0
  9. data/sass/piecss/_utilities.css.map +7 -0
  10. data/sass/piecss/behavior/_anchor.scss +11 -11
  11. data/sass/piecss/behavior/_base.scss +1 -1
  12. data/sass/piecss/behavior/_button.scss +1 -1
  13. data/sass/piecss/behavior/_form.scss +18 -16
  14. data/sass/piecss/behavior/_grid.scss +1 -1
  15. data/sass/piecss/behavior/_list.scss +53 -53
  16. data/sass/piecss/behavior/grid/_layout.scss +22 -22
  17. data/sass/piecss/settings/_base.scss +3 -3
  18. data/sass/piecss/settings/_form.scss +2 -2
  19. data/sass/piecss/settings/_layout.scss +6 -30
  20. data/sass/piecss/settings/_rhythm.scss +26 -0
  21. data/sass/piecss/settings/_typography.scss +0 -13
  22. data/sass/piecss/utilities/_breakpoint.scss +4 -3
  23. data/sass/piecss/utilities/_layout.scss +115 -137
  24. data/sass/piecss/utilities/_list.scss +3 -5
  25. data/sass/piecss/utilities/_miscellaneous.scss +1 -3
  26. data/sass/piecss/utilities/_rhythm.scss +3 -3
  27. data/sass/piecss/utilities/_side.scss +3 -2
  28. data/sass/piecss/utilities/_string.scss +11 -8
  29. data/sass/piecss/utilities/_svg.scss +2 -2
  30. data/sass/piecss/utilities/_typography.scss +2 -12
  31. data/sass/piecss/utilities/_unit.scss +12 -12
  32. metadata +7 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b7481f4a0a17af62b411c402369f026c80bb711d
4
- data.tar.gz: 00defa1ccaa2009e0c581110be401483829a3c09
3
+ metadata.gz: b4eed8b6f5af63d52d668c402742184dcdfd966c
4
+ data.tar.gz: f823de0461e80b194415a16fc7207fc32beea057
5
5
  SHA512:
6
- metadata.gz: 387328d81fcec0c83451307f8df10dcd05aa22b41596afd1617f38fe8785ae2a6f86ab066c9d5ab1fcf7e71a7c7bb6f8e739e075cb8d570c710108dc6a40ea74
7
- data.tar.gz: 4ae988bfb93b6125bb65e65b7e259383fd46678657061cc777c552ffe4f279fe0c4a99e93a00fc54e8f93cd1cc61a64850bdf2d676a40d2f8f9f887779c4b9e5
6
+ metadata.gz: a29640f885aa1ee7a70f405bf3fb2fc4fdc5407c754cbb0ec798930ca5edbe46148e9c6438a7cc812126b76597ad6f14001cbc7da97d7142df47a478b0599aff
7
+ data.tar.gz: 4ebb9c41cb97367a4ffd8c79165cbd863564b8638b17ba39b474fcae8ce914cd70cf7db44d35ae809a01a2da9f6db3f6bc7673bc9b60d3d9d710820e8b4716cc
data/README.md CHANGED
@@ -3,3 +3,51 @@
3
3
  gem install piecss
4
4
 
5
5
  [![Gem Version](https://badge.fury.io/rb/piecss.svg)](http://badge.fury.io/rb/piecss)
6
+ [![npm version](https://badge.fury.io/js/piecss.svg)](https://badge.fury.io/js/piecss)
7
+
8
+
9
+ ## Installation
10
+
11
+ ```
12
+ \\ Install dependencies
13
+ npm install
14
+
15
+ \\ Install scss lint
16
+ gem install scss_lint
17
+
18
+ ```
19
+
20
+ ## API Documentation
21
+
22
+ The API documentation can be compiled automatically from the source:
23
+
24
+ ```
25
+ \\ Render API documentation
26
+ sassdoc sass/piecss
27
+
28
+ ```
29
+
30
+ The docs are compiled inside a sassdoc folder in the project root and can be accessed in your browser. For more information on Sassdocs and how to use it, refer to [http://sassdoc.com/](http://sassdoc.com/).
31
+
32
+ ## Development
33
+
34
+ If you want to develop for Piecss, you need to also install the linter:
35
+
36
+ ```
37
+ \\ Install scss lint
38
+ gem install scss_lint
39
+
40
+ \\ Run linter
41
+ scss-lint sass/piecss/**/*.scss
42
+
43
+ ```
44
+
45
+ For more information on Scss Lint and how to use it, refer to [https://github.com/brigade/scss-lint](https://github.com/brigade/scss-lint#usage).
46
+
47
+ ## Unit Tests
48
+
49
+ ```
50
+ \\ Run unit tests
51
+ sass --watch tests/all.scss sass/**/*.scss
52
+
53
+ ```
data/sass/piecss/_behavior.css ADDED
@@ -0,0 +1,97 @@
1
+ /*
2
+ Error: Undefined variable: "$default-font".
3
+ on line 29 of sass/piecss/behavior/base/_normalize.scss
4
+ from line 4 of sass/piecss/behavior/_base.scss
5
+ from line 8 of sass/piecss/_behavior.scss
6
+
7
+ Backtrace:
8
+ sass/piecss/behavior/base/_normalize.scss:29
9
+ sass/piecss/behavior/_base.scss:4
10
+ sass/piecss/_behavior.scss:8
11
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/variable.rb:49:in `_perform'
12
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/node.rb:58:in `perform'
13
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:173:in `perform_arg'
14
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `block in _perform'
15
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each'
16
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each_with_index'
17
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `each'
18
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124:in `map'
19
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/script/tree/funcall.rb:124: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/perform.rb:433:in `block (2 levels) in visit_rule'
29
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:433:in `map'
30
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:433:in `block in visit_rule'
31
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
32
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:431:in `visit_rule'
33
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
34
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
35
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
36
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
37
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
38
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
39
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import'
40
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `map'
41
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block in visit_import'
42
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `block in with_import'
43
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
44
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `with_import'
45
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:325:in `visit_import'
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:160:in `block in visit'
48
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
49
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
50
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
51
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
52
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block (2 levels) in visit_import'
53
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `map'
54
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:328:in `block in visit_import'
55
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `block in with_import'
56
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
57
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:88:in `with_import'
58
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:325:in `visit_import'
59
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
60
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
61
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
62
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
63
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
64
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
65
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
66
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `map'
67
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `visit_children'
68
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children'
69
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
70
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:168:in `visit_children'
71
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `block in visit'
72
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:188:in `visit_root'
73
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
74
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:159:in `visit'
75
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:8:in `visit'
76
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:36:in `css_tree'
77
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
78
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap'
79
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap'
80
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
81
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
82
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `each'
83
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
84
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:473:in `on_file_changed'
85
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:331:in `block in watch'
86
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:252:in `call'
87
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:252:in `on_change'
88
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter'
89
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:254:in `call'
90
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:254:in `report_changes'
91
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:323:in `poll_changed_directories'
92
+ /Library/Ruby/Gems/2.0.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller'
93
+ */
94
+ body:before {
95
+ white-space: pre;
96
+ font-family: monospace;
97
+ content: "Error: Undefined variable: \"$default-font\".\A on line 29 of sass/piecss/behavior/base/_normalize.scss\A from line 4 of sass/piecss/behavior/_base.scss\A from line 8 of sass/piecss/_behavior.scss"; }
data/sass/piecss/_behavior.css.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "mappings": "AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HE;AACF,WAAY;EACV,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,SAAS;EACtB,OAAO,EAAE,4aAA4a",
4
+ "sources": ["_behavior.scss"],
5
+ "names": [],
6
+ "file": "_behavior.css"
7
+ }
data/sass/piecss/_settings.css ADDED
@@ -0,0 +1,9 @@
1
+ /* alternate spelling */
2
+ /* alternate spelling */
3
+ /* alternate spelling */
4
+ /* alternate spelling */
5
+ /* alternate spelling */
6
+ /* alternate spelling */
7
+ /* alternate spelling */
8
+
9
+ /*# sourceMappingURL=_settings.css.map */
data/sass/piecss/_settings.css.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "mappings": "AA8BA,wBAAwB;AAYxB,wBAAwB;AAMxB,wBAAwB;AAWxB,wBAAwB;AAkBxB,wBAAwB;AAOxB,wBAAwB;AAqDxB,wBAAwB",
4
+ "sources": ["settings/_colour.scss"],
5
+ "names": [],
6
+ "file": "_settings.css"
7
+ }
data/sass/piecss/_settings.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  @import "settings/constants";
9
9
  @import "settings/colour";
10
10
  @import "settings/font";
11
+ @import "settings/rhythm";
11
12
  @import "settings/typography";
12
13
  @import "settings/base";
13
14
 
data/sass/piecss/_utilities.css ADDED
@@ -0,0 +1,3 @@
1
+
2
+
3
+ /*# sourceMappingURL=_utilities.css.map */
data/sass/piecss/_utilities.css.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "mappings": "",
4
+ "sources": [],
5
+ "names": [],
6
+ "file": "_utilities.css"
7
+ }
data/sass/piecss/behavior/_anchor.scss CHANGED
@@ -12,18 +12,18 @@ Anchors
12
12
  // @include anchor("#{$anchor-base-selector}", $color-anchor, $color-anchor--hover, $color-anchor--active, $color-anchor--visited, $anchor-mixin-states);
13
13
 
14
14
  %anchor {
15
- text-decoration: none;
16
- &--incognito {
17
- color: inherit;
18
- &:hover {
19
- color: inherit;
20
- }
15
+ text-decoration: none;
16
+ &--incognito {
17
+ color: inherit;
18
+ &:hover {
19
+ color: inherit;
21
20
  }
21
+ }
22
22
  }
23
23
 
24
24
  a {
25
- @extend %anchor !optional;
26
- &:hover {
27
- color: $color-anchor--hover;
28
- }
29
- }
25
+ @extend %anchor !optional;
26
+ &:hover {
27
+ color: $color-anchor--hover;
28
+ }
29
+ }
data/sass/piecss/behavior/_base.scss CHANGED
@@ -2,4 +2,4 @@
2
2
 
3
3
 
4
4
  @import "base/normalize";
5
- @import "base/preset";
5
+ @import "base/preset";
data/sass/piecss/behavior/_button.scss CHANGED
@@ -8,4 +8,4 @@ Button base
8
8
  */
9
9
 
10
10
 
11
- @include elements($button-elements);
11
+ @include elements($button-elements);
data/sass/piecss/behavior/_form.scss CHANGED
@@ -29,28 +29,30 @@ Field base
29
29
 
30
30
 
31
31
  #{$form-field-base-selector} {
32
- &:focus {
33
- @extend #{$form-field-base-selector--focus} !optional;
34
- }
32
+ &:focus {
33
+ @extend #{$form-field-base-selector--focus} !optional;
34
+ }
35
35
  }
36
36
 
37
37
  select:not([size]) {
38
- @extend #{$form-select-dropdown-selector} !optional;
39
- @if to-bool($select-appearance) {
40
- @include reset-appearance($select-appearance);
41
- }
42
- @if $select-webkit {
43
- @at-root .webkit {
44
- // background: $input-background-color url("/assets/images/icons/icon-sort.svg") no-repeat 1% center;
45
- // background-size: 10px auto;
46
- }
38
+ @extend #{$form-select-dropdown-selector} !optional;
39
+ @if to-bool($select-appearance) {
40
+ @include reset-appearance($select-appearance);
41
+ }
42
+ @if $select-webkit {
43
+ @at-root .webkit {
44
+ // background: $input-background-color url("/assets/images/icons/icon-sort.svg") no-repeat 1% center;
45
+ // background-size: 10px auto;
47
46
  }
47
+ }
48
48
  }
49
49
 
50
+ // scss-lint:disable QualifyingElement
50
51
  select[size] {
51
- @extend #{$form-select-box-selector} !optional;
52
+ @extend #{$form-select-box-selector} !optional;
52
53
  }
53
54
  select[multiple] {
54
- @extend #{$form-select-box-selector} !optional;
55
- @extend #{$form-select-multiple-selector} !optional;
56
- }
55
+ @extend #{$form-select-box-selector} !optional;
56
+ @extend #{$form-select-multiple-selector} !optional;
57
+ }
58
+ // scss-lint:enable QualifyingElement
data/sass/piecss/behavior/_grid.scss CHANGED
@@ -2,4 +2,4 @@
2
2
 
3
3
 
4
4
  @import "grid/rhythm";
5
- @import "grid/layout";
5
+ @import "grid/layout";
data/sass/piecss/behavior/_list.scss CHANGED
@@ -27,31 +27,31 @@
27
27
  //
28
28
  // 1. Remove default list behavior
29
29
  // 2. Restore default list behavior when a class of list is applied
30
- // 3. Ensure list items inherit from their parent list
30
+ // 3. Ensure list items inherit from their parent list
31
31
  //
32
32
  // --------------------------------------------------------------------------
33
33
 
34
34
  @if $reset-list {
35
- ol {
36
- &.#{$list-selector} {
37
- @extend %#{$list-selector}--#{$list-ol-default} !optional;
38
- @extend %#{$list-selector}--inside;
39
- }
40
- li {
41
- list-style-type: $list-ul-default;
42
- }
43
- }
44
- ul {
45
- &.#{$list-selector} {
46
- @extend %#{$list-selector}--#{$list-ul-default} !optional;
47
- @extend %#{$list-selector}--inside;
48
- }
49
- }
50
- li {
51
- list-style-type: inherit;
52
- list-style-position: inherit;
53
- list-style-image: inherit;
54
- }
35
+ ol {
36
+ &.#{$list-selector} {
37
+ @extend %#{$list-selector}--#{$list-ol-default} !optional;
38
+ @extend %#{$list-selector}--inside;
39
+ }
40
+ li {
41
+ list-style-type: $list-ul-default;
42
+ }
43
+ }
44
+ ul {
45
+ &.#{$list-selector} {
46
+ @extend %#{$list-selector}--#{$list-ul-default} !optional;
47
+ @extend %#{$list-selector}--inside;
48
+ }
49
+ }
50
+ li {
51
+ list-style-type: inherit;
52
+ list-style-position: inherit;
53
+ list-style-image: inherit;
54
+ }
55
55
  }
56
56
 
57
57
 
@@ -69,8 +69,8 @@
69
69
  // ==========================================================================
70
70
 
71
71
  %#{$list-selector}--reset {
72
- padding: 0;
73
- list-style-type: none;
72
+ padding: 0;
73
+ list-style-type: none;
74
74
  }
75
75
 
76
76
 
@@ -81,9 +81,9 @@
81
81
  // ==========================================================================
82
82
 
83
83
  %#{$list-selector}--inline {
84
- &>li {
85
- display: inline;
86
- }
84
+ >li {
85
+ display: inline;
86
+ }
87
87
  }
88
88
 
89
89
 
@@ -94,7 +94,7 @@
94
94
  // ==========================================================================
95
95
 
96
96
  %#{$list-selector}--outside {
97
- list-style-position: outside;
97
+ list-style-position: outside;
98
98
  }
99
99
 
100
100
 
@@ -105,9 +105,9 @@
105
105
  // ==========================================================================
106
106
 
107
107
  %#{$list-selector}--inside {
108
- list-style-position: inside;
109
- // padding-left: 1em;
110
- // text-indent: -1em;
108
+ list-style-position: inside;
109
+ // padding-left: 1em;
110
+ // text-indent: -1em;
111
111
  }
112
112
 
113
113
 
@@ -122,68 +122,68 @@
122
122
  // ==========================================================================
123
123
 
124
124
  @if $list-style-type-armenian {
125
- @include list-style-type(armenian);
125
+ @include list-style-type(armenian);
126
126
  }
127
127
  @if $list-style-type-circle {
128
- @include list-style-type(circle);
128
+ @include list-style-type(circle);
129
129
  }
130
130
  @if $list-style-type-cjk-ideographic {
131
- @include list-style-type(armenian);
131
+ @include list-style-type(armenian);
132
132
  }
133
133
  @if $list-style-type-decimal {
134
- @include list-style-type(decimal);
134
+ @include list-style-type(decimal);
135
135
  }
136
136
  @if $list-style-type-decimal-leading-zero {
137
- @include list-style-type(decimal-leading-zero);
137
+ @include list-style-type(decimal-leading-zero);
138
138
  }
139
139
  @if $list-style-type-disc {
140
- @include list-style-type(disc);
140
+ @include list-style-type(disc);
141
141
  }
142
142
  @if $list-style-type-georgian {
143
- @include list-style-type(georgian);
143
+ @include list-style-type(georgian);
144
144
  }
145
145
  @if $list-style-type-hebrew {
146
- @include list-style-type(hebrew);
146
+ @include list-style-type(hebrew);
147
147
  }
148
148
  @if $list-style-type-hiragana {
149
- @include list-style-type(hiragana);
149
+ @include list-style-type(hiragana);
150
150
  }
151
151
  @if $list-style-type-hiragana-iroha {
152
- @include list-style-type(hiragana-iroha);
152
+ @include list-style-type(hiragana-iroha);
153
153
  }
154
154
  @if $list-style-type-inherit {
155
- @include list-style-type(inherit);
155
+ @include list-style-type(inherit);
156
156
  }
157
157
  @if $list-style-type-katakana {
158
- @include list-style-type(katakana);
158
+ @include list-style-type(katakana);
159
159
  }
160
160
  @if $list-style-type-katakana-iroha {
161
- @include list-style-type(katakana-iroha);
161
+ @include list-style-type(katakana-iroha);
162
162
  }
163
163
  @if $list-style-type-lower-alpha {
164
- @include list-style-type(lower-alpha);
164
+ @include list-style-type(lower-alpha);
165
165
  }
166
166
  @if $list-style-type-lower-greek {
167
- @include list-style-type(lower-greek);
167
+ @include list-style-type(lower-greek);
168
168
  }
169
169
  @if $list-style-type-lower-latin {
170
- @include list-style-type(lower-latin);
170
+ @include list-style-type(lower-latin);
171
171
  }
172
172
  @if $list-style-type-lower-roman {
173
- @include list-style-type(lower-roman);
173
+ @include list-style-type(lower-roman);
174
174
  }
175
175
  @if $list-style-type-none {
176
- @include list-style-type(none);
176
+ @include list-style-type(none);
177
177
  }
178
178
  @if $list-style-type-square {
179
- @include list-style-type(square);
179
+ @include list-style-type(square);
180
180
  }
181
181
  @if $list-style-type-upper-alpha {
182
- @include list-style-type(upper-alpha);
182
+ @include list-style-type(upper-alpha);
183
183
  }
184
184
  @if $list-style-type-upper-latin {
185
- @include list-style-type(upper-latin);
185
+ @include list-style-type(upper-latin);
186
186
  }
187
187
  @if $list-style-type-upper-roman {
188
- @include list-style-type(upper-roman);
189
- }
188
+ @include list-style-type(upper-roman);
189
+ }
data/sass/piecss/behavior/grid/_layout.scss CHANGED
@@ -41,7 +41,7 @@
41
41
  // ==========================================================================
42
42
 
43
43
  %root {
44
- @include root();
44
+ @include root();
45
45
  }
46
46
 
47
47
  // ==========================================================================
@@ -51,8 +51,8 @@
51
51
  // ==========================================================================
52
52
 
53
53
  %column {
54
- @include column-behavior();
55
- @include column-width();
54
+ @include column-behavior();
55
+ @include column-width();
56
56
  }
57
57
 
58
58
 
@@ -63,7 +63,7 @@
63
63
  // ==========================================================================
64
64
 
65
65
  %gutters {
66
- @include gutters();
66
+ @include gutters();
67
67
  }
68
68
 
69
69
  // ==========================================================================
@@ -73,7 +73,7 @@
73
73
  // ==========================================================================
74
74
 
75
75
  %gutters-right {
76
- @include gutters((false 1/2));
76
+ @include gutters((false 1/2));
77
77
  }
78
78
 
79
79
  // ==========================================================================
@@ -83,7 +83,7 @@
83
83
  // ==========================================================================
84
84
 
85
85
  %gutters-left {
86
- @include gutters((1/2 false));
86
+ @include gutters((1/2 false));
87
87
  }
88
88
 
89
89
  // ==========================================================================
@@ -93,7 +93,7 @@
93
93
  // ==========================================================================
94
94
 
95
95
  %bleed {
96
- @include bleed();
96
+ @include bleed();
97
97
  }
98
98
 
99
99
  // ==========================================================================
@@ -103,7 +103,7 @@
103
103
  // ==========================================================================
104
104
 
105
105
  %bleed--right {
106
- @include bleed((false 1/2));
106
+ @include bleed((false 1/2));
107
107
  }
108
108
 
109
109
  // ==========================================================================
@@ -113,7 +113,7 @@
113
113
  // ==========================================================================
114
114
 
115
115
  %bleed-left {
116
- @include bleed((1/2 false));
116
+ @include bleed((1/2 false));
117
117
  }
118
118
 
119
119
 
@@ -154,19 +154,19 @@
154
154
  // ==========================================================================
155
155
 
156
156
  @each $breakpoint in map-keys($column-widths) {
157
- $widths: map-get($column-widths, $breakpoint);
158
- @each $selector in map-keys($widths){
159
- %#{$selector} {
160
- @extend %column;
161
- }
162
- }
163
- @include breakpoint($breakpoint) {
164
- @each $selector in map-keys($widths){
165
- %#{$selector} {
166
- @include column-width( map-get($widths, $selector) );
167
- }
168
- }
169
- }
157
+ $widths: map-get($column-widths, $breakpoint);
158
+ @each $selector in map-keys($widths){
159
+ %#{$selector} {
160
+ @extend %column;
161
+ }
162
+ }
163
+ @include breakpoint($breakpoint) {
164
+ @each $selector in map-keys($widths){
165
+ %#{$selector} {
166
+ @include column-width( map-get($widths, $selector) );
167
+ }
168
+ }
169
+ }
170
170
  }
171
171
 
172
172
 
data/sass/piecss/settings/_base.scss CHANGED
@@ -40,7 +40,7 @@ $line-height-unit: 1% !default;
40
40
  /// @type {Number}
41
41
  ///
42
42
 
43
- $base-font-size: 14px !default;
43
+ $base-font-size: 16px !default;
44
44
 
45
45
  ///
46
46
  /// The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
@@ -50,7 +50,7 @@ $base-font-size: 14px !default;
50
50
  /// @type {Number}
51
51
  ///
52
52
 
53
- $font-size: 14px !default;
53
+ $default-font-size: 16px !default;
54
54
 
55
55
  ///
56
56
  /// The default line-height for your project. This is translated to the final unit of output using the [$line-height-unit](./#line-height-unit) variable.
@@ -60,7 +60,7 @@ $font-size: 14px !default;
60
60
  /// @type {Number}
61
61
  ///
62
62
 
63
- $line-height: 21px !default;
63
+ $default-line-height: rhythm(3) !default;
64
64
 
65
65
  ///
66
66
  /// The default font for your project. It is set in a $font-type list, Piecss has a collection of pre-defined font-types that can be augmented.
data/sass/piecss/settings/_form.scss CHANGED
@@ -346,7 +346,7 @@ $field-width: 100% !default;
346
346
  /// @type {Number}
347
347
  ///
348
348
 
349
- $field-height: $line-height + 2 * $field-border-width + $field-padding-top + $field-padding-bottom !default;
349
+ $field-height: $default-line-height + 2 * $field-border-width + $field-padding-top + $field-padding-bottom !default;
350
350
 
351
351
  ///
352
352
  /// Field line-height, relevant for text-area.
@@ -356,7 +356,7 @@ $field-height: $line-height + 2 * $field-border-width + $field-padding-top + $fi
356
356
  /// @type {Number}
357
357
  ///
358
358
 
359
- $field-line-height: $line-height !default;
359
+ $field-line-height: $default-line-height !default;
360
360
 
361
361
  ///
362
362
  /// Field shadow, simple inset shadow by default.