piecss 0.1.6.4 → 0.1.6.4.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/sass/piecss/{behavior.scss → _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
|
-
```
|