piecss 0.1.6.5.1 → 0.1.7
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/settings/_base.scss +159 -159
- data/sass/piecss/settings/_breakpoint.scss +21 -21
- data/sass/piecss/settings/_button.scss +149 -149
- data/sass/piecss/settings/_constants.scss +1 -1
- data/sass/piecss/settings/_font.scss +1 -1
- data/sass/piecss/settings/_form.scss +332 -332
- data/sass/piecss/settings/_grid.scss +123 -123
- data/sass/piecss/settings/_list.scss +131 -131
- data/sass/piecss/settings/fonts/_roboto-slab.scss +1 -1
- data/sass/piecss/settings/fonts/_roboto.scss +1 -1
- data/sass/piecss/settings/fonts/_sofia-pro.scss +1 -1
- data/sass/piecss/settings/fonts/_varela-round.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/_fontawesome.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/_foundation-accessability.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_bootstrap.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_core.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_extras.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_icons.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_mixins.scss +3 -3
- data/sass/piecss/settings/fonts/icon-fonts/fontawesome/_path.scss +1 -1
- data/sass/piecss/settings/fonts/icon-fonts/foundation-accessability/_settings.scss +2 -2
- data/sass/piecss/utilities/_breakpoint.scss +29 -30
- data/sass/piecss/utilities/_cache.scss +32 -32
- data/sass/piecss/utilities/_element.scss +50 -50
- data/sass/piecss/utilities/_image.scss +21 -21
- data/sass/piecss/utilities/_layout.scss +115 -115
- data/sass/piecss/utilities/_list.scss +10 -10
- data/sass/piecss/utilities/_miscellaneous.scss +99 -99
- data/sass/piecss/utilities/_rhythm.scss +42 -42
- data/sass/piecss/utilities/_side.scss +136 -136
- data/sass/piecss/utilities/_typography.scss +129 -132
- data/sass/piecss/utilities/_unit.scss +66 -64
- data/templates/project/_sets/_button.scss +4 -4
- data/templates/project/_sets/_form.scss +4 -4
- data/templates/project/_sets.scss +4 -4
- data/templates/project/_settings.scss +4 -4
- data/templates/project/screen.scss +1 -1
- metadata +9 -9
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 7149f0ed49fa4cab90f9c1a5881d631b8a9fc917
|
4
|
+
data.tar.gz: 2ef6803df74f37e404488865aba151d460eb0327
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 57785ee5b9a2722188bcb4ed4136629047510b1336cb46661551cfb268152a15cd31ca6e5bb0a8fa2650eb4730537956105e6076ec05bbc95d52d413a43fd915
|
7
|
+
data.tar.gz: ac908a4119fc768185e4060f66a161d5ba2d6c068600ced090949e95a0fad728611f316e95f00ba16a210a83a4b8a9bbefeaee189073e0d7f6a447282ea88c3d
|
@@ -1,223 +1,223 @@
|
|
1
1
|
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
2
|
|
3
3
|
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
4
|
+
///
|
5
|
+
/// Compass has deprecated this value. Piecss is still using it.
|
6
|
+
///
|
7
|
+
/// @since 0.1
|
8
|
+
///
|
9
|
+
/// @type {Bool}
|
10
|
+
///
|
11
11
|
|
12
12
|
$legacy-support-for-ie: false;
|
13
13
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
14
|
+
///
|
15
|
+
/// Compass has deprecated this value. Piecss is still using it.
|
16
|
+
///
|
17
|
+
/// @since 0.1
|
18
|
+
///
|
19
|
+
/// @type {Bool}
|
20
|
+
///
|
21
21
|
|
22
22
|
$legacy-support-for-mozilla: true;
|
23
23
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
24
|
+
///
|
25
|
+
/// The unit to which to-unit() will convert px values. Used in various functions and mixins.
|
26
|
+
///
|
27
|
+
/// @since 0.1
|
28
|
+
///
|
29
|
+
/// @type {Number}
|
30
|
+
///
|
31
31
|
|
32
32
|
$unit: 1em !default;
|
33
33
|
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
34
|
+
///
|
35
|
+
/// If $unit is set to rem, the fallback will be implemented using this unit.
|
36
|
+
///
|
37
|
+
/// @since 0.1
|
38
|
+
///
|
39
|
+
/// @type {Number}
|
40
|
+
///
|
41
41
|
|
42
42
|
$rem-fallback-unit: 1px !default;
|
43
43
|
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
44
|
+
///
|
45
|
+
/// The unit line-heights will be expressed in.
|
46
|
+
///
|
47
|
+
/// @since 0.1
|
48
|
+
///
|
49
|
+
/// @type {Number}
|
50
|
+
///
|
51
51
|
|
52
52
|
$line-height-unit: 1% !default;
|
53
53
|
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
54
|
+
///
|
55
|
+
/// Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
|
56
|
+
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
57
|
+
///
|
58
|
+
/// @since 0.1
|
59
|
+
///
|
60
|
+
/// @type {Number}
|
61
|
+
///
|
62
62
|
|
63
63
|
$base-font-size: 16px !default;
|
64
64
|
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
65
|
+
///
|
66
|
+
/// The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
|
67
|
+
///
|
68
|
+
/// @since 0.1
|
69
|
+
///
|
70
|
+
/// @type {Number}
|
71
|
+
///
|
72
72
|
|
73
73
|
$default-font-size: 16px !default;
|
74
74
|
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
75
|
+
///
|
76
|
+
/// 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.
|
77
|
+
///
|
78
|
+
/// @since 0.1
|
79
|
+
///
|
80
|
+
/// @type {Number}
|
81
|
+
///
|
82
82
|
|
83
83
|
$default-line-height: 24px !default;
|
84
84
|
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
85
|
+
///
|
86
|
+
/// 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.
|
87
|
+
/// A font-type is a comma separated list of font-type, font-variant, font-weight and font-family.
|
88
|
+
///
|
89
|
+
/// @todo the comma separated list will be changed to a space separated list, and a Map (both will apply)
|
90
|
+
///
|
91
|
+
/// @since 0.1
|
92
|
+
///
|
93
|
+
/// @type {Number}
|
94
|
+
///
|
95
95
|
|
96
96
|
$default-font: $sans-serif-regular !default;
|
97
97
|
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
98
|
+
///
|
99
|
+
/// The default color for the HTML background.
|
100
|
+
///
|
101
|
+
/// @since 0.1
|
102
|
+
///
|
103
|
+
/// @type {Color}
|
104
|
+
///
|
105
105
|
|
106
106
|
$color-background: $white !default;
|
107
107
|
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
108
|
+
///
|
109
|
+
/// The default color for text.
|
110
|
+
///
|
111
|
+
/// @since 0.1
|
112
|
+
///
|
113
|
+
/// @type {Color}
|
114
|
+
///
|
115
115
|
|
116
116
|
$color-body: $darkslategray !default;
|
117
117
|
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
118
|
+
///
|
119
|
+
/// The primary color for UI elements.
|
120
|
+
///
|
121
|
+
/// @since 0.1
|
122
|
+
///
|
123
|
+
/// @type {Color}
|
124
|
+
///
|
125
125
|
|
126
126
|
$color-primary: $orange !default;
|
127
127
|
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
128
|
+
///
|
129
|
+
/// The secondary color for UI elements.
|
130
|
+
///
|
131
|
+
/// @since 0.1
|
132
|
+
///
|
133
|
+
/// @type {Color}
|
134
|
+
///
|
135
135
|
|
136
136
|
$color-secondary: $salmon !default;
|
137
137
|
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
138
|
+
///
|
139
|
+
/// The color with which to darken other colors.
|
140
|
+
///
|
141
|
+
/// @since 0.1
|
142
|
+
///
|
143
|
+
/// @example
|
144
|
+
/// mix($color-shadow, $color-primary, 20%);
|
145
|
+
///
|
146
|
+
/// @type {Color}
|
147
|
+
///
|
148
148
|
|
149
149
|
$color-shadow: $black !default;
|
150
150
|
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
151
|
+
///
|
152
|
+
/// The color with which to lighten other colors.
|
153
|
+
///
|
154
|
+
/// @since 0.1
|
155
|
+
///
|
156
|
+
/// @example
|
157
|
+
/// mix($color-highlight, $color-primary, 20%);
|
158
|
+
///
|
159
|
+
/// @type {Color}
|
160
|
+
///
|
161
161
|
|
162
162
|
$color-highlight: $black !default;
|
163
163
|
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
164
|
+
///
|
165
|
+
/// The default color for anchors.
|
166
|
+
///
|
167
|
+
/// @since 0.1
|
168
|
+
///
|
169
|
+
/// @type {Color}
|
170
|
+
///
|
171
171
|
|
172
172
|
$color-anchor: $blue !default;
|
173
173
|
|
174
|
-
|
175
|
-
|
176
|
-
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
174
|
+
///
|
175
|
+
/// The default color for anchor hover state.
|
176
|
+
///
|
177
|
+
/// @since 0.1
|
178
|
+
///
|
179
|
+
/// @type {Color}
|
180
|
+
///
|
181
181
|
|
182
182
|
$color-anchor--hover: darken($color-anchor, 20%) !default;
|
183
183
|
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
184
|
+
///
|
185
|
+
/// The default color for anchor active state.
|
186
|
+
///
|
187
|
+
/// @since 0.1
|
188
|
+
///
|
189
|
+
/// @type {Color}
|
190
|
+
///
|
191
191
|
|
192
192
|
$color-anchor--active: lighten($color-anchor, 15%) !default;
|
193
193
|
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
194
|
+
///
|
195
|
+
/// The default color for anchor visited state.
|
196
|
+
///
|
197
|
+
/// @since 0.1
|
198
|
+
///
|
199
|
+
/// @type {Color}
|
200
|
+
///
|
201
201
|
|
202
202
|
$color-anchor--visited: darken($color-anchor, 30%) !default;
|
203
203
|
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
204
|
+
///
|
205
|
+
/// The default border-radius. Is used for example by the button and form modules for rounder corners.
|
206
|
+
/// This ensures that the same border-radius is used accross your project.
|
207
|
+
///
|
208
|
+
/// @since 0.1
|
209
|
+
///
|
210
|
+
/// @type {Number}
|
211
|
+
///
|
212
212
|
|
213
213
|
$corner-radius: 0 !default;
|
214
214
|
|
215
|
-
|
216
|
-
|
217
|
-
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
215
|
+
///
|
216
|
+
/// If true, consistent quote types will be set.
|
217
|
+
///
|
218
|
+
/// @since 0.1
|
219
|
+
///
|
220
|
+
/// @type {Bool}
|
221
|
+
///
|
222
222
|
|
223
|
-
$base-quote-quotes: true !default;
|
223
|
+
$base-quote-quotes: true !default;
|
@@ -1,32 +1,32 @@
|
|
1
1
|
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
2
2
|
|
3
3
|
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
4
|
+
///
|
5
|
+
/// Breakpoint for smallest handheld devices (phones). Overwrite and augment breakpoint presets as you see fit.
|
6
|
+
///
|
7
|
+
/// @since 0.1
|
8
|
+
///
|
9
|
+
/// @type {String}
|
10
|
+
///
|
11
11
|
|
12
12
|
$small_handheld: "(max-width: #{to-unit(480px,$unit,$default-font-size)})" !default;
|
13
13
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
14
|
+
///
|
15
|
+
/// Breakpoint for medium handheld devices (tablets). Overwrite and augment breakpoint presets as you see fit.
|
16
|
+
///
|
17
|
+
/// @since 0.1
|
18
|
+
///
|
19
|
+
/// @type {String}
|
20
|
+
///
|
21
21
|
|
22
22
|
$medium_handheld: "(min-width #{to-unit(481px,$unit,$default-font-size)}) and (max-width #{to-unit(1024px,$unit,$default-font-size)})" !default;
|
23
23
|
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
24
|
+
///
|
25
|
+
/// Breakpoint for small desktop devices. Overwrite and augment breakpoint presets as you see fit.
|
26
|
+
///
|
27
|
+
/// @since 0.1
|
28
|
+
///
|
29
|
+
/// @type {String}
|
30
|
+
///
|
31
31
|
|
32
32
|
$small_desktop: "(min-width: #{to-unit(1024px,$unit,$default-font-size)})" !default;
|