piecss 0.3.0.1 → 0.3.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +48 -0
- data/sass/piecss/_behavior.css +97 -0
- data/sass/piecss/_behavior.css.map +7 -0
- data/sass/piecss/_settings.css +9 -0
- data/sass/piecss/_settings.css.map +7 -0
- data/sass/piecss/_settings.scss +1 -0
- data/sass/piecss/_utilities.css +3 -0
- data/sass/piecss/_utilities.css.map +7 -0
- data/sass/piecss/behavior/_anchor.scss +11 -11
- data/sass/piecss/behavior/_base.scss +1 -1
- data/sass/piecss/behavior/_button.scss +1 -1
- data/sass/piecss/behavior/_form.scss +18 -16
- data/sass/piecss/behavior/_grid.scss +1 -1
- data/sass/piecss/behavior/_list.scss +53 -53
- data/sass/piecss/behavior/grid/_layout.scss +22 -22
- data/sass/piecss/settings/_base.scss +3 -3
- data/sass/piecss/settings/_form.scss +2 -2
- data/sass/piecss/settings/_layout.scss +6 -30
- data/sass/piecss/settings/_rhythm.scss +26 -0
- data/sass/piecss/settings/_typography.scss +0 -13
- data/sass/piecss/utilities/_breakpoint.scss +4 -3
- data/sass/piecss/utilities/_layout.scss +115 -137
- data/sass/piecss/utilities/_list.scss +3 -5
- data/sass/piecss/utilities/_miscellaneous.scss +1 -3
- data/sass/piecss/utilities/_rhythm.scss +3 -3
- data/sass/piecss/utilities/_side.scss +3 -2
- data/sass/piecss/utilities/_string.scss +11 -8
- data/sass/piecss/utilities/_svg.scss +2 -2
- data/sass/piecss/utilities/_typography.scss +2 -12
- data/sass/piecss/utilities/_unit.scss +12 -12
- metadata +7 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b4eed8b6f5af63d52d668c402742184dcdfd966c
|
4
|
+
data.tar.gz: f823de0461e80b194415a16fc7207fc32beea057
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
+
```
|
@@ -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"; }
|
@@ -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.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
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
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
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
}
|
25
|
+
@extend %anchor !optional;
|
26
|
+
&:hover {
|
27
|
+
color: $color-anchor--hover;
|
28
|
+
}
|
29
|
+
}
|
@@ -29,28 +29,30 @@ Field base
|
|
29
29
|
|
30
30
|
|
31
31
|
#{$form-field-base-selector} {
|
32
|
-
|
33
|
-
|
34
|
-
|
32
|
+
&:focus {
|
33
|
+
@extend #{$form-field-base-selector--focus} !optional;
|
34
|
+
}
|
35
35
|
}
|
36
36
|
|
37
37
|
select:not([size]) {
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
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
|
-
|
52
|
+
@extend #{$form-select-box-selector} !optional;
|
52
53
|
}
|
53
54
|
select[multiple] {
|
54
|
-
|
55
|
-
|
56
|
-
}
|
55
|
+
@extend #{$form-select-box-selector} !optional;
|
56
|
+
@extend #{$form-select-multiple-selector} !optional;
|
57
|
+
}
|
58
|
+
// scss-lint:enable QualifyingElement
|
@@ -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
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
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
|
-
|
73
|
-
|
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
|
-
|
85
|
-
|
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
|
-
|
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
|
-
|
109
|
-
|
110
|
-
|
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
|
-
|
125
|
+
@include list-style-type(armenian);
|
126
126
|
}
|
127
127
|
@if $list-style-type-circle {
|
128
|
-
|
128
|
+
@include list-style-type(circle);
|
129
129
|
}
|
130
130
|
@if $list-style-type-cjk-ideographic {
|
131
|
-
|
131
|
+
@include list-style-type(armenian);
|
132
132
|
}
|
133
133
|
@if $list-style-type-decimal {
|
134
|
-
|
134
|
+
@include list-style-type(decimal);
|
135
135
|
}
|
136
136
|
@if $list-style-type-decimal-leading-zero {
|
137
|
-
|
137
|
+
@include list-style-type(decimal-leading-zero);
|
138
138
|
}
|
139
139
|
@if $list-style-type-disc {
|
140
|
-
|
140
|
+
@include list-style-type(disc);
|
141
141
|
}
|
142
142
|
@if $list-style-type-georgian {
|
143
|
-
|
143
|
+
@include list-style-type(georgian);
|
144
144
|
}
|
145
145
|
@if $list-style-type-hebrew {
|
146
|
-
|
146
|
+
@include list-style-type(hebrew);
|
147
147
|
}
|
148
148
|
@if $list-style-type-hiragana {
|
149
|
-
|
149
|
+
@include list-style-type(hiragana);
|
150
150
|
}
|
151
151
|
@if $list-style-type-hiragana-iroha {
|
152
|
-
|
152
|
+
@include list-style-type(hiragana-iroha);
|
153
153
|
}
|
154
154
|
@if $list-style-type-inherit {
|
155
|
-
|
155
|
+
@include list-style-type(inherit);
|
156
156
|
}
|
157
157
|
@if $list-style-type-katakana {
|
158
|
-
|
158
|
+
@include list-style-type(katakana);
|
159
159
|
}
|
160
160
|
@if $list-style-type-katakana-iroha {
|
161
|
-
|
161
|
+
@include list-style-type(katakana-iroha);
|
162
162
|
}
|
163
163
|
@if $list-style-type-lower-alpha {
|
164
|
-
|
164
|
+
@include list-style-type(lower-alpha);
|
165
165
|
}
|
166
166
|
@if $list-style-type-lower-greek {
|
167
|
-
|
167
|
+
@include list-style-type(lower-greek);
|
168
168
|
}
|
169
169
|
@if $list-style-type-lower-latin {
|
170
|
-
|
170
|
+
@include list-style-type(lower-latin);
|
171
171
|
}
|
172
172
|
@if $list-style-type-lower-roman {
|
173
|
-
|
173
|
+
@include list-style-type(lower-roman);
|
174
174
|
}
|
175
175
|
@if $list-style-type-none {
|
176
|
-
|
176
|
+
@include list-style-type(none);
|
177
177
|
}
|
178
178
|
@if $list-style-type-square {
|
179
|
-
|
179
|
+
@include list-style-type(square);
|
180
180
|
}
|
181
181
|
@if $list-style-type-upper-alpha {
|
182
|
-
|
182
|
+
@include list-style-type(upper-alpha);
|
183
183
|
}
|
184
184
|
@if $list-style-type-upper-latin {
|
185
|
-
|
185
|
+
@include list-style-type(upper-latin);
|
186
186
|
}
|
187
187
|
@if $list-style-type-upper-roman {
|
188
|
-
|
189
|
-
}
|
188
|
+
@include list-style-type(upper-roman);
|
189
|
+
}
|
@@ -41,7 +41,7 @@
|
|
41
41
|
// ==========================================================================
|
42
42
|
|
43
43
|
%root {
|
44
|
-
|
44
|
+
@include root();
|
45
45
|
}
|
46
46
|
|
47
47
|
// ==========================================================================
|
@@ -51,8 +51,8 @@
|
|
51
51
|
// ==========================================================================
|
52
52
|
|
53
53
|
%column {
|
54
|
-
|
55
|
-
|
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
|
-
|
66
|
+
@include gutters();
|
67
67
|
}
|
68
68
|
|
69
69
|
// ==========================================================================
|
@@ -73,7 +73,7 @@
|
|
73
73
|
// ==========================================================================
|
74
74
|
|
75
75
|
%gutters-right {
|
76
|
-
|
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
|
-
|
86
|
+
@include gutters((1/2 false));
|
87
87
|
}
|
88
88
|
|
89
89
|
// ==========================================================================
|
@@ -93,7 +93,7 @@
|
|
93
93
|
// ==========================================================================
|
94
94
|
|
95
95
|
%bleed {
|
96
|
-
|
96
|
+
@include bleed();
|
97
97
|
}
|
98
98
|
|
99
99
|
// ==========================================================================
|
@@ -103,7 +103,7 @@
|
|
103
103
|
// ==========================================================================
|
104
104
|
|
105
105
|
%bleed--right {
|
106
|
-
|
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
|
-
|
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
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
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
|
|
@@ -40,7 +40,7 @@ $line-height-unit: 1% !default;
|
|
40
40
|
/// @type {Number}
|
41
41
|
///
|
42
42
|
|
43
|
-
$base-font-size:
|
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:
|
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:
|
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.
|
@@ -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.
|