piecss 0.3.2 → 0.4.0
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.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
|
-
}
|