piecss 0.1.6.5.1 → 0.1.7
Sign up to get free protection for your applications and to get access to all the features.
- 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;
|