piecss 0.1.6.4 → 0.1.6.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/sass/piecss/{behavior.scss → _behavior.scss} +0 -0
- data/sass/piecss/{settings.scss → _settings.scss} +0 -0
- data/sass/piecss/{utilities.scss → _utilities.scss} +0 -0
- data/sass/piecss/behavior/{anchor.scss → _anchor.scss} +0 -1
- data/sass/piecss/behavior/{base.scss → _base.scss} +1 -0
- data/sass/piecss/behavior/{button.scss → _button.scss} +0 -0
- data/sass/piecss/behavior/{form.scss → _form.scss} +1 -41
- data/sass/piecss/behavior/{grid.scss → _grid.scss} +1 -0
- data/sass/piecss/behavior/{list.scss → _list.scss} +3 -3
- data/sass/piecss/behavior/base/{normalize.scss → _normalize.scss} +1 -1
- data/sass/piecss/behavior/base/{preset.scss → _preset.scss} +0 -0
- data/sass/piecss/behavior/grid/{layout.scss → _layout.scss} +0 -0
- data/sass/piecss/behavior/grid/{rhythm.scss → _rhythm.scss} +1 -1
- data/sass/piecss/settings/{base.scss → _base.scss} +0 -0
- data/sass/piecss/settings/{breakpoint.scss → _breakpoint.scss} +0 -0
- data/sass/piecss/settings/{button.scss → _button.scss} +0 -0
- data/sass/piecss/settings/{constants.scss → _constants.scss} +0 -0
- data/sass/piecss/settings/{font.scss → _font.scss} +0 -0
- data/sass/piecss/settings/{form.scss → _form.scss} +0 -0
- data/sass/piecss/settings/{grid.scss → _grid.scss} +0 -0
- data/sass/piecss/settings/{list.scss → _list.scss} +0 -0
- data/sass/piecss/utilities/{breakpoint.scss → _breakpoint.scss} +0 -0
- data/sass/piecss/utilities/{cache.scss → _cache.scss} +0 -0
- data/sass/piecss/utilities/{element.scss → _element.scss} +0 -0
- data/sass/piecss/utilities/{image.scss → _image.scss} +0 -0
- data/sass/piecss/utilities/{layout.scss → _layout.scss} +4 -4
- data/sass/piecss/utilities/{list.scss → _list.scss} +0 -0
- data/sass/piecss/utilities/{miscellaneous.scss → _miscellaneous.scss} +0 -0
- data/sass/piecss/utilities/{rhythm.scss → _rhythm.scss} +0 -0
- data/sass/piecss/utilities/{side.scss → _side.scss} +0 -0
- data/sass/piecss/utilities/{typography.scss → _typography.scss} +0 -0
- data/sass/piecss/utilities/{unit.scss → _unit.scss} +0 -0
- metadata +35 -36
- data/sass/piecss/utilities/README.md +0 -105
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ca51ced66570e47d9f898e0880977627a04ddb0a
|
|
4
|
+
data.tar.gz: cc74d66eec7551dc762a9b81fe198169999ff44c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cb440e76c6cf0ee08af23fd6077477d3c27e153e78808c41ad47f225fcf775795ad674fc1bfb8230c40a3961c1fa4aff601960ca63eaa5b6d48c549ccc12af41
|
|
7
|
+
data.tar.gz: 02c6c1fa63cf2d961647d9fd90ab84c608efb30a54a708a35746d78b1681806566da9d4ccf093b8dafb4002a3b06ee09dee7227a8fadc751d468d6fdf7239824
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -38,34 +38,6 @@ Field base
|
|
|
38
38
|
@extend #{$form-field-base-selector} !optional;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
select,
|
|
42
|
-
textarea,
|
|
43
|
-
input[type="date"],
|
|
44
|
-
input[type="datetime"],
|
|
45
|
-
input[type="datetime-local"],
|
|
46
|
-
input[type="email"],
|
|
47
|
-
input[type="month"],
|
|
48
|
-
input[type="number"],
|
|
49
|
-
input[type="password"],
|
|
50
|
-
input[type="search"],
|
|
51
|
-
input[type="tel"],
|
|
52
|
-
input[type="text"],
|
|
53
|
-
input[type="time"],
|
|
54
|
-
input[type="url"],
|
|
55
|
-
input[type="week"] {
|
|
56
|
-
@extend #{$form-field-selector} !optional;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
input[type="color"] {
|
|
60
|
-
@extend #{$form-field-color-selector} !optional;
|
|
61
|
-
}
|
|
62
|
-
input[type="range"] {
|
|
63
|
-
@extend #{$form-field-range-selector} !optional;
|
|
64
|
-
}
|
|
65
|
-
input[type="search"] {
|
|
66
|
-
@extend #{$form-field-search-selector} !optional;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
41
|
select:not([size]) {
|
|
70
42
|
@extend #{$form-select-dropdown-selector} !optional;
|
|
71
43
|
@if to-bool($select-appearance) {
|
|
@@ -85,16 +57,4 @@ select[size] {
|
|
|
85
57
|
select[multiple] {
|
|
86
58
|
@extend #{$form-select-box-selector} !optional;
|
|
87
59
|
@extend #{$form-select-multiple-selector} !optional;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.editor--small,
|
|
91
|
-
textarea {
|
|
92
|
-
@extend #{$form-textarea-selector} !optional;
|
|
93
|
-
@at-root .editor--medium {
|
|
94
|
-
@extend #{$form-textarea-selector}--medium !optional;
|
|
95
|
-
}
|
|
96
|
-
@at-root .editor--large {
|
|
97
|
-
@extend #{$form-textarea-selector}--large !optional;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
60
|
+
}
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
ol {
|
|
39
39
|
&.#{$list-selector} {
|
|
40
40
|
@extend %#{$list-selector}--#{$list-ol-default} !optional;
|
|
41
|
+
@extend %#{$list-selector}--inside;
|
|
41
42
|
}
|
|
42
|
-
@extend %#{$list-selector}--inside;
|
|
43
43
|
}
|
|
44
44
|
ul {
|
|
45
45
|
&.#{$list-selector} {
|
|
46
46
|
@extend %#{$list-selector}--#{$list-ul-default} !optional;
|
|
47
|
+
@extend %#{$list-selector}--inside;
|
|
47
48
|
}
|
|
48
|
-
@extend %#{$list-selector}--inside;
|
|
49
49
|
}
|
|
50
50
|
li {
|
|
51
51
|
list-style-type: inherit;
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
// ==========================================================================
|
|
102
|
-
// Placeholder %list--
|
|
102
|
+
// Placeholder %list--inside
|
|
103
103
|
// --------------------------------------------------------------------------
|
|
104
104
|
// Moves bullets inside of the left text margin
|
|
105
105
|
// ==========================================================================
|
|
@@ -32,7 +32,7 @@ html {
|
|
|
32
32
|
$font-family: extract-type-family($default-font);
|
|
33
33
|
|
|
34
34
|
$font-size: to-unit($default-font-size, 1%, $base-font-size);
|
|
35
|
-
$line-height: line-height($default-line-height, $
|
|
35
|
+
$line-height: line-height($default-line-height, $default-font-size, $line-height-unit);
|
|
36
36
|
|
|
37
37
|
font: #{$font-style} #{$font-variant} #{$font-weight} #{$font-size}/#{$line-height} #{$font-family};
|
|
38
38
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -248,18 +248,18 @@
|
|
|
248
248
|
|
|
249
249
|
@if ($use-margin) {
|
|
250
250
|
@if $left != false {
|
|
251
|
-
margin-left:
|
|
251
|
+
margin-left: $gutter-width * $left;
|
|
252
252
|
}
|
|
253
253
|
@if $right != false {
|
|
254
|
-
margin-right:
|
|
254
|
+
margin-right: $gutter-width * $right;
|
|
255
255
|
}
|
|
256
256
|
}
|
|
257
257
|
@else {
|
|
258
258
|
@if $left != false {
|
|
259
|
-
padding-left:
|
|
259
|
+
padding-left: $gutter-width * $left;
|
|
260
260
|
}
|
|
261
261
|
@if $right != false {
|
|
262
|
-
padding-right:
|
|
262
|
+
padding-right: $gutter-width * $right;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: piecss
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.6.4
|
|
4
|
+
version: 0.1.6.4.6
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Babs Gosgens
|
|
@@ -30,14 +30,14 @@ dependencies:
|
|
|
30
30
|
requirements:
|
|
31
31
|
- - "~>"
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
|
-
version: 1.0
|
|
33
|
+
version: '1.0'
|
|
34
34
|
type: :runtime
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
|
-
version: 1.0
|
|
40
|
+
version: '1.0'
|
|
41
41
|
description: Piecss produces little to none output. The only default output that Piecss
|
|
42
42
|
produces is an optimized version of Normalize.
|
|
43
43
|
email: babsgosgens@gmail.com
|
|
@@ -47,23 +47,27 @@ extra_rdoc_files: []
|
|
|
47
47
|
files:
|
|
48
48
|
- README.md
|
|
49
49
|
- lib/piecss.rb
|
|
50
|
-
- sass/piecss/
|
|
51
|
-
- sass/piecss/
|
|
52
|
-
- sass/piecss/
|
|
53
|
-
- sass/piecss/behavior/
|
|
54
|
-
- sass/piecss/behavior/
|
|
55
|
-
- sass/piecss/behavior/
|
|
56
|
-
- sass/piecss/behavior/
|
|
57
|
-
- sass/piecss/behavior/
|
|
58
|
-
- sass/piecss/behavior/
|
|
59
|
-
- sass/piecss/behavior/
|
|
60
|
-
- sass/piecss/behavior/
|
|
61
|
-
- sass/piecss/
|
|
62
|
-
- sass/piecss/
|
|
63
|
-
- sass/piecss/settings/
|
|
64
|
-
- sass/piecss/settings/
|
|
65
|
-
- sass/piecss/settings/
|
|
66
|
-
- sass/piecss/settings/
|
|
50
|
+
- sass/piecss/_behavior.scss
|
|
51
|
+
- sass/piecss/_settings.scss
|
|
52
|
+
- sass/piecss/_utilities.scss
|
|
53
|
+
- sass/piecss/behavior/_anchor.scss
|
|
54
|
+
- sass/piecss/behavior/_base.scss
|
|
55
|
+
- sass/piecss/behavior/_button.scss
|
|
56
|
+
- sass/piecss/behavior/_form.scss
|
|
57
|
+
- sass/piecss/behavior/_grid.scss
|
|
58
|
+
- sass/piecss/behavior/_list.scss
|
|
59
|
+
- sass/piecss/behavior/base/_normalize.scss
|
|
60
|
+
- sass/piecss/behavior/base/_preset.scss
|
|
61
|
+
- sass/piecss/behavior/grid/_layout.scss
|
|
62
|
+
- sass/piecss/behavior/grid/_rhythm.scss
|
|
63
|
+
- sass/piecss/settings/_base.scss
|
|
64
|
+
- sass/piecss/settings/_breakpoint.scss
|
|
65
|
+
- sass/piecss/settings/_button.scss
|
|
66
|
+
- sass/piecss/settings/_constants.scss
|
|
67
|
+
- sass/piecss/settings/_font.scss
|
|
68
|
+
- sass/piecss/settings/_form.scss
|
|
69
|
+
- sass/piecss/settings/_grid.scss
|
|
70
|
+
- sass/piecss/settings/_list.scss
|
|
67
71
|
- sass/piecss/settings/fonts/_asap.scss
|
|
68
72
|
- sass/piecss/settings/fonts/_bree-serif.scss
|
|
69
73
|
- sass/piecss/settings/fonts/_example.scss
|
|
@@ -89,22 +93,17 @@ files:
|
|
|
89
93
|
- sass/piecss/settings/fonts/icon-fonts/fontawesome/_path.scss
|
|
90
94
|
- sass/piecss/settings/fonts/icon-fonts/fontawesome/_variables.scss
|
|
91
95
|
- sass/piecss/settings/fonts/icon-fonts/foundation-accessability/_settings.scss
|
|
92
|
-
- sass/piecss/
|
|
93
|
-
- sass/piecss/
|
|
94
|
-
- sass/piecss/
|
|
95
|
-
- sass/piecss/utilities.scss
|
|
96
|
-
- sass/piecss/utilities/
|
|
97
|
-
- sass/piecss/utilities/
|
|
98
|
-
- sass/piecss/utilities/
|
|
99
|
-
- sass/piecss/utilities/
|
|
100
|
-
- sass/piecss/utilities/
|
|
101
|
-
- sass/piecss/utilities/
|
|
102
|
-
- sass/piecss/utilities/
|
|
103
|
-
- sass/piecss/utilities/miscellaneous.scss
|
|
104
|
-
- sass/piecss/utilities/rhythm.scss
|
|
105
|
-
- sass/piecss/utilities/side.scss
|
|
106
|
-
- sass/piecss/utilities/typography.scss
|
|
107
|
-
- sass/piecss/utilities/unit.scss
|
|
96
|
+
- sass/piecss/utilities/_breakpoint.scss
|
|
97
|
+
- sass/piecss/utilities/_cache.scss
|
|
98
|
+
- sass/piecss/utilities/_element.scss
|
|
99
|
+
- sass/piecss/utilities/_image.scss
|
|
100
|
+
- sass/piecss/utilities/_layout.scss
|
|
101
|
+
- sass/piecss/utilities/_list.scss
|
|
102
|
+
- sass/piecss/utilities/_miscellaneous.scss
|
|
103
|
+
- sass/piecss/utilities/_rhythm.scss
|
|
104
|
+
- sass/piecss/utilities/_side.scss
|
|
105
|
+
- sass/piecss/utilities/_typography.scss
|
|
106
|
+
- sass/piecss/utilities/_unit.scss
|
|
108
107
|
- templates/project/_elements.scss
|
|
109
108
|
- templates/project/_settings.scss
|
|
110
109
|
- templates/project/elements/_button.scss
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
#Utilities
|
|
2
|
-
|
|
3
|
-
## Table of Content
|
|
4
|
-
|
|
5
|
-
1. Typography
|
|
6
|
-
2. Rhythm
|
|
7
|
-
1. Vertical Rhythm
|
|
8
|
-
2. Horizontal Rhythm
|
|
9
|
-
3. Layout
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
----------
|
|
13
|
-
|
|
14
|
-
## 2. Rhythm
|
|
15
|
-
|
|
16
|
-
### 2.1 Vertical Rhythm
|
|
17
|
-
|
|
18
|
-
Properties that implement vertical rhythm:
|
|
19
|
-
|
|
20
|
-
* margin (-top, -bottom)
|
|
21
|
-
* padding (-top, -bottom)
|
|
22
|
-
* height
|
|
23
|
-
* top
|
|
24
|
-
* bottom
|
|
25
|
-
* font-size
|
|
26
|
-
* line-height
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
#### Usage
|
|
31
|
-
Vertical units can be calculated with vrhythm-units();
|
|
32
|
-
|
|
33
|
-
```scss
|
|
34
|
-
// units, context
|
|
35
|
-
@include line-height(1, 16px);
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
```scss
|
|
39
|
-
// units, property, context
|
|
40
|
-
@include vrhythm(1, line-height, 16px);
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
```scss
|
|
44
|
-
// units, context
|
|
45
|
-
line-height: vrhythm(1, 16px);
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
Output (assuming context font-size is 16px and rhythm-measurement is 24px):
|
|
49
|
-
|
|
50
|
-
```scss
|
|
51
|
-
// unit: px
|
|
52
|
-
line-height: 24px;
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
```scss
|
|
56
|
-
// unit: em
|
|
57
|
-
line-height: 1em;
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
```scss
|
|
61
|
-
// unit: rem
|
|
62
|
-
line-height: 1.5rem;
|
|
63
|
-
```
|
|
64
|
-
|
|
65
|
-
```scss
|
|
66
|
-
// unit: %
|
|
67
|
-
line-height: 150%;
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
### 2.2 Horizontal Rhythm
|
|
71
|
-
|
|
72
|
-
Vertical rhythm is used for horizontal padding. It's based on the value for column gutters which is configured in the layout settings file.
|
|
73
|
-
|
|
74
|
-
Properties that implement horizontal rhythm:
|
|
75
|
-
|
|
76
|
-
* margin (-right, -left)
|
|
77
|
-
* padding (-right, -left)
|
|
78
|
-
* width
|
|
79
|
-
* right
|
|
80
|
-
* left
|
|
81
|
-
|
|
82
|
-
#### Usage
|
|
83
|
-
Horizontal units can be calculated with hrhythm-units();
|
|
84
|
-
|
|
85
|
-
```scss
|
|
86
|
-
// units, context
|
|
87
|
-
@include margin-bottom(1, 16px);
|
|
88
|
-
```
|
|
89
|
-
|
|
90
|
-
```scss
|
|
91
|
-
// units, property, context
|
|
92
|
-
@include hrhythm(1, margin-bottom, 16px);
|
|
93
|
-
```
|
|
94
|
-
|
|
95
|
-
```scss
|
|
96
|
-
// units, context
|
|
97
|
-
margin-bottom: hrhythm(1, 16px);
|
|
98
|
-
```
|
|
99
|
-
|
|
100
|
-
Which outputs:
|
|
101
|
-
|
|
102
|
-
```scss
|
|
103
|
-
// unit: rem
|
|
104
|
-
margin-bottom: 1.5rem;
|
|
105
|
-
```
|