pure-sass 0.0.1

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.
Files changed (46) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/.gitmodules +3 -0
  4. data/.travis.yml +3 -0
  5. data/Gemfile +4 -0
  6. data/Guardfile +12 -0
  7. data/LICENSE.txt +22 -0
  8. data/README.md +43 -0
  9. data/Rakefile +31 -0
  10. data/app/assets/stylesheets/pure/_all.css.sass +7 -0
  11. data/app/assets/stylesheets/pure/_base.css.sass +2 -0
  12. data/app/assets/stylesheets/pure/_buttons.css.sass +2 -0
  13. data/app/assets/stylesheets/pure/_defaults.css.sass +0 -0
  14. data/app/assets/stylesheets/pure/_forms.css.sass +2 -0
  15. data/app/assets/stylesheets/pure/_grids.css.sass +2 -0
  16. data/app/assets/stylesheets/pure/_menus.css.sass +2 -0
  17. data/app/assets/stylesheets/pure/_tables.css.sass +2 -0
  18. data/app/assets/stylesheets/pure/all.css.sass +7 -0
  19. data/app/assets/stylesheets/pure/base/_normalize-context.css.sass +152 -0
  20. data/app/assets/stylesheets/pure/base/_normalize.css.sass +425 -0
  21. data/app/assets/stylesheets/pure/base.css.sass +2 -0
  22. data/app/assets/stylesheets/pure/buttons/_buttons-core.css.sass +23 -0
  23. data/app/assets/stylesheets/pure/buttons/_buttons.css.sass +103 -0
  24. data/app/assets/stylesheets/pure/buttons.css.sass +2 -0
  25. data/app/assets/stylesheets/pure/defaults.css.sass +0 -0
  26. data/app/assets/stylesheets/pure/forms/_forms-core.css.sass +132 -0
  27. data/app/assets/stylesheets/pure/forms/_forms-r.css.sass +22 -0
  28. data/app/assets/stylesheets/pure/forms/_forms.css.sass +128 -0
  29. data/app/assets/stylesheets/pure/forms.css.sass +2 -0
  30. data/app/assets/stylesheets/pure/grids/_grids-core.css.sass +26 -0
  31. data/app/assets/stylesheets/pure/grids/_grids-r.css.sass +34 -0
  32. data/app/assets/stylesheets/pure/grids/_grids-units.css.sass +93 -0
  33. data/app/assets/stylesheets/pure/grids.css.sass +2 -0
  34. data/app/assets/stylesheets/pure/menus/_menus-core.css.sass +99 -0
  35. data/app/assets/stylesheets/pure/menus/_menus-paginator.css.sass +24 -0
  36. data/app/assets/stylesheets/pure/menus/_menus-r.css.sass +8 -0
  37. data/app/assets/stylesheets/pure/menus/_menus.css.sass +65 -0
  38. data/app/assets/stylesheets/pure/menus.css.sass +2 -0
  39. data/app/assets/stylesheets/pure/tables/_tables.css.sass +68 -0
  40. data/app/assets/stylesheets/pure/tables.css.sass +2 -0
  41. data/lib/pure/sass/version.rb +5 -0
  42. data/lib/pure/sass.rb +7 -0
  43. data/pure-sass.gemspec +31 -0
  44. data/spec/assets_spec.rb +21 -0
  45. data/spec/spec_helper.rb +1 -0
  46. metadata +218 -0
