pure-sass 0.0.1

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