piecss 0.3.2 → 0.4.0
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.css +446 -94
- data/sass/piecss/_behavior.css.map +2 -2
- data/sass/piecss/_behavior.scss +8 -5
- data/sass/piecss/_settings.scss +5 -7
- data/sass/piecss/behavior/{_anchor.scss → anchor/_anchor.scss} +0 -0
- data/sass/piecss/behavior/base/{_normalize.scss → _base.scss} +75 -10
- data/sass/piecss/{settings/_base.scss → behavior/base/_settings.scss} +10 -68
- data/sass/piecss/behavior/{_button.scss → button/_button.scss} +1 -0
- data/sass/piecss/{settings/_button.scss → behavior/button/_settings.scss} +0 -0
- data/sass/piecss/behavior/{_form.scss → form/_form.scss} +1 -0
- data/sass/piecss/{settings/_form.scss → behavior/form/_settings.scss} +0 -0
- data/sass/piecss/behavior/{_grid.scss → layout/_grid.scss} +2 -2
- data/sass/piecss/behavior/{grid → layout}/_layout.scss +47 -47
- data/sass/piecss/behavior/{grid → layout}/_rhythm.scss +0 -0
- data/sass/piecss/behavior/{_list.scss → list/_list.scss} +1 -0
- data/sass/piecss/{settings/_list.scss → behavior/list/_settings.scss} +0 -0
- data/sass/piecss/settings/_fallback.scss +15 -0
- data/sass/piecss/settings/_layout.scss +0 -10
- data/sass/piecss/settings/_miscellaneous.scss +9 -4
- data/sass/piecss/settings/_typography.scss +33 -0
- data/sass/piecss/settings/_unit.scss +32 -0
- metadata +16 -16
- data/sass/piecss/behavior/_base.scss +0 -5
- data/sass/piecss/behavior/base/_preset.scss +0 -52
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e65b775f9aa2bd4e22f34287f96bed655d3689c2
|
|
4
|
+
data.tar.gz: c5d0e5b15741bda4eb020a2f165a8cc9ba167ee4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 42cb3c5c16622e7cbfad736fd7167c0de2fbe7ca1a565c754a00776d7e8aeffb63c7ff53cf5c4f9afb33ad241ae6cdd2b7d1d922c344f6ae758d818f05b353bd
|
|
7
|
+
data.tar.gz: 38fa5839e906b89e3216313fb600a04c72c14ce49eba321b49fd20c1050752eb829d87020e5675fa57660c6e0389040bd60c37eff685a58ff17100485aa2bb4c
|
data/sass/piecss/_behavior.css
CHANGED
|
@@ -1,97 +1,449 @@
|
|
|
1
|
+
/* alternate spelling */
|
|
2
|
+
/* alternate spelling */
|
|
3
|
+
/* alternate spelling */
|
|
4
|
+
/* alternate spelling */
|
|
5
|
+
/* alternate spelling */
|
|
6
|
+
/* alternate spelling */
|
|
7
|
+
/* alternate spelling */
|
|
1
8
|
/*
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
/
|
|
50
|
-
/
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
/
|
|
90
|
-
/
|
|
91
|
-
|
|
92
|
-
|
|
9
|
+
* A large part of the behavior below is based on Normalize by Nicholas Gallager.
|
|
10
|
+
* The difference is that the property values are based on the project settings.
|
|
11
|
+
* The resulting code is a preset rather than a reset.
|
|
12
|
+
* Therefor properties do not need to be set again with actual values.
|
|
13
|
+
*
|
|
14
|
+
* For more information on Normalize, please visit git.io/normalize
|
|
15
|
+
*/
|
|
16
|
+
/*
|
|
17
|
+
* 1. Apply a natural box layout model to all elements
|
|
18
|
+
* 2. Remove margins from all elements
|
|
19
|
+
* 3. Experimentally align all elements to bottom
|
|
20
|
+
*/
|
|
21
|
+
*,
|
|
22
|
+
*:before,
|
|
23
|
+
*:after {
|
|
24
|
+
box-sizing: border-box;
|
|
25
|
+
/* 1 */
|
|
26
|
+
margin: 0;
|
|
27
|
+
/* 2 */
|
|
28
|
+
vertical-align: baseline; }
|
|
29
|
+
|
|
30
|
+
/*
|
|
31
|
+
* 1. Set base font (family, size, line-height) for conversions to rem and/or em.
|
|
32
|
+
* 2. Set default font family to sans-serif.
|
|
33
|
+
* 3. Prevent iOS text size adjust after orientation change, without disabling
|
|
34
|
+
* user zoom.
|
|
35
|
+
* 4. Set background color.
|
|
36
|
+
*/
|
|
37
|
+
html {
|
|
38
|
+
font: normal normal 400 100%/150% sans-serif;
|
|
39
|
+
/* 1, 2 */
|
|
40
|
+
text-size-adjust: 100%;
|
|
41
|
+
/* 3 */
|
|
42
|
+
width: 100%;
|
|
43
|
+
/* 3 */
|
|
44
|
+
background: #fff;
|
|
45
|
+
/* 4 */ }
|
|
46
|
+
|
|
47
|
+
/*
|
|
48
|
+
* Remove default margin.
|
|
49
|
+
*/
|
|
50
|
+
body {
|
|
51
|
+
margin: 0; }
|
|
52
|
+
|
|
53
|
+
/* HTML5 display definitions
|
|
54
|
+
========================================================================== */
|
|
55
|
+
/*
|
|
56
|
+
* Correct `block` display not defined for any HTML5 element in IE 8/9.
|
|
57
|
+
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
|
|
58
|
+
* Correct `block` display not defined for `main` in IE 11.
|
|
59
|
+
*/
|
|
60
|
+
article,
|
|
61
|
+
aside,
|
|
62
|
+
details,
|
|
63
|
+
figcaption,
|
|
64
|
+
figure,
|
|
65
|
+
footer,
|
|
66
|
+
header,
|
|
67
|
+
hgroup,
|
|
68
|
+
main,
|
|
69
|
+
nav,
|
|
70
|
+
section,
|
|
71
|
+
summary {
|
|
72
|
+
display: block; }
|
|
73
|
+
|
|
74
|
+
/*
|
|
75
|
+
* 1. Correct `inline-block` display not defined in IE 8/9.
|
|
76
|
+
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
|
77
|
+
*/
|
|
78
|
+
audio,
|
|
79
|
+
canvas,
|
|
80
|
+
progress,
|
|
81
|
+
video {
|
|
82
|
+
display: inline-block;
|
|
83
|
+
/* 1 */
|
|
84
|
+
vertical-align: baseline;
|
|
85
|
+
/* 2 */ }
|
|
86
|
+
|
|
87
|
+
/*
|
|
88
|
+
* Prevent modern browsers from displaying `audio` without controls.
|
|
89
|
+
* Remove excess height in iOS 5 devices.
|
|
90
|
+
*/
|
|
91
|
+
audio:not([controls]) {
|
|
92
|
+
display: none;
|
|
93
|
+
height: 0; }
|
|
94
|
+
|
|
95
|
+
/*
|
|
96
|
+
* Address `[hidden]` styling not present in IE 8/9/10.
|
|
97
|
+
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
|
|
98
|
+
*/
|
|
99
|
+
[hidden],
|
|
100
|
+
template {
|
|
101
|
+
display: none; }
|
|
102
|
+
|
|
103
|
+
/* Links
|
|
104
|
+
========================================================================== */
|
|
105
|
+
/*
|
|
106
|
+
* 1. Remove the gray background color from active links in IE 10.
|
|
107
|
+
* 2. Set default anchor colour.
|
|
108
|
+
*/
|
|
109
|
+
a {
|
|
110
|
+
background: transparent;
|
|
111
|
+
color: #00f; }
|
|
112
|
+
|
|
113
|
+
/*
|
|
114
|
+
* Improve readability when focused and also mouse hovered in all browsers.
|
|
115
|
+
*/
|
|
116
|
+
a:active,
|
|
117
|
+
a:hover {
|
|
118
|
+
outline: 0; }
|
|
119
|
+
|
|
120
|
+
/* Text-level semantics
|
|
121
|
+
========================================================================== */
|
|
122
|
+
/*
|
|
123
|
+
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
|
|
124
|
+
*/
|
|
125
|
+
abbr[title] {
|
|
126
|
+
border-bottom: 1px dotted; }
|
|
127
|
+
|
|
128
|
+
/*
|
|
129
|
+
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
|
|
130
|
+
*/
|
|
131
|
+
b,
|
|
132
|
+
strong {
|
|
133
|
+
font-weight: bold; }
|
|
134
|
+
|
|
135
|
+
/*
|
|
136
|
+
* Address styling not present in Safari and Chrome.
|
|
137
|
+
*/
|
|
138
|
+
dfn {
|
|
139
|
+
font-style: italic; }
|
|
140
|
+
|
|
141
|
+
/*
|
|
142
|
+
* Address variable `h1` font-size and margin within `section` and `article`
|
|
143
|
+
* contexts in Firefox 4+, Safari, and Chrome.
|
|
144
|
+
*/
|
|
145
|
+
h1 {
|
|
146
|
+
font-size: 2em;
|
|
147
|
+
line-height: 48px;
|
|
148
|
+
margin: 0; }
|
|
149
|
+
|
|
150
|
+
/*
|
|
151
|
+
* Address styling not present in IE 8/9.
|
|
152
|
+
*/
|
|
153
|
+
mark {
|
|
154
|
+
background: #ff0;
|
|
155
|
+
color: #000; }
|
|
156
|
+
|
|
157
|
+
/*
|
|
158
|
+
* Address inconsistent and variable font size in all browsers.
|
|
159
|
+
*/
|
|
160
|
+
small {
|
|
161
|
+
font-size: 80%; }
|
|
162
|
+
|
|
163
|
+
/*
|
|
164
|
+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
|
165
|
+
*/
|
|
166
|
+
sub,
|
|
167
|
+
sup {
|
|
168
|
+
font-size: 75%;
|
|
169
|
+
line-height: 0;
|
|
170
|
+
position: relative;
|
|
171
|
+
vertical-align: baseline; }
|
|
172
|
+
|
|
173
|
+
sup {
|
|
174
|
+
top: -0.5em; }
|
|
175
|
+
|
|
176
|
+
sub {
|
|
177
|
+
bottom: -0.25em; }
|
|
178
|
+
|
|
179
|
+
/* Embedded content
|
|
180
|
+
========================================================================== */
|
|
181
|
+
/*
|
|
182
|
+
* Remove border when inside `a` element in IE 8/9/10.
|
|
183
|
+
*/
|
|
184
|
+
img {
|
|
185
|
+
border: 0; }
|
|
186
|
+
|
|
187
|
+
/*
|
|
188
|
+
* Correct overflow not hidden in IE 9/10/11.
|
|
189
|
+
*/
|
|
190
|
+
svg:not(:root) {
|
|
191
|
+
overflow: hidden; }
|
|
192
|
+
|
|
193
|
+
/* Grouping content
|
|
194
|
+
========================================================================== */
|
|
195
|
+
/*
|
|
196
|
+
* Address margin not present in IE 8/9 and Safari.
|
|
197
|
+
*/
|
|
198
|
+
figure {
|
|
199
|
+
margin: 1em 40px; }
|
|
200
|
+
|
|
201
|
+
/*
|
|
202
|
+
* Address differences between Firefox and other browsers.
|
|
203
|
+
*/
|
|
204
|
+
hr {
|
|
205
|
+
box-sizing: content-box;
|
|
206
|
+
height: 0; }
|
|
207
|
+
|
|
208
|
+
/*
|
|
209
|
+
* Contain overflow in all browsers.
|
|
210
|
+
*/
|
|
211
|
+
pre {
|
|
212
|
+
overflow: auto; }
|
|
213
|
+
|
|
214
|
+
/*
|
|
215
|
+
* Address odd `em`-unit font size rendering in all browsers.
|
|
216
|
+
*/
|
|
217
|
+
code,
|
|
218
|
+
kbd,
|
|
219
|
+
pre,
|
|
220
|
+
samp {
|
|
221
|
+
font-family: monospace, monospace;
|
|
222
|
+
font-size: 1em; }
|
|
223
|
+
|
|
224
|
+
/* Forms
|
|
225
|
+
========================================================================== */
|
|
226
|
+
/*
|
|
227
|
+
* Known limitation: by default, Chrome and Safari on OS X allow very limited
|
|
228
|
+
* styling of `select`, unless a `border` property is set.
|
|
229
|
+
*/
|
|
230
|
+
/*
|
|
231
|
+
* 1. Correct color not being inherited.
|
|
232
|
+
* Known issue: affects color of disabled elements.
|
|
233
|
+
* 2. Correct font properties not being inherited.
|
|
234
|
+
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
|
|
235
|
+
*/
|
|
236
|
+
button,
|
|
237
|
+
input,
|
|
238
|
+
optgroup,
|
|
239
|
+
select,
|
|
240
|
+
textarea {
|
|
241
|
+
color: inherit;
|
|
242
|
+
/* 1 */
|
|
243
|
+
font: inherit;
|
|
244
|
+
/* 2 */
|
|
245
|
+
margin: 0;
|
|
246
|
+
/* 3 */ }
|
|
247
|
+
|
|
248
|
+
/*
|
|
249
|
+
* Address `overflow` set to `hidden` in IE 8/9/10/11.
|
|
250
|
+
*/
|
|
251
|
+
button {
|
|
252
|
+
overflow: visible; }
|
|
253
|
+
|
|
254
|
+
/*
|
|
255
|
+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
|
256
|
+
* All other form control elements do not inherit `text-transform` values.
|
|
257
|
+
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
|
|
258
|
+
* Correct `select` style inheritance in Firefox.
|
|
259
|
+
*/
|
|
260
|
+
button,
|
|
261
|
+
select {
|
|
262
|
+
text-transform: none; }
|
|
263
|
+
|
|
264
|
+
/*
|
|
265
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
|
266
|
+
* and `video` controls.
|
|
267
|
+
* 2. Correct inability to style clickable `input` types in iOS.
|
|
268
|
+
* 3. Improve usability and consistency of cursor style between image-type
|
|
269
|
+
* `input` and others.
|
|
270
|
+
*/
|
|
271
|
+
button,
|
|
272
|
+
html input[type="button"],
|
|
273
|
+
input[type="reset"],
|
|
274
|
+
input[type="submit"] {
|
|
275
|
+
appearance: button;
|
|
276
|
+
/* 2 */
|
|
277
|
+
cursor: pointer;
|
|
278
|
+
/* 3 */ }
|
|
279
|
+
|
|
280
|
+
/*
|
|
281
|
+
* Re-set default cursor for disabled elements.
|
|
282
|
+
*/
|
|
283
|
+
button[disabled],
|
|
284
|
+
html input[disabled] {
|
|
285
|
+
cursor: default; }
|
|
286
|
+
|
|
287
|
+
/*
|
|
288
|
+
* Remove inner padding and border in Firefox 4+.
|
|
289
|
+
*/
|
|
290
|
+
button::-moz-focus-inner,
|
|
291
|
+
input::-moz-focus-inner {
|
|
292
|
+
border: 0;
|
|
293
|
+
padding: 0; }
|
|
294
|
+
|
|
295
|
+
/*
|
|
296
|
+
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
|
297
|
+
* the UA stylesheet.
|
|
298
|
+
*/
|
|
299
|
+
input {
|
|
300
|
+
line-height: normal; }
|
|
301
|
+
|
|
302
|
+
/*
|
|
303
|
+
* It's recommended that you don't attempt to style these elements.
|
|
304
|
+
* Firefox's implementation doesn't respect box-sizing, padding, or width.
|
|
305
|
+
*
|
|
306
|
+
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
|
307
|
+
* 2. Remove excess padding in IE 8/9/10.
|
|
308
|
+
*/
|
|
309
|
+
input[type="checkbox"],
|
|
310
|
+
input[type="radio"] {
|
|
311
|
+
box-sizing: border-box;
|
|
312
|
+
/* 1 */
|
|
313
|
+
padding: 0;
|
|
314
|
+
/* 2 */ }
|
|
315
|
+
|
|
316
|
+
/*
|
|
317
|
+
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
|
318
|
+
* `font-size` values of the `input`, it causes the cursor style of the
|
|
319
|
+
* decrement button to change from `default` to `text`.
|
|
320
|
+
*/
|
|
321
|
+
input[type="number"]::-webkit-inner-spin-button,
|
|
322
|
+
input[type="number"]::-webkit-outer-spin-button {
|
|
323
|
+
height: auto; }
|
|
324
|
+
|
|
325
|
+
/*
|
|
326
|
+
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
|
327
|
+
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
|
328
|
+
* (include `-moz` to future-proof).
|
|
329
|
+
*/
|
|
330
|
+
input[type="search"] {
|
|
331
|
+
appearance: textfield;
|
|
332
|
+
/* 1 */ }
|
|
333
|
+
|
|
334
|
+
/*
|
|
335
|
+
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
|
336
|
+
* Safari (but not Chrome) clips the cancel button when the search input has
|
|
337
|
+
* padding (and `textfield` appearance).
|
|
338
|
+
*/
|
|
339
|
+
input[type="search"]::-webkit-search-cancel-button,
|
|
340
|
+
input[type="search"]::-webkit-search-decoration {
|
|
341
|
+
appearance: none; }
|
|
342
|
+
|
|
343
|
+
/*
|
|
344
|
+
* Define consistent border, margin, and padding.
|
|
345
|
+
*/
|
|
346
|
+
fieldset {
|
|
347
|
+
border: 1px solid #c0c0c0;
|
|
348
|
+
margin: 0 2px;
|
|
349
|
+
padding: 0.35em 0.625em 0.75em; }
|
|
350
|
+
|
|
351
|
+
/*
|
|
352
|
+
* 1. Correct `color` not being inherited in IE 8/9/10/11.
|
|
353
|
+
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
|
354
|
+
*/
|
|
355
|
+
legend {
|
|
356
|
+
border: 0;
|
|
357
|
+
/* 1 */
|
|
358
|
+
padding: 0;
|
|
359
|
+
/* 2 */ }
|
|
360
|
+
|
|
361
|
+
/*
|
|
362
|
+
* Remove default vertical scrollbar in IE 8/9/10/11.
|
|
363
|
+
*/
|
|
364
|
+
textarea {
|
|
365
|
+
overflow: auto; }
|
|
366
|
+
|
|
367
|
+
/*
|
|
368
|
+
* Don't inherit the `font-weight` (applied by a rule above).
|
|
369
|
+
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
|
|
370
|
+
*/
|
|
371
|
+
optgroup {
|
|
372
|
+
font-weight: bold; }
|
|
373
|
+
|
|
374
|
+
/* Tables
|
|
375
|
+
========================================================================== */
|
|
376
|
+
/*
|
|
377
|
+
* Remove most spacing between table cells.
|
|
378
|
+
*/
|
|
379
|
+
table {
|
|
380
|
+
border-collapse: collapse;
|
|
381
|
+
border-spacing: 0; }
|
|
382
|
+
|
|
383
|
+
td,
|
|
384
|
+
th {
|
|
385
|
+
padding: 0; }
|
|
386
|
+
|
|
387
|
+
/*
|
|
388
|
+
-----------------------------------------------------------------------------
|
|
389
|
+
Miscellaneous - consider movin to reset
|
|
390
|
+
-----------------------------------------------------------------------------
|
|
93
391
|
*/
|
|
94
|
-
|
|
95
|
-
|
|
392
|
+
abbr[title] {
|
|
393
|
+
border-bottom: 1px dotted; }
|
|
394
|
+
|
|
395
|
+
hr {
|
|
396
|
+
height: 0; }
|
|
397
|
+
|
|
398
|
+
code,
|
|
399
|
+
kbd,
|
|
400
|
+
pre,
|
|
401
|
+
samp {
|
|
96
402
|
font-family: monospace;
|
|
97
|
-
|
|
403
|
+
font-size: 1em; }
|
|
404
|
+
|
|
405
|
+
pre {
|
|
406
|
+
white-space: pre-wrap; }
|
|
407
|
+
|
|
408
|
+
small {
|
|
409
|
+
font-size: 80%; }
|
|
410
|
+
|
|
411
|
+
sub,
|
|
412
|
+
sup {
|
|
413
|
+
font-size: 75%;
|
|
414
|
+
line-height: 0;
|
|
415
|
+
position: relative;
|
|
416
|
+
vertical-align: baseline; }
|
|
417
|
+
|
|
418
|
+
sup {
|
|
419
|
+
top: -0.5em; }
|
|
420
|
+
|
|
421
|
+
sub {
|
|
422
|
+
bottom: -0.25em; }
|
|
423
|
+
|
|
424
|
+
/*
|
|
425
|
+
* Set consistent quote types.
|
|
426
|
+
*/
|
|
427
|
+
q {
|
|
428
|
+
quotes: "\201C" "\201D" "\2018" "\2019"; }
|
|
429
|
+
|
|
430
|
+
/*
|
|
431
|
+
-----------------------------------------------------------------------------
|
|
432
|
+
Debug helpers
|
|
433
|
+
-----------------------------------------------------------------------------
|
|
434
|
+
*/
|
|
435
|
+
/*
|
|
436
|
+
-----------------------------------------------------------------------------
|
|
437
|
+
Field base
|
|
438
|
+
-----------------------------------------------------------------------------
|
|
439
|
+
*/
|
|
440
|
+
select:not([size]) {
|
|
441
|
+
appearance: menulist; }
|
|
442
|
+
|
|
443
|
+
/*
|
|
444
|
+
-----------------------------------------------------------------------------
|
|
445
|
+
Button base
|
|
446
|
+
-----------------------------------------------------------------------------
|
|
447
|
+
*/
|
|
448
|
+
|
|
449
|
+
/*# sourceMappingURL=_behavior.css.map */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"mappings": "
|
|
4
|
-
"sources": ["
|
|
3
|
+
"mappings": "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",
|
|
4
|
+
"sources": ["settings/_colour.scss","behavior/base/_base.scss","behavior/base/_settings.scss","utilities/_unit.scss","utilities/_typography.scss","utilities/_miscellaneous.scss","settings/fonts/_monospace.scss","behavior/layout/_rhythm.scss","behavior/form/_form.scss","behavior/form/_settings.scss","behavior/button/_button.scss"],
|
|
5
5
|
"names": [],
|
|
6
6
|
"file": "_behavior.css"
|
|
7
7
|
}
|
data/sass/piecss/_behavior.scss
CHANGED
|
@@ -5,8 +5,11 @@
|
|
|
5
5
|
// Behavior
|
|
6
6
|
// ==========================================================================
|
|
7
7
|
|
|
8
|
-
@import "
|
|
9
|
-
@import "
|
|
10
|
-
|
|
11
|
-
@import "behavior/
|
|
12
|
-
@import "behavior/
|
|
8
|
+
@import "utilities";
|
|
9
|
+
@import "settings";
|
|
10
|
+
|
|
11
|
+
@import "behavior/base/base";
|
|
12
|
+
@import "behavior/layout/grid";
|
|
13
|
+
@import "behavior/form/form";
|
|
14
|
+
@import "behavior/button/button";
|
|
15
|
+
@import "behavior/list/list";
|
data/sass/piecss/_settings.scss
CHANGED
|
@@ -7,17 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
@import "settings/constants";
|
|
9
9
|
@import "settings/colour";
|
|
10
|
+
@import "settings/fallback";
|
|
10
11
|
@import "settings/font";
|
|
11
12
|
@import "settings/rhythm";
|
|
13
|
+
@import "settings/unit";
|
|
12
14
|
@import "settings/typography";
|
|
13
|
-
@import "settings/
|
|
15
|
+
@import "settings/miscellaneous";
|
|
14
16
|
|
|
15
|
-
//
|
|
17
|
+
// settings/breakpoint on settings/unit and settings/typography
|
|
16
18
|
@import "settings/breakpoint";
|
|
17
19
|
|
|
18
|
-
//
|
|
20
|
+
// settings/layout on settings/breakpoint
|
|
19
21
|
@import "settings/layout";
|
|
20
|
-
@import "settings/form";
|
|
21
|
-
@import "settings/button";
|
|
22
|
-
@import "settings/list";
|
|
23
|
-
@import "settings/miscellaneous";
|
|
File without changes
|
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
2
|
+
|
|
3
|
+
@import "settings";
|
|
4
|
+
|
|
5
|
+
/*
|
|
6
|
+
* A large part of the behavior below is based on Normalize by Nicholas Gallager.
|
|
7
|
+
* The difference is that the property values are based on the project settings.
|
|
8
|
+
* The resulting code is a preset rather than a reset.
|
|
9
|
+
* Therefor properties do not need to be set again with actual values.
|
|
10
|
+
*
|
|
11
|
+
* For more information on Normalize, please visit git.io/normalize
|
|
12
|
+
*/
|
|
2
13
|
|
|
3
14
|
|
|
4
15
|
/*
|
|
@@ -10,10 +21,10 @@
|
|
|
10
21
|
*,
|
|
11
22
|
*:before,
|
|
12
23
|
*:after {
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
margin: 0;
|
|
24
|
+
box-sizing: border-box; /* 1 */
|
|
25
|
+
margin: 0; /* 2 */
|
|
26
|
+
// vertical-align: bottom; this conflicts with radio buttons /* 3 */
|
|
15
27
|
vertical-align: baseline;
|
|
16
|
-
// vertical-align: bottom; this conflicts with radio buttons
|
|
17
28
|
}
|
|
18
29
|
|
|
19
30
|
/*
|
|
@@ -32,13 +43,13 @@ html {
|
|
|
32
43
|
$font-family: extract-type-family($default-font);
|
|
33
44
|
|
|
34
45
|
$font-size: to-unit($default-font-size, 1%, $base-font-size);
|
|
35
|
-
$line-height:
|
|
46
|
+
$line-height: to-unit($default-line-height, $line-height-unit);
|
|
36
47
|
|
|
37
|
-
font: #{$font-style} #{$font-variant} #{$font-weight} #{$font-size}/#{$line-height} #{$font-family};
|
|
48
|
+
font: #{$font-style} #{$font-variant} #{$font-weight} #{$font-size}/#{$line-height} #{$font-family}; /* 1, 2 */
|
|
38
49
|
|
|
39
50
|
text-size-adjust: 100%; /* 3 */
|
|
40
51
|
width: 100%; /* 3 */
|
|
41
|
-
|
|
52
|
+
|
|
42
53
|
background: $color-background; /* 4 */
|
|
43
54
|
}
|
|
44
55
|
|
|
@@ -163,8 +174,8 @@ dfn {
|
|
|
163
174
|
*/
|
|
164
175
|
|
|
165
176
|
h1 {
|
|
166
|
-
|
|
167
|
-
@include line-height(
|
|
177
|
+
font-size: to-unit(32px);
|
|
178
|
+
@include line-height(32px);
|
|
168
179
|
margin: 0;
|
|
169
180
|
}
|
|
170
181
|
|
|
@@ -452,4 +463,58 @@ table {
|
|
|
452
463
|
td,
|
|
453
464
|
th {
|
|
454
465
|
padding: 0;
|
|
455
|
-
}
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
|
|
469
|
+
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
470
|
+
|
|
471
|
+
|
|
472
|
+
/*
|
|
473
|
+
-----------------------------------------------------------------------------
|
|
474
|
+
Miscellaneous - consider movin to reset
|
|
475
|
+
-----------------------------------------------------------------------------
|
|
476
|
+
*/
|
|
477
|
+
|
|
478
|
+
abbr[title] {
|
|
479
|
+
border-bottom: 1px dotted;
|
|
480
|
+
}
|
|
481
|
+
hr {
|
|
482
|
+
height: 0;
|
|
483
|
+
}
|
|
484
|
+
code,
|
|
485
|
+
kbd,
|
|
486
|
+
pre,
|
|
487
|
+
samp {
|
|
488
|
+
@include font-family($monospace-regular);
|
|
489
|
+
font-size: to-unit($default-font-size);
|
|
490
|
+
}
|
|
491
|
+
pre {
|
|
492
|
+
white-space: pre-wrap;
|
|
493
|
+
}
|
|
494
|
+
small {
|
|
495
|
+
font-size: 80%;
|
|
496
|
+
}
|
|
497
|
+
sub,
|
|
498
|
+
sup {
|
|
499
|
+
font-size: 75%;
|
|
500
|
+
line-height: 0;
|
|
501
|
+
position: relative;
|
|
502
|
+
vertical-align: baseline;
|
|
503
|
+
}
|
|
504
|
+
sup {
|
|
505
|
+
top: -0.5em;
|
|
506
|
+
}
|
|
507
|
+
sub {
|
|
508
|
+
bottom: -0.25em;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
@if $base-quote-quotes
|
|
512
|
+
{
|
|
513
|
+
/*
|
|
514
|
+
* Set consistent quote types.
|
|
515
|
+
*/
|
|
516
|
+
|
|
517
|
+
q {
|
|
518
|
+
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
519
|
+
}
|
|
520
|
+
}
|
|
@@ -1,67 +1,6 @@
|
|
|
1
1
|
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
///
|
|
5
|
-
/// The unit to which to-unit() will convert px values. Used in various functions and mixins.
|
|
6
|
-
///
|
|
7
|
-
/// @since 0.1
|
|
8
|
-
///
|
|
9
|
-
/// @type {Number}
|
|
10
|
-
///
|
|
11
|
-
|
|
12
|
-
$unit: 1em !default;
|
|
13
|
-
|
|
14
|
-
///
|
|
15
|
-
/// If $unit is set to rem, the fallback will be implemented using this unit.
|
|
16
|
-
///
|
|
17
|
-
/// @since 0.1
|
|
18
|
-
///
|
|
19
|
-
/// @type {Number}
|
|
20
|
-
///
|
|
21
|
-
|
|
22
|
-
$rem-fallback-unit: 1px !default;
|
|
23
|
-
|
|
24
|
-
///
|
|
25
|
-
/// The unit line-heights will be expressed in.
|
|
26
|
-
///
|
|
27
|
-
/// @since 0.1
|
|
28
|
-
///
|
|
29
|
-
/// @type {Number}
|
|
30
|
-
///
|
|
31
|
-
|
|
32
|
-
$line-height-unit: 1% !default;
|
|
33
|
-
|
|
34
|
-
///
|
|
35
|
-
/// Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
|
|
36
|
-
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
|
37
|
-
///
|
|
38
|
-
/// @since 0.1
|
|
39
|
-
///
|
|
40
|
-
/// @type {Number}
|
|
41
|
-
///
|
|
42
|
-
|
|
43
|
-
$base-font-size: 16px !default;
|
|
44
|
-
|
|
45
|
-
///
|
|
46
|
-
/// The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
|
|
47
|
-
///
|
|
48
|
-
/// @since 0.1
|
|
49
|
-
///
|
|
50
|
-
/// @type {Number}
|
|
51
|
-
///
|
|
52
|
-
|
|
53
|
-
$default-font-size: 16px !default;
|
|
54
|
-
|
|
55
|
-
///
|
|
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.
|
|
57
|
-
///
|
|
58
|
-
/// @since 0.1
|
|
59
|
-
///
|
|
60
|
-
/// @type {Number}
|
|
61
|
-
///
|
|
62
|
-
|
|
63
|
-
$default-line-height: rhythm(3) !default;
|
|
64
|
-
|
|
65
4
|
///
|
|
66
5
|
/// 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.
|
|
67
6
|
/// A font-type is a comma separated list of font-type, font-variant, font-weight and font-family.
|
|
@@ -182,22 +121,25 @@ $color-anchor--active: lighten($color-anchor, 15%) !default;
|
|
|
182
121
|
$color-anchor--visited: darken($color-anchor, 30%) !default;
|
|
183
122
|
|
|
184
123
|
///
|
|
185
|
-
///
|
|
186
|
-
/// This ensures that the same border-radius is used accross your project.
|
|
124
|
+
/// If true, consistent quote types will be set.
|
|
187
125
|
///
|
|
188
126
|
/// @since 0.1
|
|
189
127
|
///
|
|
190
|
-
/// @type {
|
|
128
|
+
/// @type {Bool}
|
|
191
129
|
///
|
|
192
130
|
|
|
193
|
-
$
|
|
131
|
+
$base-quote-quotes: true !default;
|
|
194
132
|
|
|
195
133
|
///
|
|
196
|
-
///
|
|
134
|
+
/// Based on an idea by [@csswizardry](https://twitter.com/csswizardry): apply a bottom margin of one rhythm height to any element in this comma separated list.
|
|
197
135
|
///
|
|
198
136
|
/// @since 0.1
|
|
199
137
|
///
|
|
200
|
-
/// @type {
|
|
138
|
+
/// @type {List}
|
|
201
139
|
///
|
|
202
140
|
|
|
203
|
-
$
|
|
141
|
+
$single-direction-elements: (p, pre, table, hr, article) !default;
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
$reset-fieldset: true;
|
|
File without changes
|
|
File without changes
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
// ==========================================================================
|
|
94
94
|
|
|
95
95
|
%bleed {
|
|
96
|
-
@include bleed();
|
|
96
|
+
@include bleed();
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
// ==========================================================================
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
// ==========================================================================
|
|
104
104
|
|
|
105
105
|
%bleed--right {
|
|
106
|
-
@include bleed((false 1/2));
|
|
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
|
-
@include bleed((1/2 false));
|
|
116
|
+
@include bleed((1/2 false));
|
|
117
117
|
}
|
|
118
118
|
|
|
119
119
|
|
|
@@ -124,50 +124,50 @@
|
|
|
124
124
|
// ==========================================================================
|
|
125
125
|
|
|
126
126
|
|
|
127
|
-
// ==========================================================================
|
|
128
|
-
// Column widths
|
|
129
|
-
// --------------------------------------------------------------------------
|
|
130
|
-
//
|
|
131
|
-
// Outputs columns for different breakpoints.
|
|
132
|
-
// Columns and breakpoints can be set from your project's settings:
|
|
133
|
-
//
|
|
134
|
-
// $small_handheld: "(max-width: #{to-unit(480px,$unit,$default-font-size)})" !default;
|
|
135
|
-
// $small_desktop: "(min-width: #{to-unit(1024px,$unit,$default-font-size)})" !default;
|
|
136
|
-
//
|
|
137
|
-
// $column-widths: (
|
|
138
|
-
// $small_handheld: (main: 1/1, side: 1/1),
|
|
139
|
-
// $small_desktop: (main: 2/3, side: 1/3) );
|
|
140
|
-
//
|
|
141
|
-
// Will output:
|
|
127
|
+
// // ==========================================================================
|
|
128
|
+
// // Column widths
|
|
129
|
+
// // --------------------------------------------------------------------------
|
|
130
|
+
// //
|
|
131
|
+
// // Outputs columns for different breakpoints.
|
|
132
|
+
// // Columns and breakpoints can be set from your project's settings:
|
|
133
|
+
// //
|
|
134
|
+
// // $small_handheld: "(max-width: #{to-unit(480px,$unit,$default-font-size)})" !default;
|
|
135
|
+
// // $small_desktop: "(min-width: #{to-unit(1024px,$unit,$default-font-size)})" !default;
|
|
136
|
+
// //
|
|
137
|
+
// // $column-widths: (
|
|
138
|
+
// // $small_handheld: (main: 1/1, side: 1/1),
|
|
139
|
+
// // $small_desktop: (main: 2/3, side: 1/3) );
|
|
140
|
+
// //
|
|
141
|
+
// // Will output:
|
|
142
|
+
// //
|
|
143
|
+
// // @media only screen and (max-width: 30em) {
|
|
144
|
+
// // .main {
|
|
145
|
+
// // width: 100%; }
|
|
146
|
+
// // .side {
|
|
147
|
+
// // width: 100%; } }
|
|
148
|
+
// // @media only screen and (min-width: 64em) {
|
|
149
|
+
// // .main {
|
|
150
|
+
// // width: 66.66667%; }
|
|
151
|
+
// // .side {
|
|
152
|
+
// // width: 33.33333%; } }
|
|
153
|
+
// //
|
|
154
|
+
// // ==========================================================================
|
|
142
155
|
//
|
|
143
|
-
// @
|
|
144
|
-
//
|
|
145
|
-
//
|
|
146
|
-
//
|
|
147
|
-
//
|
|
148
|
-
//
|
|
149
|
-
//
|
|
150
|
-
//
|
|
151
|
-
//
|
|
152
|
-
//
|
|
153
|
-
//
|
|
154
|
-
//
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
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
|
-
}
|
|
156
|
+
// @each $breakpoint in map-keys($column-widths) {
|
|
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
|
+
// }
|
|
171
171
|
|
|
172
172
|
|
|
173
173
|
@if $debug-layout {
|
|
@@ -202,4 +202,4 @@
|
|
|
202
202
|
.debug-layout {
|
|
203
203
|
@extend %debug-layout;
|
|
204
204
|
}
|
|
205
|
-
}
|
|
205
|
+
}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
///
|
|
5
|
+
/// Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
|
|
6
|
+
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
|
7
|
+
///
|
|
8
|
+
/// @since 0.1
|
|
9
|
+
///
|
|
10
|
+
/// @type {Number}
|
|
11
|
+
///
|
|
12
|
+
|
|
13
|
+
$legacy-support-for-ie: false !default;
|
|
14
|
+
|
|
15
|
+
$legacy-support-for-mozilla: false !default;
|
|
@@ -13,16 +13,6 @@
|
|
|
13
13
|
|
|
14
14
|
$debug-layout: false !default;
|
|
15
15
|
|
|
16
|
-
///
|
|
17
|
-
/// Based on an idea by [@csswizardry](https://twitter.com/csswizardry): apply a bottom margin of one rhythm height to any element in this comma separated list.
|
|
18
|
-
///
|
|
19
|
-
/// @since 0.1
|
|
20
|
-
///
|
|
21
|
-
/// @type {List}
|
|
22
|
-
///
|
|
23
|
-
|
|
24
|
-
$single-direction-elements: (p, pre, table, hr, article) !default;
|
|
25
|
-
|
|
26
16
|
///
|
|
27
17
|
/// Default column width, all columns implemented with [column()](./#mixin-column) will have this width unless otherwise specified.
|
|
28
18
|
///
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
///
|
|
2
|
+
/// The default border-radius. Is used for example by the button and form modules for rounder corners.
|
|
3
|
+
/// This ensures that the same border-radius is used accross your project.
|
|
4
|
+
///
|
|
5
|
+
/// @since 0.1
|
|
6
|
+
///
|
|
7
|
+
/// @type {Number}
|
|
8
|
+
///
|
|
2
9
|
|
|
3
|
-
$
|
|
4
|
-
|
|
5
|
-
$legacy-support-for-mozilla: false !default;
|
|
10
|
+
$border-radius: 0 !default;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
///
|
|
5
|
+
/// Is used to calculate the project's base font-size, eg the font-size on which all other calculations are based.
|
|
6
|
+
/// Note that Chrome has [issues](https://code.google.com/p/chromium/issues/detail?id=320754) when the base font size is smaller than 16px.
|
|
7
|
+
///
|
|
8
|
+
/// @since 0.1
|
|
9
|
+
///
|
|
10
|
+
/// @type {Number}
|
|
11
|
+
///
|
|
12
|
+
|
|
13
|
+
$base-font-size: 16px !default;
|
|
14
|
+
|
|
15
|
+
///
|
|
16
|
+
/// The default font-size for your project. This is translated to the final unit of output using the [$unit](./#variable-unit) variable.
|
|
17
|
+
///
|
|
18
|
+
/// @since 0.1
|
|
19
|
+
///
|
|
20
|
+
/// @type {Number}
|
|
21
|
+
///
|
|
22
|
+
|
|
23
|
+
$default-font-size: 16px !default;
|
|
24
|
+
|
|
25
|
+
///
|
|
26
|
+
/// 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.
|
|
27
|
+
///
|
|
28
|
+
/// @since 0.1
|
|
29
|
+
///
|
|
30
|
+
/// @type {Number}
|
|
31
|
+
///
|
|
32
|
+
|
|
33
|
+
$default-line-height: rhythm(3) !default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
///
|
|
5
|
+
/// The unit to which to-unit() will convert px values. Used in various functions and mixins.
|
|
6
|
+
///
|
|
7
|
+
/// @since 0.1
|
|
8
|
+
///
|
|
9
|
+
/// @type {Number}
|
|
10
|
+
///
|
|
11
|
+
|
|
12
|
+
$unit: 1em !default;
|
|
13
|
+
|
|
14
|
+
///
|
|
15
|
+
/// If $unit is set to rem, the fallback will be implemented using this unit.
|
|
16
|
+
///
|
|
17
|
+
/// @since 0.1
|
|
18
|
+
///
|
|
19
|
+
/// @type {Number}
|
|
20
|
+
///
|
|
21
|
+
|
|
22
|
+
$rem-fallback-unit: 1px !default;
|
|
23
|
+
|
|
24
|
+
///
|
|
25
|
+
/// The unit line-heights will be expressed in.
|
|
26
|
+
///
|
|
27
|
+
/// @since 0.1
|
|
28
|
+
///
|
|
29
|
+
/// @type {Number}
|
|
30
|
+
///
|
|
31
|
+
|
|
32
|
+
$line-height-unit: 1% !default;
|
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.
|
|
4
|
+
version: 0.4.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Babs Gosgens
|
|
@@ -42,28 +42,28 @@ files:
|
|
|
42
42
|
- sass/piecss/_utilities.css
|
|
43
43
|
- sass/piecss/_utilities.css.map
|
|
44
44
|
- sass/piecss/_utilities.scss
|
|
45
|
-
- sass/piecss/behavior/_anchor.scss
|
|
46
|
-
- sass/piecss/behavior/_base.scss
|
|
47
|
-
- sass/piecss/behavior/
|
|
48
|
-
- sass/piecss/behavior/
|
|
49
|
-
- sass/piecss/behavior/
|
|
50
|
-
- sass/piecss/behavior/
|
|
51
|
-
- sass/piecss/behavior/
|
|
52
|
-
- sass/piecss/behavior/
|
|
53
|
-
- sass/piecss/behavior/
|
|
54
|
-
- sass/piecss/behavior/
|
|
55
|
-
- sass/piecss/
|
|
45
|
+
- sass/piecss/behavior/anchor/_anchor.scss
|
|
46
|
+
- sass/piecss/behavior/base/_base.scss
|
|
47
|
+
- sass/piecss/behavior/base/_settings.scss
|
|
48
|
+
- sass/piecss/behavior/button/_button.scss
|
|
49
|
+
- sass/piecss/behavior/button/_settings.scss
|
|
50
|
+
- sass/piecss/behavior/form/_form.scss
|
|
51
|
+
- sass/piecss/behavior/form/_settings.scss
|
|
52
|
+
- sass/piecss/behavior/layout/_grid.scss
|
|
53
|
+
- sass/piecss/behavior/layout/_layout.scss
|
|
54
|
+
- sass/piecss/behavior/layout/_rhythm.scss
|
|
55
|
+
- sass/piecss/behavior/list/_list.scss
|
|
56
|
+
- sass/piecss/behavior/list/_settings.scss
|
|
56
57
|
- sass/piecss/settings/_breakpoint.scss
|
|
57
|
-
- sass/piecss/settings/_button.scss
|
|
58
58
|
- sass/piecss/settings/_colour.scss
|
|
59
59
|
- sass/piecss/settings/_constants.scss
|
|
60
|
+
- sass/piecss/settings/_fallback.scss
|
|
60
61
|
- sass/piecss/settings/_font.scss
|
|
61
|
-
- sass/piecss/settings/_form.scss
|
|
62
62
|
- sass/piecss/settings/_layout.scss
|
|
63
|
-
- sass/piecss/settings/_list.scss
|
|
64
63
|
- sass/piecss/settings/_miscellaneous.scss
|
|
65
64
|
- sass/piecss/settings/_rhythm.scss
|
|
66
65
|
- sass/piecss/settings/_typography.scss
|
|
66
|
+
- sass/piecss/settings/_unit.scss
|
|
67
67
|
- sass/piecss/settings/fonts/_example.scss
|
|
68
68
|
- sass/piecss/settings/fonts/_monospace.scss
|
|
69
69
|
- sass/piecss/settings/fonts/_sans-serif.scss
|
|
@@ -92,7 +92,7 @@ files:
|
|
|
92
92
|
- templates/project/screen.scss
|
|
93
93
|
homepage: https://github.com/piecss/piecss
|
|
94
94
|
licenses:
|
|
95
|
-
-
|
|
95
|
+
- ISC
|
|
96
96
|
metadata: {}
|
|
97
97
|
post_install_message:
|
|
98
98
|
rdoc_options: []
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
// Copyright (C) 2014 Babs Gösgens. Licensed under MIT; see LICENSE.txt
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
/*
|
|
5
|
-
-----------------------------------------------------------------------------
|
|
6
|
-
Miscellaneous - consider movin to reset
|
|
7
|
-
-----------------------------------------------------------------------------
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
abbr[title] {
|
|
11
|
-
border-bottom: 1px dotted;
|
|
12
|
-
}
|
|
13
|
-
hr {
|
|
14
|
-
height: 0;
|
|
15
|
-
}
|
|
16
|
-
code,
|
|
17
|
-
kbd,
|
|
18
|
-
pre,
|
|
19
|
-
samp {
|
|
20
|
-
@include font-family($monospace-regular);
|
|
21
|
-
@include font-size($default-font-size);
|
|
22
|
-
}
|
|
23
|
-
pre {
|
|
24
|
-
white-space: pre-wrap;
|
|
25
|
-
}
|
|
26
|
-
small {
|
|
27
|
-
font-size: 80%;
|
|
28
|
-
}
|
|
29
|
-
sub,
|
|
30
|
-
sup {
|
|
31
|
-
font-size: 75%;
|
|
32
|
-
line-height: 0;
|
|
33
|
-
position: relative;
|
|
34
|
-
vertical-align: baseline;
|
|
35
|
-
}
|
|
36
|
-
sup {
|
|
37
|
-
top: -0.5em;
|
|
38
|
-
}
|
|
39
|
-
sub {
|
|
40
|
-
bottom: -0.25em;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@if $base-quote-quotes
|
|
44
|
-
{
|
|
45
|
-
/*
|
|
46
|
-
* Set consistent quote types.
|
|
47
|
-
*/
|
|
48
|
-
|
|
49
|
-
q {
|
|
50
|
-
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
51
|
-
}
|
|
52
|
-
}
|