@@ -0,0 +1,425 @@
1
+ /* THIS FILE IS GENERATED BY A BUILD SCRIPT - DO NOT EDIT!
2
+ /*! normalize.css v1.1.2 | MIT License | git.io/normalize
3
+
4
+ /* ==========================================================================
5
+ * HTML5 display definitions
6
+ * ==========================================================================
7
+
8
+ /**
9
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
10
+
11
+ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
12
+ display: block
13
+
14
+ /**
15
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
16
+
17
+ audio, canvas, video
18
+ display: inline-block
19
+ *display: inline
20
+ *zoom: 1
21
+
22
+ /**
23
+ * Prevent modern browsers from displaying `audio` without controls.
24
+ * Remove excess height in iOS 5 devices.
25
+
26
+ audio:not([controls])
27
+ display: none
28
+ height: 0
29
+
30
+ /**
31
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
32
+ * Known issue: no IE 6 support.
33
+
34
+ [hidden]
35
+ display: none
36
+
37
+ /* ==========================================================================
38
+ * Base
39
+ * ==========================================================================
40
+
41
+ /**
42
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
43
+ * `em` units.
44
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
45
+ * user zoom.
46
+
47
+ html
48
+ font-size: 100%
49
+ /* 1
50
+ -ms-text-size-adjust: 100%
51
+ /* 2
52
+ -webkit-text-size-adjust: 100%
53
+ /* 2
54
+ font-family: sans-serif
55
+
56
+ /**
57
+ * Address `font-family` inconsistency between `textarea` and other form
58
+ * elements.
59
+
60
+ button, input, select, textarea
61
+ font-family: sans-serif
62
+
63
+ /**
64
+ * Address margins handled incorrectly in IE 6/7.
65
+
66
+ body
67
+ margin: 0
68
+
69
+ /* ==========================================================================
70
+ * Links
71
+ * ==========================================================================
72
+
73
+ /**
74
+ * Address `outline` inconsistency between Chrome and other browsers.
75
+
76
+ a
77
+ &:focus
78
+ outline: thin dotted
79
+ &:active, &:hover
80
+ outline: 0
81
+
82
+ /**
83
+ * Improve readability when focused and also mouse hovered in all browsers.
84
+
85
+ /* ==========================================================================
86
+ * Typography
87
+ * ==========================================================================
88
+
89
+ /**
90
+ * Address font sizes and margins set differently in IE 6/7.
91
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
92
+ * and Chrome.
93
+
94
+ h1
95
+ font-size: 2em
96
+ margin: 0.67em 0
97
+
98
+ h2
99
+ font-size: 1.5em
100
+ margin: 0.83em 0
101
+
102
+ h3
103
+ font-size: 1.17em
104
+ margin: 1em 0
105
+
106
+ h4
107
+ font-size: 1em
108
+ margin: 1.33em 0
109
+
110
+ h5
111
+ font-size: 0.83em
112
+ margin: 1.67em 0
113
+
114
+ h6
115
+ font-size: 0.67em
116
+ margin: 2.33em 0
117
+
118
+ /**
119
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
120
+
121
+ abbr[title]
122
+ border-bottom: 1px dotted
123
+
124
+ /**
125
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
126
+
127
+ b, strong
128
+ font-weight: bold
129
+
130
+ blockquote
131
+ margin: 1em 40px
132
+
133
+ /**
134
+ * Address styling not present in Safari 5 and Chrome.
135
+
136
+ dfn
137
+ font-style: italic
138
+
139
+ /**
140
+ * Address differences between Firefox and other browsers.
141
+ * Known issue: no IE 6/7 normalization.
142
+
143
+ hr
144
+ -moz-box-sizing: content-box
145
+ box-sizing: content-box
146
+ height: 0
147
+
148
+ /**
149
+ * Address styling not present in IE 6/7/8/9.
150
+
151
+ mark
152
+ background: #ff0
153
+ color: #000
154
+
155
+ /**
156
+ * Address margins set differently in IE 6/7.
157
+
158
+ p, pre
159
+ margin: 1em 0
160
+
161
+ /**
162
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
163
+
164
+ code, kbd, pre, samp
165
+ font-family: monospace, serif
166
+ _font-family: 'courier new', monospace
167
+ font-size: 1em
168
+
169
+ /**
170
+ * Improve readability of pre-formatted text in all browsers.
171
+
172
+ pre
173
+ white-space: pre
174
+ white-space: pre-wrap
175
+ word-wrap: break-word
176
+
177
+ /**
178
+ * Address CSS quotes not supported in IE 6/7.
179
+
180
+ q
181
+ quotes: none
182
+ &:before, &:after
183
+ content: ''
184
+ content: none
185
+
186
+ /**
187
+ * Address `quotes` property not supported in Safari 4.
188
+
189
+ /**
190
+ * Address inconsistent and variable font size in all browsers.
191
+
192
+ small
193
+ font-size: 80%
194
+
195
+ /**
196
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
197
+
198
+ sub
199
+ font-size: 75%
200
+ line-height: 0
201
+ position: relative
202
+ vertical-align: baseline
203
+
204
+ sup
205
+ font-size: 75%
206
+ line-height: 0
207
+ position: relative
208
+ vertical-align: baseline
209
+ top: -0.5em
210
+
211
+ sub
212
+ bottom: -0.25em
213
+
214
+ /* ==========================================================================
215
+ * Lists
216
+ * ==========================================================================
217
+
218
+ /**
219
+ * Address margins set differently in IE 6/7.
220
+
221
+ dl, menu, ol, ul
222
+ margin: 1em 0
223
+
224
+ dd
225
+ margin: 0 0 0 40px
226
+
227
+ /**
228
+ * Address paddings set differently in IE 6/7.
229
+
230
+ menu, ol, ul
231
+ padding: 0 0 0 40px
232
+
233
+ /**
234
+ * Correct list images handled incorrectly in IE 7.
235
+
236
+ nav
237
+ ul, ol
238
+ list-style: none
239
+ list-style-image: none
240
+
241
+ /* ==========================================================================
242
+ * Embedded content
243
+ * ==========================================================================
244
+
245
+ /**
246
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
247
+ * 2. Improve image quality when scaled in IE 7.
248
+
249
+ img
250
+ border: 0
251
+ /* 1
252
+ -ms-interpolation-mode: bicubic
253
+ /* 2
254
+
255
+ /**
256
+ * Correct overflow displayed oddly in IE 9.
257
+
258
+ svg:not(:root)
259
+ overflow: hidden
260
+
261
+ /* ==========================================================================
262
+ * Figures
263
+ * ==========================================================================
264
+
265
+ /**
266
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
267
+
268
+ figure, form
269
+ margin: 0
270
+
271
+ /* ==========================================================================
272
+ * Forms
273
+ * ==========================================================================
274
+
275
+ /**
276
+ * Correct margin displayed oddly in IE 6/7.
277
+
278
+ /**
279
+ * Define consistent border, margin, and padding.
280
+
281
+ fieldset
282
+ border: 1px solid #c0c0c0
283
+ margin: 0 2px
284
+ padding: 0.35em 0.625em 0.75em
285
+
286
+ /**
287
+ * 1. Correct color not being inherited in IE 6/7/8/9.
288
+ * 2. Correct text not wrapping in Firefox 3.
289
+ * 3. Correct alignment displayed oddly in IE 6/7.
290
+
291
+ legend
292
+ border: 0
293
+ /* 1
294
+ padding: 0
295
+ white-space: normal
296
+ /* 2
297
+ *margin-left: -7px
298
+ /* 3
299
+
300
+ /**
301
+ * 1. Correct font size not being inherited in all browsers.
302
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
303
+ * and Chrome.
304
+ * 3. Improve appearance and consistency in all browsers.
305
+
306
+ button, input, select, textarea
307
+ font-size: 100%
308
+ /* 1
309
+ margin: 0
310
+ /* 2
311
+ vertical-align: baseline
312
+ /* 3
313
+ *vertical-align: middle
314
+ /* 3
315
+
316
+ /**
317
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
318
+ * the UA stylesheet.
319
+
320
+ button, input
321
+ line-height: normal
322
+
323
+ /**
324
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
325
+ * All other form control elements do not inherit `text-transform` values.
326
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
327
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
328
+
329
+ button, select
330
+ text-transform: none
331
+
332
+ /**
333
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
334
+ * and `video` controls.
335
+ * 2. Correct inability to style clickable `input` types in iOS.
336
+ * 3. Improve usability and consistency of cursor style between image-type
337
+ * `input` and others.
338
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
339
+ * Known issue: inner spacing remains in IE 6.
340
+
341
+ button, html input[type="button"]
342
+ -webkit-appearance: button
343
+ /* 2
344
+ cursor: pointer
345
+ /* 3
346
+ *overflow: visible
347
+ /* 4
348
+
349
+ input
350
+ &[type="reset"], &[type="submit"]
351
+ -webkit-appearance: button
352
+ /* 2
353
+ cursor: pointer
354
+ /* 3
355
+ *overflow: visible
356
+ /* 4
357
+
358
+ /**
359
+ * Re-set default cursor for disabled elements.
360
+
361
+ button[disabled], html input[disabled]
362
+ cursor: default
363
+
364
+ /**
365
+ * 1. Address box sizing set to content-box in IE 8/9.
366
+ * 2. Remove excess padding in IE 8/9.
367
+ * 3. Remove excess padding in IE 7.
368
+ * Known issue: excess padding remains in IE 6.
369
+
370
+ input
371
+ &[type="checkbox"], &[type="radio"]
372
+ box-sizing: border-box
373
+ /* 1
374
+ padding: 0
375
+ /* 2
376
+ *height: 13px
377
+ /* 3
378
+ *width: 13px
379
+ /* 3
380
+ &[type="search"]
381
+ -webkit-appearance: textfield
382
+ /* 1
383
+ -moz-box-sizing: content-box
384
+ -webkit-box-sizing: content-box
385
+ /* 2
386
+ box-sizing: content-box
387
+ &::-webkit-search-cancel-button, &::-webkit-search-decoration
388
+ -webkit-appearance: none
389
+
390
+ /**
391
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
392
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
393
+ * (include `-moz` to future-proof).
394
+
395
+ /**
396
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
397
+ * on OS X.
398
+
399
+ /**
400
+ * Remove inner padding and border in Firefox 3+.
401
+
402
+ button::-moz-focus-inner, input::-moz-focus-inner
403
+ border: 0
404
+ padding: 0
405
+
406
+ /**
407
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
408
+ * 2. Improve readability and alignment in all browsers.
409
+
410
+ textarea
411
+ overflow: auto
412
+ /* 1
413
+ vertical-align: top
414
+ /* 2
415
+
416
+ /* ==========================================================================
417
+ * Tables
418
+ * ==========================================================================
419
+
420
+ /**
421
+ * Remove most spacing between table cells.
422
+
423
+ table
424
+ border-collapse: collapse
425
+ border-spacing: 0
@@ -0,0 +1,2 @@
1
+ //= require ./_defaults
2
+ //= require_tree ./base
@@ -0,0 +1,23 @@
1
+ .pure-button
2
+ /* Structure
3
+ display: inline-block
4
+ *display: inline
5
+ /*IE 6/7
6
+ zoom: 1
7
+ line-height: normal
8
+ white-space: nowrap
9
+ vertical-align: baseline
10
+ text-align: center
11
+ cursor: pointer
12
+ -webkit-user-drag: none
13
+ -webkit-user-select: none
14
+ -moz-user-select: none
15
+ user-select: none
16
+ &::-moz-focus-inner
17
+ padding: 0
18
+ border: 0
19
+
20
+ /* Firefox: Get rid of the inner focus border
21
+
22
+ a:focus
23
+ outline: none
@@ -0,0 +1,103 @@
1
+ .pure-button
2
+ font-size: 100%
3
+ *font-size: 90%
4
+ /*IE 6/7 - To reduce IE's oversized button text
5
+ *overflow: visible
6
+ /*IE 6/7 - Because of IE's overly large left/right padding on buttons
7
+ padding: 0.5em 1.5em 0.5em
8
+ color: #444
9
+ /* rgba not supported (IE 8)
10
+ color: rgba(0, 0, 0, 0.8)
11
+ /* rgba supported
12
+ *color: #444
13
+ /* IE 6 & 7
14
+ border: 1px solid #999
15
+ /*IE 6/7/8
16
+ border: none rgba(0, 0, 0, 0)
17
+ /*IE9 + everything else
18
+ background-color: #E6E6E6
19
+ text-decoration: none
20
+ -webkit-border-radius: 2px
21
+ -moz-border-radius: 2px
22
+ border-radius: 2px
23
+ -webkit-font-smoothing: antialiased
24
+ /* Transitions
25
+ -webkit-transition: 0.1s linear -webkit-box-shadow
26
+ -moz-transition: 0.1s linear -moz-box-shadow
27
+ -ms-transition: 0.1s linear box-shadow
28
+ -o-transition: 0.1s linear box-shadow
29
+ transition: 0.1s linear box-shadow
30
+
31
+ .pure-button-hover, .pure-button:hover
32
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0)
33
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)))
34
+ background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.15))
35
+ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05))
36
+ background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.15))
37
+ background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05))
38
+ background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.05))
39
+
40
+ .pure-button-active
41
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
42
+ -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
43
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
44
+
45
+ .pure-button
46
+ &:active
47
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
48
+ -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
49
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset
50
+ &[disabled]
51
+ border: none
52
+ background-image: none
53
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
54
+ filter: alpha(opacity = 40)
55
+ -khtml-opacity: 0.40
56
+ -moz-opacity: 0.40
57
+ opacity: 0.40
58
+ cursor: not-allowed
59
+ box-shadow: none
60
+
61
+ .pure-button-disabled
62
+ border: none
63
+ background-image: none
64
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
65
+ filter: alpha(opacity = 40)
66
+ -khtml-opacity: 0.40
67
+ -moz-opacity: 0.40
68
+ opacity: 0.40
69
+ cursor: not-allowed
70
+ box-shadow: none
71
+ &:hover, &:active
72
+ border: none
73
+ background-image: none
74
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false)
75
+ filter: alpha(opacity = 40)
76
+ -khtml-opacity: 0.40
77
+ -moz-opacity: 0.40
78
+ opacity: 0.40
79
+ cursor: not-allowed
80
+ box-shadow: none
81
+
82
+ .pure-button-hidden
83
+ display: none
84
+
85
+ /* Firefox: Get rid of the inner focus border
86
+
87
+ .pure-button::-moz-focus-inner
88
+ padding: 0
89
+ border: 0
90
+
91
+ /* Sam
92
+
93
+ .pure-button-primary, .pure-button-selected
94
+ background-color: rgb(0, 120, 231)
95
+ color: #fff
96
+
97
+ a
98
+ &.pure-button-primary, &.pure-button-selected
99
+ background-color: rgb(0, 120, 231)
100
+ color: #fff
101
+
102
+ .pure-button:-moz-focusring
103
+ outline-color: rgba(0, 0, 0, 0.85)
@@ -0,0 +1,2 @@
1
+ //= require ./_defaults
2
+ //= require_tree ./buttons
File without changes
@@ -0,0 +1,132 @@
1
+ /* This page has Normalize.css form-specific style rules applied to a .pure-form context
2
+
3
+ /* ==========
4
+ * Forms Core
5
+ * =========
6
+
7
+ /*
8
+ * Corrects margin displayed oddly in IE 6/7.
9
+
10
+ .pure-form
11
+ margin: 0
12
+ fieldset
13
+ border: 1px solid #c0c0c0
14
+ margin: 0 2px
15
+ padding: 0.35em 0.625em 0.75em
16
+ legend
17
+ border: 0
18
+ /* 1
19
+ padding: 0
20
+ white-space: normal
21
+ /* 2
22
+ *margin-left: -7px
23
+ /* 3
24
+ button, input, select, textarea
25
+ font-size: 100%
26
+ /* 1
27
+ margin: 0
28
+ /* 2
29
+ vertical-align: baseline
30
+ /* 3
31
+ *vertical-align: middle
32
+ /* 3
33
+ button, input
34
+ line-height: normal
35
+ button
36
+ -webkit-appearance: button
37
+ /* 2
38
+ cursor: pointer
39
+ /* 3
40
+ *overflow: visible
41
+ /* 4
42
+ input
43
+ &[type="button"], &[type="reset"], &[type="submit"]
44
+ -webkit-appearance: button
45
+ /* 2
46
+ cursor: pointer
47
+ /* 3
48
+ *overflow: visible
49
+ /* 4
50
+ button[disabled]
51
+ cursor: default
52
+ input
53
+ &[disabled]
54
+ cursor: default
55
+ &[type="checkbox"], &[type="radio"]
56
+ box-sizing: border-box
57
+ /* 1
58
+ padding: 0
59
+ /* 2
60
+ *height: 13px
61
+ /* 3
62
+ *width: 13px
63
+ /* 3
64
+ &[type="search"]
65
+ -webkit-appearance: textfield
66
+ /* 1
67
+ -moz-box-sizing: content-box
68
+ -webkit-box-sizing: content-box
69
+ /* 2
70
+ box-sizing: content-box
71
+ &::-webkit-search-cancel-button, &::-webkit-search-decoration
72
+ -webkit-appearance: none
73
+ button::-moz-focus-inner, input::-moz-focus-inner
74
+ border: 0
75
+ padding: 0
76
+ textarea
77
+ overflow: auto
78
+ /* 1
79
+ vertical-align: top
80
+ /* 2
81
+
82
+ /*
83
+ * Define consistent border, margin, and padding.
84
+
85
+ /*
86
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
87
+ * 2. Corrects text not wrapping in Firefox 3.
88
+ * 3. Corrects alignment displayed oddly in IE 6/7.
89
+
90
+ /*
91
+ * 1. Corrects font size not being inherited in all browsers.
92
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
93
+ * and Chrome.
94
+ * 3. Improves appearance and consistency in all browsers.
95
+
96
+ /*
97
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
98
+ * the UA stylesheet.
99
+
100
+ /*
101
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
102
+ * and `video` controls.
103
+ * 2. Corrects inability to style clickable `input` types in iOS.
104
+ * 3. Improves usability and consistency of cursor style between image-type
105
+ * `input` and others.
106
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
107
+ * Known issue: inner spacing remains in IE 6.
108
+
109
+ /*
110
+ * Re-set default cursor for disabled elements.
111
+
112
+ /*
113
+ * 1. Addresses box sizing set to content-box in IE 8/9.
114
+ * 2. Removes excess padding in IE 8/9.
115
+ * 3. Removes excess padding in IE 7.
116
+ * Known issue: excess padding remains in IE 6.
117
+
118
+ /*
119
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
120
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
121
+ * (include `-moz` to future-proof).
122
+
123
+ /*
124
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
125
+ * on OS X.
126
+
127
+ /*
128
+ * Removes inner padding and border in Firefox 3+.
129
+
130
+ /*
131
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
132
+ * 2. Improves readability and alignment in all browsers.
@@ -0,0 +1,22 @@
1
+ @media only screen and (max-width: 480px)
2
+ .pure-form
3
+ button[type='submit']
4
+ margin: 0.7em 0 0
5
+ input[type='text'], button, label
6
+ margin-bottom: 0.3em
7
+ display: block
8
+ .pure-group input[type='text']
9
+ margin-bottom: 0
10
+ .pure-form-aligned
11
+ .pure-control-group label
12
+ margin-bottom: 0.3em
13
+ text-align: left
14
+ display: block
15
+ width: 100%
16
+ .pure-controls
17
+ margin: 1.5em 0 0 0
18
+ .pure-form .pure-help-inline
19
+ display: block
20
+ font-size: 80%
21
+ padding: 0.2em 0 0.8em
22
+ /* increased bottom padding to make it group with its related input element