piecss 0.5.0 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/sass/piecss/_behavior.css +432 -1
  3. data/sass/piecss/_behavior.css.map +2 -2
  4. data/sass/piecss/_behavior.scss +10 -0
  5. data/sass/piecss/_utilities.scss +1 -1
  6. data/sass/piecss/behavior/base/_base.scss +3 -568
  7. data/sass/piecss/behavior/base/_collection.scss +861 -0
  8. data/sass/piecss/behavior/base/_settings.scss +38 -367
  9. data/sass/piecss/behavior/button/_button.scss +1 -1
  10. data/sass/piecss/behavior/form/_form.scss +1 -1
  11. data/sass/piecss/settings/_breakpoint.css +70 -0
  12. data/sass/piecss/settings/_colour.css +2 -0
  13. data/sass/piecss/settings/_colour.css.map +7 -0
  14. data/sass/piecss/settings/_colour.scss +2 -4
  15. data/sass/piecss/settings/_constants.css +2 -0
  16. data/sass/piecss/settings/_constants.css.map +7 -0
  17. data/sass/piecss/settings/_fallback.css +2 -0
  18. data/sass/piecss/settings/_fallback.css.map +7 -0
  19. data/sass/piecss/settings/_font.css +2 -0
  20. data/sass/piecss/settings/_font.css.map +7 -0
  21. data/sass/piecss/settings/_layout.css +60 -0
  22. data/sass/piecss/settings/_miscellaneous.css +2 -0
  23. data/sass/piecss/settings/_miscellaneous.css.map +7 -0
  24. data/sass/piecss/settings/_rhythm.css +2 -0
  25. data/sass/piecss/settings/_rhythm.css.map +7 -0
  26. data/sass/piecss/settings/_typography.css +2 -0
  27. data/sass/piecss/settings/_typography.css.map +7 -0
  28. data/sass/piecss/settings/_unit.css +2 -0
  29. data/sass/piecss/settings/_unit.css.map +7 -0
  30. data/sass/piecss/settings/_unit.scss +1 -1
  31. data/sass/piecss/utilities/_breakpoint.css +2 -0
  32. data/sass/piecss/utilities/_breakpoint.css.map +7 -0
  33. data/sass/piecss/utilities/_cache.css +2 -0
  34. data/sass/piecss/utilities/_cache.css.map +7 -0
  35. data/sass/piecss/utilities/_collection.scss +192 -0
  36. data/sass/piecss/utilities/_colour.css +2 -0
  37. data/sass/piecss/utilities/_colour.css.map +7 -0
  38. data/sass/piecss/utilities/_element.css +2 -0
  39. data/sass/piecss/utilities/_element.css.map +7 -0
  40. data/sass/piecss/utilities/_image.css +2 -0
  41. data/sass/piecss/utilities/_image.css.map +7 -0
  42. data/sass/piecss/utilities/_layout.css +2 -0
  43. data/sass/piecss/utilities/_layout.css.map +7 -0
  44. data/sass/piecss/utilities/_list.css +2 -0
  45. data/sass/piecss/utilities/_list.css.map +7 -0
  46. data/sass/piecss/utilities/_miscellaneous.css +2 -0
  47. data/sass/piecss/utilities/_miscellaneous.css.map +7 -0
  48. data/sass/piecss/utilities/_rhythm.css +2 -0
  49. data/sass/piecss/utilities/_rhythm.css.map +7 -0
  50. data/sass/piecss/utilities/_side.css +2 -0
  51. data/sass/piecss/utilities/_side.css.map +7 -0
  52. data/sass/piecss/utilities/_string.css +2 -0
  53. data/sass/piecss/utilities/_string.css.map +7 -0
  54. data/sass/piecss/utilities/_svg.css +2 -0
  55. data/sass/piecss/utilities/_svg.css.map +7 -0
  56. data/sass/piecss/utilities/_typography.css +2 -0
  57. data/sass/piecss/utilities/_typography.css.map +7 -0
  58. data/sass/piecss/utilities/_typography.scss +16 -16
  59. data/sass/piecss/utilities/_unit.css +2 -0
  60. data/sass/piecss/utilities/_unit.css.map +7 -0
  61. data/sass/piecss/utilities/_unit.scss +10 -7
  62. data/templates/project/examples.html +370 -218
  63. metadata +49 -3
  64. data/sass/piecss/behavior/base/_normalize.scss +0 -463
  65. data/sass/piecss/utilities/_element.scss +0 -180
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.5.0
4
+ version: 0.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Babs Gosgens
@@ -44,7 +44,7 @@ files:
44
44
  - sass/piecss/_utilities.scss
45
45
  - sass/piecss/behavior/anchor/_anchor.scss
46
46
  - sass/piecss/behavior/base/_base.scss
47
- - sass/piecss/behavior/base/_normalize.scss
47
+ - sass/piecss/behavior/base/_collection.scss
48
48
  - sass/piecss/behavior/base/_settings.scss
49
49
  - sass/piecss/behavior/button/_button.scss
50
50
  - sass/piecss/behavior/button/_settings.scss
@@ -55,34 +55,80 @@ files:
55
55
  - sass/piecss/behavior/layout/_rhythm.scss
56
56
  - sass/piecss/behavior/list/_list.scss
57
57
  - sass/piecss/behavior/list/_settings.scss
58
+ - sass/piecss/settings/_breakpoint.css
58
59
  - sass/piecss/settings/_breakpoint.scss
60
+ - sass/piecss/settings/_colour.css
61
+ - sass/piecss/settings/_colour.css.map
59
62
  - sass/piecss/settings/_colour.scss
63
+ - sass/piecss/settings/_constants.css
64
+ - sass/piecss/settings/_constants.css.map
60
65
  - sass/piecss/settings/_constants.scss
66
+ - sass/piecss/settings/_fallback.css
67
+ - sass/piecss/settings/_fallback.css.map
61
68
  - sass/piecss/settings/_fallback.scss
69
+ - sass/piecss/settings/_font.css
70
+ - sass/piecss/settings/_font.css.map
62
71
  - sass/piecss/settings/_font.scss
72
+ - sass/piecss/settings/_layout.css
63
73
  - sass/piecss/settings/_layout.scss
74
+ - sass/piecss/settings/_miscellaneous.css
75
+ - sass/piecss/settings/_miscellaneous.css.map
64
76
  - sass/piecss/settings/_miscellaneous.scss
77
+ - sass/piecss/settings/_rhythm.css
78
+ - sass/piecss/settings/_rhythm.css.map
65
79
  - sass/piecss/settings/_rhythm.scss
80
+ - sass/piecss/settings/_typography.css
81
+ - sass/piecss/settings/_typography.css.map
66
82
  - sass/piecss/settings/_typography.scss
83
+ - sass/piecss/settings/_unit.css
84
+ - sass/piecss/settings/_unit.css.map
67
85
  - sass/piecss/settings/_unit.scss
68
86
  - sass/piecss/settings/fonts/_example.scss
69
87
  - sass/piecss/settings/fonts/_monospace.scss
70
88
  - sass/piecss/settings/fonts/_sans-serif.scss
71
89
  - sass/piecss/settings/fonts/_serif.scss
72
90
  - sass/piecss/settings/fonts/_verdana.scss
91
+ - sass/piecss/utilities/_breakpoint.css
92
+ - sass/piecss/utilities/_breakpoint.css.map
73
93
  - sass/piecss/utilities/_breakpoint.scss
94
+ - sass/piecss/utilities/_cache.css
95
+ - sass/piecss/utilities/_cache.css.map
74
96
  - sass/piecss/utilities/_cache.scss
97
+ - sass/piecss/utilities/_collection.scss
98
+ - sass/piecss/utilities/_colour.css
99
+ - sass/piecss/utilities/_colour.css.map
75
100
  - sass/piecss/utilities/_colour.scss
76
- - sass/piecss/utilities/_element.scss
101
+ - sass/piecss/utilities/_element.css
102
+ - sass/piecss/utilities/_element.css.map
103
+ - sass/piecss/utilities/_image.css
104
+ - sass/piecss/utilities/_image.css.map
77
105
  - sass/piecss/utilities/_image.scss
106
+ - sass/piecss/utilities/_layout.css
107
+ - sass/piecss/utilities/_layout.css.map
78
108
  - sass/piecss/utilities/_layout.scss
109
+ - sass/piecss/utilities/_list.css
110
+ - sass/piecss/utilities/_list.css.map
79
111
  - sass/piecss/utilities/_list.scss
112
+ - sass/piecss/utilities/_miscellaneous.css
113
+ - sass/piecss/utilities/_miscellaneous.css.map
80
114
  - sass/piecss/utilities/_miscellaneous.scss
115
+ - sass/piecss/utilities/_rhythm.css
116
+ - sass/piecss/utilities/_rhythm.css.map
81
117
  - sass/piecss/utilities/_rhythm.scss
118
+ - sass/piecss/utilities/_side.css
119
+ - sass/piecss/utilities/_side.css.map
82
120
  - sass/piecss/utilities/_side.scss
121
+ - sass/piecss/utilities/_string.css
122
+ - sass/piecss/utilities/_string.css.map
83
123
  - sass/piecss/utilities/_string.scss
124
+ - sass/piecss/utilities/_svg.css
125
+ - sass/piecss/utilities/_svg.css.map
84
126
  - sass/piecss/utilities/_svg.scss
127
+ - sass/piecss/utilities/_typography.css
128
+ - sass/piecss/utilities/_typography.css.map
85
129
  - sass/piecss/utilities/_typography.scss
130
+ - sass/piecss/utilities/_unit.css
131
+ - sass/piecss/utilities/_unit.css.map
86
132
  - sass/piecss/utilities/_unit.scss
87
133
  - templates/project/_sets/_button.scss
88
134
  - templates/project/_sets/_form.scss
@@ -1,463 +0,0 @@
1
- /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
2
-
3
- @import "settings";
4
-
5
- /* Document
6
- ========================================================================== */
7
-
8
- /**
9
- * 1. Change the default font family in all browsers (opinionated).
10
- * 2. Correct the line height in all browsers.
11
- * 3. Prevent adjustments of font size after orientation changes in
12
- * IE on Windows Phone and in iOS.
13
- */
14
-
15
- html {
16
- font-family: sans-serif; /* 1 */
17
- line-height: 1.15; /* 2 */
18
- -ms-text-size-adjust: 100%; /* 3 */
19
- -webkit-text-size-adjust: 100%; /* 3 */
20
- }
21
-
22
- /* Sections
23
- ========================================================================== */
24
-
25
- /**
26
- * Remove the margin in all browsers (opinionated).
27
- */
28
-
29
- body {
30
- margin: 0;
31
- }
32
-
33
- /**
34
- * Add the correct display in IE 9-.
35
- */
36
-
37
- article,
38
- aside,
39
- footer,
40
- header,
41
- nav,
42
- section {
43
- display: block;
44
- }
45
-
46
- /**
47
- * Correct the font size and margin on `h1` elements within `section` and
48
- * `article` contexts in Chrome, Firefox, and Safari.
49
- */
50
-
51
- h1 {
52
- font-size: 2em;
53
- margin: 0.67em 0;
54
- }
55
-
56
- /* Grouping content
57
- ========================================================================== */
58
-
59
- /**
60
- * Add the correct display in IE 9-.
61
- * 1. Add the correct display in IE.
62
- */
63
-
64
- figcaption,
65
- figure,
66
- main { /* 1 */
67
- display: block;
68
- }
69
-
70
- /**
71
- * Add the correct margin in IE 8.
72
- */
73
-
74
- figure {
75
- margin: 1em 40px;
76
- }
77
-
78
- /**
79
- * 1. Add the correct box sizing in Firefox.
80
- * 2. Show the overflow in Edge and IE.
81
- */
82
-
83
- hr {
84
- box-sizing: content-box; /* 1 */
85
- height: 0; /* 1 */
86
- overflow: visible; /* 2 */
87
- }
88
-
89
- /**
90
- * 1. Correct the inheritance and scaling of font size in all browsers.
91
- * 2. Correct the odd `em` font sizing in all browsers.
92
- */
93
-
94
- pre {
95
- font-family: monospace, monospace; /* 1 */
96
- font-size: 1em; /* 2 */
97
- }
98
-
99
- /* Text-level semantics
100
- ========================================================================== */
101
-
102
- /**
103
- * 1. Remove the gray background on active links in IE 10.
104
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
105
- */
106
-
107
- a {
108
- background-color: transparent; /* 1 */
109
- -webkit-text-decoration-skip: objects; /* 2 */
110
- }
111
-
112
- /**
113
- * Remove the outline on focused links when they are also active or hovered
114
- * in all browsers (opinionated).
115
- */
116
-
117
- a:active,
118
- a:hover {
119
- outline-width: 0;
120
- }
121
-
122
- /**
123
- * 1. Remove the bottom border in Firefox 39-.
124
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
125
- */
126
-
127
- abbr[title] {
128
- border-bottom: none; /* 1 */
129
- text-decoration: underline; /* 2 */
130
- text-decoration: underline dotted; /* 2 */
131
- }
132
-
133
- /**
134
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
135
- */
136
-
137
- b,
138
- strong {
139
- font-weight: inherit;
140
- }
141
-
142
- /**
143
- * Add the correct font weight in Chrome, Edge, and Safari.
144
- */
145
-
146
- b,
147
- strong {
148
- font-weight: bolder;
149
- }
150
-
151
- /**
152
- * 1. Correct the inheritance and scaling of font size in all browsers.
153
- * 2. Correct the odd `em` font sizing in all browsers.
154
- */
155
-
156
- code,
157
- kbd,
158
- samp {
159
- font-family: monospace, monospace; /* 1 */
160
- font-size: 1em; /* 2 */
161
- }
162
-
163
- /**
164
- * Add the correct font style in Android 4.3-.
165
- */
166
-
167
- dfn {
168
- font-style: italic;
169
- }
170
-
171
- /**
172
- * Add the correct background and color in IE 9-.
173
- */
174
-
175
- mark {
176
- background-color: #ff0;
177
- color: #000;
178
- }
179
-
180
- /**
181
- * Add the correct font size in all browsers.
182
- */
183
-
184
- small {
185
- font-size: 80%;
186
- }
187
-
188
- /**
189
- * Prevent `sub` and `sup` elements from affecting the line height in
190
- * all browsers.
191
- */
192
-
193
- sub,
194
- sup {
195
- font-size: 75%;
196
- line-height: 0;
197
- position: relative;
198
- vertical-align: baseline;
199
- }
200
-
201
- sub {
202
- bottom: -0.25em;
203
- }
204
-
205
- sup {
206
- top: -0.5em;
207
- }
208
-
209
- /* Embedded content
210
- ========================================================================== */
211
-
212
- /**
213
- * Add the correct display in IE 9-.
214
- */
215
-
216
- audio,
217
- video {
218
- display: inline-block;
219
- }
220
-
221
- /**
222
- * Add the correct display in iOS 4-7.
223
- */
224
-
225
- audio:not([controls]) {
226
- display: none;
227
- height: 0;
228
- }
229
-
230
- /**
231
- * Remove the border on images inside links in IE 10-.
232
- */
233
-
234
- img {
235
- border-style: none;
236
- }
237
-
238
- /**
239
- * Hide the overflow in IE.
240
- */
241
-
242
- svg:not(:root) {
243
- overflow: hidden;
244
- }
245
-
246
- /* Forms
247
- ========================================================================== */
248
-
249
- /**
250
- * 1. Change the font styles in all browsers (opinionated).
251
- * 2. Remove the margin in Firefox and Safari.
252
- */
253
-
254
- button,
255
- input,
256
- optgroup,
257
- select,
258
- textarea {
259
- font-family: sans-serif; /* 1 */
260
- font-size: 100%; /* 1 */
261
- line-height: 1.15; /* 1 */
262
- margin: 0; /* 2 */
263
- }
264
-
265
- /**
266
- * Show the overflow in IE.
267
- * 1. Show the overflow in Edge.
268
- */
269
-
270
- button,
271
- input { /* 1 */
272
- overflow: visible;
273
- }
274
-
275
- /**
276
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
277
- * 1. Remove the inheritance of text transform in Firefox.
278
- */
279
-
280
- button,
281
- select { /* 1 */
282
- text-transform: none;
283
- }
284
-
285
- /**
286
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
287
- * controls in Android 4.
288
- * 2. Correct the inability to style clickable types in iOS and Safari.
289
- */
290
-
291
- button,
292
- html [type="button"], /* 1 */
293
- [type="reset"],
294
- [type="submit"] {
295
- -webkit-appearance: button; /* 2 */
296
- }
297
-
298
- /**
299
- * Remove the inner border and padding in Firefox.
300
- */
301
-
302
- button::-moz-focus-inner,
303
- [type="button"]::-moz-focus-inner,
304
- [type="reset"]::-moz-focus-inner,
305
- [type="submit"]::-moz-focus-inner {
306
- border-style: none;
307
- padding: 0;
308
- }
309
-
310
- /**
311
- * Restore the focus styles unset by the previous rule.
312
- */
313
-
314
- button:-moz-focusring,
315
- [type="button"]:-moz-focusring,
316
- [type="reset"]:-moz-focusring,
317
- [type="submit"]:-moz-focusring {
318
- outline: 1px dotted ButtonText;
319
- }
320
-
321
- /**
322
- * Change the border, margin, and padding in all browsers (opinionated).
323
- */
324
-
325
- fieldset {
326
- border: 1px solid #c0c0c0;
327
- margin: 0 2px;
328
- padding: 0.35em 0.625em 0.75em;
329
- }
330
-
331
- /**
332
- * 1. Correct the text wrapping in Edge and IE.
333
- * 2. Correct the color inheritance from `fieldset` elements in IE.
334
- * 3. Remove the padding so developers are not caught out when they zero out
335
- * `fieldset` elements in all browsers.
336
- */
337
-
338
- legend {
339
- box-sizing: border-box; /* 1 */
340
- color: inherit; /* 2 */
341
- display: table; /* 1 */
342
- max-width: 100%; /* 1 */
343
- padding: 0; /* 3 */
344
- white-space: normal; /* 1 */
345
- }
346
-
347
- /**
348
- * 1. Add the correct display in IE 9-.
349
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
350
- */
351
-
352
- progress {
353
- display: inline-block; /* 1 */
354
- vertical-align: baseline; /* 2 */
355
- }
356
-
357
- /**
358
- * Remove the default vertical scrollbar in IE.
359
- */
360
-
361
- textarea {
362
- overflow: auto;
363
- }
364
-
365
- /**
366
- * 1. Add the correct box sizing in IE 10-.
367
- * 2. Remove the padding in IE 10-.
368
- */
369
-
370
- [type="checkbox"],
371
- [type="radio"] {
372
- box-sizing: border-box; /* 1 */
373
- padding: 0; /* 2 */
374
- }
375
-
376
- /**
377
- * Correct the cursor style of increment and decrement buttons in Chrome.
378
- */
379
-
380
- [type="number"]::-webkit-inner-spin-button,
381
- [type="number"]::-webkit-outer-spin-button {
382
- height: auto;
383
- }
384
-
385
- /**
386
- * 1. Correct the odd appearance in Chrome and Safari.
387
- * 2. Correct the outline style in Safari.
388
- */
389
-
390
- [type="search"] {
391
- -webkit-appearance: textfield; /* 1 */
392
- outline-offset: -2px; /* 2 */
393
- }
394
-
395
- /**
396
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
397
- */
398
-
399
- [type="search"]::-webkit-search-cancel-button,
400
- [type="search"]::-webkit-search-decoration {
401
- -webkit-appearance: none;
402
- }
403
-
404
- /**
405
- * 1. Correct the inability to style clickable types in iOS and Safari.
406
- * 2. Change font properties to `inherit` in Safari.
407
- */
408
-
409
- ::-webkit-file-upload-button {
410
- -webkit-appearance: button; /* 1 */
411
- font: inherit; /* 2 */
412
- }
413
-
414
- /* Interactive
415
- ========================================================================== */
416
-
417
- /*
418
- * Add the correct display in IE 9-.
419
- * 1. Add the correct display in Edge, IE, and Firefox.
420
- */
421
-
422
- details, /* 1 */
423
- menu {
424
- display: block;
425
- }
426
-
427
- /*
428
- * Add the correct display in all browsers.
429
- */
430
-
431
- summary {
432
- display: list-item;
433
- }
434
-
435
- /* Scripting
436
- ========================================================================== */
437
-
438
- /**
439
- * Add the correct display in IE 9-.
440
- */
441
-
442
- canvas {
443
- display: inline-block;
444
- }
445
-
446
- /**
447
- * Add the correct display in IE.
448
- */
449
-
450
- template {
451
- display: none;
452
- }
453
-
454
- /* Hidden
455
- ========================================================================== */
456
-
457
- /**
458
- * Add the correct display in IE 10-.
459
- */
460
-
461
- [hidden] {
462
- display: none;
463
- }