alchemy 1.0.2 → 1.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (61) hide show
  1. data/app/assets/stylesheets/alchemy/components/_chosen.scss +1 -1
  2. data/app/assets/stylesheets/alchemy/components/_normalize.scss +262 -314
  3. data/app/assets/stylesheets/alchemy/components/buttons/_buttons.scss +49 -12
  4. data/app/assets/stylesheets/alchemy/components/buttons/_buttons_vars.scss +2 -1
  5. data/app/assets/stylesheets/alchemy/components/forms/_forms.scss +35 -19
  6. data/app/assets/stylesheets/alchemy/components/forms/_forms_responsive.scss +11 -5
  7. data/app/assets/stylesheets/alchemy/components/header/_header.scss +2 -0
  8. data/app/assets/stylesheets/alchemy/components/login/_login.scss +5 -1
  9. data/app/assets/stylesheets/alchemy/partials/_colors.scss +6 -6
  10. data/app/assets/stylesheets/alchemy/partials/_vars.scss +1 -1
  11. data/app/helpers/alchemy/layout_helper.rb +16 -0
  12. data/lib/alchemy.rb +1 -5
  13. data/lib/alchemy/engine.rb +8 -0
  14. data/lib/alchemy/version.rb +1 -1
  15. data/vendor/assets/javascripts/alchemy/handlebars.js +2201 -0
  16. metadata +5 -48
  17. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/API.txt +0 -1201
  18. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/FAQ.txt +0 -76
  19. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/LICENSE.txt +0 -22
  20. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/Makefile +0 -9
  21. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/NEWS.txt +0 -508
  22. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/PLUGINS.txt +0 -137
  23. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/README.txt +0 -90
  24. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/ajax.html +0 -143
  25. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/annotating.html +0 -75
  26. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/arrow-down.gif +0 -0
  27. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/arrow-left.gif +0 -0
  28. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/arrow-right.gif +0 -0
  29. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/arrow-up.gif +0 -0
  30. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/basic.html +0 -38
  31. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-eu-gdp-growth-1.json +0 -4
  32. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-eu-gdp-growth-2.json +0 -4
  33. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-eu-gdp-growth-3.json +0 -4
  34. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-eu-gdp-growth-4.json +0 -4
  35. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-eu-gdp-growth-5.json +0 -4
  36. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-eu-gdp-growth.json +0 -4
  37. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-japan-gdp-growth.json +0 -4
  38. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/data-usa-gdp-growth.json +0 -4
  39. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/graph-types.html +0 -75
  40. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/hs-2004-27-a-large_web.jpg +0 -0
  41. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/image.html +0 -45
  42. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/index.html +0 -44
  43. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/interacting-axes.html +0 -97
  44. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/interacting.html +0 -93
  45. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/layout.css +0 -6
  46. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/multiple-axes.html +0 -60
  47. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/navigate.html +0 -118
  48. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/percentiles.html +0 -57
  49. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/pie.html +0 -756
  50. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/realtime.html +0 -83
  51. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/resize.html +0 -61
  52. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/selection.html +0 -114
  53. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/setting-options.html +0 -61
  54. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/stacking.html +0 -77
  55. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/symbols.html +0 -49
  56. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/thresholding.html +0 -54
  57. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/time.html +0 -71
  58. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/tracking.html +0 -95
  59. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/turning-series.html +0 -98
  60. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/visitors.html +0 -90
  61. data/vendor/assets/javascripts/alchemy/jquery/plugins/flot-0.7/examples/zooming.html +0 -98
@@ -225,7 +225,7 @@
225
225
  width: 12px;
226
226
  height: 13px;
227
227
  font-size: 1px;
228
- background: url(chosen-sprite.png) right top no-repeat;
228
+ background: url($chosen_sprite_url) right top no-repeat;
229
229
  &:hover {
230
230
  background-position: right -11px;
231
231
  }
@@ -1,448 +1,396 @@
1
- /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
1
+ /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
2
2
 
3
- /* =============================================================================
3
+ /* ==========================================================================
4
4
  HTML5 display definitions
5
5
  ========================================================================== */
6
6
 
7
- /*
8
- * Corrects block display not defined in IE6/7/8/9 & FF3
7
+ /**
8
+ * Correct `block` display not defined in IE 8/9.
9
9
  */
10
10
 
11
- article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
12
- display: block; }
11
+ article,
12
+ aside,
13
+ details,
14
+ figcaption,
15
+ figure,
16
+ footer,
17
+ header,
18
+ hgroup,
19
+ main,
20
+ nav,
21
+ section,
22
+ summary {
23
+ display: block;
24
+ }
13
25
 
14
- /*
15
- * Corrects inline-block display not defined in IE6/7/8/9 & FF3
26
+ /**
27
+ * Correct `inline-block` display not defined in IE 8/9.
16
28
  */
17
29
 
18
- audio, canvas, video {
19
- display: inline-block;
20
- *display: inline;
21
- *zoom: 1; }
30
+ audio,
31
+ canvas,
32
+ video {
33
+ display: inline-block;
34
+ }
22
35
 
23
- /*
24
- * Prevents modern browsers from displaying 'audio' without controls
25
- * Remove excess height in iOS5 devices
36
+ /**
37
+ * Prevent modern browsers from displaying `audio` without controls.
38
+ * Remove excess height in iOS 5 devices.
26
39
  */
27
40
 
28
41
  audio:not([controls]) {
29
- display: none;
30
- height: 0; }
42
+ display: none;
43
+ height: 0;
44
+ }
31
45
 
32
- /*
33
- * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
34
- * Known issue: no IE6 support
46
+ /**
47
+ * Address styling not present in IE 8/9.
35
48
  */
36
49
 
37
50
  [hidden] {
38
- display: none; }
51
+ display: none;
52
+ }
39
53
 
40
- /* =============================================================================
54
+ /* ==========================================================================
41
55
  Base
42
56
  ========================================================================== */
43
57
 
44
- /*
45
- * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
46
- * http://clagnut.com/blog/348/#c790
47
- * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
48
- * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
58
+ /**
59
+ * 1. Set default font family to sans-serif.
60
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
61
+ * user zoom.
49
62
  */
50
63
 
51
64
  html {
52
- font-size: 100%;
53
- /* 1 */
54
- -webkit-text-size-adjust: 100%;
55
- /* 2 */
56
- -ms-text-size-adjust: 100%;
57
- /* 2 */
58
- font-family: sans-serif; }
65
+ font-family: sans-serif; /* 1 */
66
+ -webkit-text-size-adjust: 100%; /* 2 */
67
+ -ms-text-size-adjust: 100%; /* 2 */
68
+ }
59
69
 
60
- /*
61
- * Addresses font-family inconsistency between 'textarea' and other form elements.
62
- */
63
-
64
- button, input, select, textarea {
65
- font-family: sans-serif; }
66
-
67
- /*
68
- * Addresses margins handled incorrectly in IE6/7
70
+ /**
71
+ * Remove default margin.
69
72
  */
70
73
 
71
74
  body {
72
- margin: 0; }
75
+ margin: 0;
76
+ }
73
77
 
74
- /* =============================================================================
78
+ /* ==========================================================================
75
79
  Links
76
80
  ========================================================================== */
77
81
 
78
- /*
79
- * Addresses outline displayed oddly in Chrome
82
+ /**
83
+ * Address `outline` inconsistency between Chrome and other browsers.
80
84
  */
81
85
 
82
- a {
83
- &:focus {
84
- outline: thin dotted; }
85
- &:hover, &:active {
86
- outline: 0; } }
86
+ a:focus {
87
+ outline: thin dotted;
88
+ }
87
89
 
88
- /*
89
- * Improves readability when focused and also mouse hovered in all browsers
90
- * people.opera.com/patrickl/experiments/keyboard/test
90
+ /**
91
+ * Improve readability when focused and also mouse hovered in all browsers.
91
92
  */
92
93
 
93
- /* =============================================================================
94
+ a:active,
95
+ a:hover {
96
+ outline: 0;
97
+ }
98
+
99
+ /* ==========================================================================
94
100
  Typography
95
101
  ========================================================================== */
96
102
 
97
- /*
98
- * Addresses font sizes and margins set differently in IE6/7
99
- * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
103
+ /**
104
+ * Address variable `h1` font-size and margin within `section` and `article`
105
+ * contexts in Firefox 4+, Safari 5, and Chrome.
100
106
  */
101
107
 
102
108
  h1 {
103
- font-size: 2em;
104
- margin: 0.67em 0; }
105
-
106
- h2 {
107
- font-size: 1.5em;
108
- margin: 0.83em 0; }
109
-
110
- h3 {
111
- font-size: 1.17em;
112
- margin: 1em 0; }
113
-
114
- h4 {
115
- font-size: 1em;
116
- margin: 1.33em 0; }
109
+ font-size: 2em;
110
+ margin: 0.67em 0;
111
+ }
117
112
 
118
- h5 {
119
- font-size: 0.83em;
120
- margin: 1.67em 0; }
121
-
122
- h6 {
123
- font-size: 0.75em;
124
- margin: 2.33em 0; }
125
-
126
- /*
127
- * Addresses styling not present in IE7/8/9, S5, Chrome
113
+ /**
114
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
128
115
  */
129
116
 
130
117
  abbr[title] {
131
- border-bottom: 1px dotted; }
118
+ border-bottom: 1px dotted;
119
+ }
132
120
 
133
- /*
134
- * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
135
- */
136
-
137
- b, strong {
138
- font-weight: bold; }
121
+ /**
122
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
123
+ */
139
124
 
140
- blockquote {
141
- margin: 1em 40px; }
125
+ b,
126
+ strong {
127
+ font-weight: bold;
128
+ }
142
129
 
143
- /*
144
- * Addresses styling not present in S5, Chrome
130
+ /**
131
+ * Address styling not present in Safari 5 and Chrome.
145
132
  */
146
133
 
147
134
  dfn {
148
- font-style: italic; }
135
+ font-style: italic;
136
+ }
149
137
 
150
- /*
151
- * Addresses styling not present in IE6/7/8/9
138
+ /**
139
+ * Address differences between Firefox and other browsers.
152
140
  */
153
141
 
154
- mark {
155
- background: #ff0;
156
- color: #000; }
142
+ hr {
143
+ -moz-box-sizing: content-box;
144
+ box-sizing: content-box;
145
+ height: 0;
146
+ }
157
147
 
158
- /*
159
- * Addresses margins set differently in IE6/7
148
+ /**
149
+ * Address styling not present in IE 8/9.
160
150
  */
161
151
 
162
- p {
163
- margin: 1em 0; }
164
-
165
- pre {
166
- margin: 1em 0;
167
- font-family: monospace, serif;
168
- _font-family: 'courier new', monospace;
169
- font-size: 1em; }
152
+ mark {
153
+ background: #ff0;
154
+ color: #000;
155
+ }
170
156
 
171
- /*
172
- * Corrects font family set oddly in IE6, S4/5, Chrome
173
- * en.wikipedia.org/wiki/User:Davidgothberg/Test59
157
+ /**
158
+ * Correct font family set oddly in Safari 5 and Chrome.
174
159
  */
175
160
 
176
- code, kbd, samp {
177
- font-family: monospace, serif;
178
- _font-family: 'courier new', monospace;
179
- font-size: 1em; }
161
+ code,
162
+ kbd,
163
+ pre,
164
+ samp {
165
+ font-family: monospace, serif;
166
+ font-size: 1em;
167
+ }
180
168
 
181
- /*
182
- * Improves readability of pre-formatted text in all browsers
169
+ /**
170
+ * Improve readability of pre-formatted text in all browsers.
183
171
  */
184
172
 
185
173
  pre {
186
- white-space: pre;
187
- white-space: pre-wrap;
188
- word-wrap: break-word; }
174
+ white-space: pre-wrap;
175
+ }
189
176
 
190
- /*
191
- * 1. Addresses CSS quotes not supported in IE6/7
192
- * 2. Addresses quote property not supported in S4
177
+ /**
178
+ * Set consistent quote types.
193
179
  */
194
180
 
195
- /* 1 */
196
-
197
181
  q {
198
- quotes: none;
199
- &:before, &:after {
200
- content: '';
201
- content: none; } }
182
+ quotes: "\201C" "\201D" "\2018" "\2019";
183
+ }
202
184
 
203
- /* 2 */
185
+ /**
186
+ * Address inconsistent and variable font size in all browsers.
187
+ */
204
188
 
205
189
  small {
206
- font-size: 75%; }
190
+ font-size: 80%;
191
+ }
207
192
 
208
- /*
209
- * Prevents sub and sup affecting line-height in all browsers
210
- * gist.github.com/413930
193
+ /**
194
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
211
195
  */
212
196
 
213
- sub {
214
- font-size: 75%;
215
- line-height: 0;
216
- position: relative;
217
- vertical-align: baseline; }
197
+ sub,
198
+ sup {
199
+ font-size: 75%;
200
+ line-height: 0;
201
+ position: relative;
202
+ vertical-align: baseline;
203
+ }
218
204
 
219
205
  sup {
220
- font-size: 75%;
221
- line-height: 0;
222
- position: relative;
223
- vertical-align: baseline;
224
- top: -0.5em; }
206
+ top: -0.5em;
207
+ }
225
208
 
226
209
  sub {
227
- bottom: -0.25em; }
228
-
229
- /* =============================================================================
230
- Lists
231
- ========================================================================== */
232
-
233
- /*
234
- * Addresses margins set differently in IE6/7
235
- */
236
-
237
- dl, menu, ol, ul {
238
- margin: 1em 0; }
239
-
240
- dd {
241
- margin: 0 0 0 40px; }
242
-
243
- /*
244
- * Addresses paddings set differently in IE6/7
245
- */
246
-
247
- menu, ol, ul {
248
- padding: 0 0 0 40px; }
249
-
250
- /*
251
- * Corrects list images handled incorrectly in IE7
252
- */
210
+ bottom: -0.25em;
211
+ }
253
212
 
254
- nav {
255
- ul, ol {
256
- list-style: none;
257
- list-style-image: none; } }
258
-
259
- /* =============================================================================
213
+ /* ==========================================================================
260
214
  Embedded content
261
215
  ========================================================================== */
262
216
 
263
- /*
264
- * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
265
- * 2. Improves image quality when scaled in IE7
266
- * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
217
+ /**
218
+ * Remove border when inside `a` element in IE 8/9.
267
219
  */
268
220
 
269
221
  img {
270
- border: 0;
271
- /* 1 */
272
- -ms-interpolation-mode: bicubic;
273
- /* 2 */ }
222
+ border: 0;
223
+ }
274
224
 
275
- /*
276
- * Corrects overflow displayed oddly in IE9
225
+ /**
226
+ * Correct overflow displayed oddly in IE 9.
277
227
  */
278
228
 
279
229
  svg:not(:root) {
280
- overflow: hidden; }
230
+ overflow: hidden;
231
+ }
281
232
 
282
- /* =============================================================================
233
+ /* ==========================================================================
283
234
  Figures
284
235
  ========================================================================== */
285
236
 
286
- /*
287
- * Addresses margin not present in IE6/7/8/9, S5, O11
237
+ /**
238
+ * Address margin not present in IE 8/9 and Safari 5.
288
239
  */
289
240
 
290
- figure, form {
291
- margin: 0; }
241
+ figure {
242
+ margin: 0;
243
+ }
292
244
 
293
- /* =============================================================================
245
+ /* ==========================================================================
294
246
  Forms
295
247
  ========================================================================== */
296
248
 
297
- /*
298
- * Corrects margin displayed oddly in IE6/7
299
- */
300
-
301
- /*
302
- * Define consistent border, margin, and padding
249
+ /**
250
+ * Define consistent border, margin, and padding.
303
251
  */
304
252
 
305
253
  fieldset {
306
- border: 1px solid #c0c0c0;
307
- margin: 0 2px;
308
- padding: 0.35em 0.625em 0.75em; }
254
+ border: 1px solid #c0c0c0;
255
+ margin: 0 2px;
256
+ padding: 0.35em 0.625em 0.75em;
257
+ }
309
258
 
310
- /*
311
- * 1. Corrects color not being inherited in IE6/7/8/9
312
- * 2. Corrects text not wrapping in FF3
313
- * 3. Corrects alignment displayed oddly in IE6/7
259
+ /**
260
+ * 1. Correct `color` not being inherited in IE 8/9.
261
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
314
262
  */
315
263
 
316
264
  legend {
317
- border: 0;
318
- /* 1 */
319
- padding: 0;
320
- white-space: normal;
321
- /* 2 */
322
- *margin-left: -7px;
323
- /* 3 */ }
324
-
325
- /*
326
- * 1. Corrects font size not being inherited in all browsers
327
- * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
328
- * 3. Improves appearance and consistency in all browsers
329
- */
330
-
331
- button, input, select, textarea {
332
- font-size: 100%;
333
- /* 1 */
334
- margin: 0;
335
- /* 2 */
336
- vertical-align: baseline;
337
- /* 3 */
338
- *vertical-align: middle;
339
- /* 3 */ }
340
-
341
- /*
342
- * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
343
- */
344
-
345
- button, input {
346
- line-height: normal;
347
- /* 1 */ }
348
-
349
- /*
350
- * 1. Improves usability and consistency of cursor style between image-type 'input' and others
351
- * 2. Corrects inability to style clickable 'input' types in iOS
352
- * 3. Removes inner spacing in IE7 without affecting normal text inputs
353
- * Known issue: inner spacing remains in IE6
354
- */
355
-
356
- button {
357
- cursor: pointer;
358
- /* 1 */
359
- -webkit-appearance: button;
360
- /* 2 */
361
- *overflow: visible;
362
- /* 3 */ }
265
+ border: 0; /* 1 */
266
+ padding: 0; /* 2 */
267
+ }
363
268
 
269
+ /**
270
+ * 1. Correct font family not being inherited in all browsers.
271
+ * 2. Correct font size not being inherited in all browsers.
272
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
273
+ */
274
+
275
+ button,
276
+ input,
277
+ select,
278
+ textarea {
279
+ font-family: inherit; /* 1 */
280
+ font-size: 100%; /* 2 */
281
+ margin: 0; /* 3 */
282
+ }
283
+
284
+ /**
285
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
286
+ * the UA stylesheet.
287
+ */
288
+
289
+ button,
364
290
  input {
365
- &[type="button"], &[type="reset"], &[type="submit"] {
366
- cursor: pointer;
367
- /* 1 */
368
- -webkit-appearance: button;
369
- /* 2 */
370
- *overflow: visible;
371
- /* 3 */ } }
291
+ line-height: normal;
292
+ }
372
293
 
373
- /*
374
- * Re-set default cursor for disabled elements
294
+ /**
295
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
296
+ * All other form control elements do not inherit `text-transform` values.
297
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
298
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
375
299
  */
376
300
 
377
- button[disabled] {
378
- cursor: default; }
301
+ button,
302
+ select {
303
+ text-transform: none;
304
+ }
379
305
 
380
- input {
381
- &[disabled] {
382
- cursor: default; }
383
- &[type="checkbox"], &[type="radio"] {
384
- box-sizing: border-box;
385
- /* 1 */
386
- padding: 0;
387
- /* 2 */
388
- *height: 13px;
389
- /* 3 */
390
- *width: 13px;
391
- /* 3 */ }
392
- &[type="search"] {
393
- -webkit-appearance: textfield;
394
- /* 1 */
395
- -moz-box-sizing: content-box;
396
- -webkit-box-sizing: content-box;
397
- /* 2 */
398
- box-sizing: content-box;
399
- &::-webkit-search-decoration, &::-webkit-search-cancel-button {
400
- -webkit-appearance: none; } } }
306
+ /**
307
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
308
+ * and `video` controls.
309
+ * 2. Correct inability to style clickable `input` types in iOS.
310
+ * 3. Improve usability and consistency of cursor style between image-type
311
+ * `input` and others.
312
+ */
313
+
314
+ button,
315
+ html input[type="button"], /* 1 */
316
+ input[type="reset"],
317
+ input[type="submit"] {
318
+ -webkit-appearance: button; /* 2 */
319
+ cursor: pointer; /* 3 */
320
+ }
321
+
322
+ /**
323
+ * Re-set default cursor for disabled elements.
324
+ */
401
325
 
402
- /*
403
- * 1. Addresses box sizing set to content-box in IE8/9
404
- * 2. Removes excess padding in IE8/9
405
- * 3. Removes excess padding in IE7
406
- Known issue: excess padding remains in IE6
326
+ button[disabled],
327
+ html input[disabled] {
328
+ cursor: default;
329
+ }
330
+
331
+ /**
332
+ * 1. Address box sizing set to `content-box` in IE 8/9.
333
+ * 2. Remove excess padding in IE 8/9.
407
334
  */
408
335
 
409
- /*
410
- * 1. Addresses appearance set to searchfield in S5, Chrome
411
- * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
336
+ input[type="checkbox"],
337
+ input[type="radio"] {
338
+ box-sizing: border-box; /* 1 */
339
+ padding: 0; /* 2 */
340
+ }
341
+
342
+ /**
343
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
344
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
345
+ * (include `-moz` to future-proof).
412
346
  */
413
347
 
414
- /*
415
- * Removes inner padding and search cancel button in S5, Chrome on OS X
348
+ input[type="search"] {
349
+ -webkit-appearance: textfield; /* 1 */
350
+ -moz-box-sizing: content-box;
351
+ -webkit-box-sizing: content-box; /* 2 */
352
+ box-sizing: content-box;
353
+ }
354
+
355
+ /**
356
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
357
+ * on OS X.
416
358
  */
417
359
 
418
- /*
419
- * Removes inner padding and border in FF3+
420
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
360
+ input[type="search"]::-webkit-search-cancel-button,
361
+ input[type="search"]::-webkit-search-decoration {
362
+ -webkit-appearance: none;
363
+ }
364
+
365
+ /**
366
+ * Remove inner padding and border in Firefox 4+.
421
367
  */
422
368
 
423
- button::-moz-focus-inner, input::-moz-focus-inner {
424
- border: 0;
425
- padding: 0; }
369
+ button::-moz-focus-inner,
370
+ input::-moz-focus-inner {
371
+ border: 0;
372
+ padding: 0;
373
+ }
426
374
 
427
- /*
428
- * 1. Removes default vertical scrollbar in IE6/7/8/9
429
- * 2. Improves readability and alignment in all browsers
375
+ /**
376
+ * 1. Remove default vertical scrollbar in IE 8/9.
377
+ * 2. Improve readability and alignment in all browsers.
430
378
  */
431
379
 
432
380
  textarea {
433
- overflow: auto;
434
- /* 1 */
435
- vertical-align: top;
436
- /* 2 */ }
381
+ overflow: auto; /* 1 */
382
+ vertical-align: top; /* 2 */
383
+ }
437
384
 
438
- /* =============================================================================
385
+ /* ==========================================================================
439
386
  Tables
440
387
  ========================================================================== */
441
388
 
442
- /*
443
- * Remove most spacing between table cells
389
+ /**
390
+ * Remove most spacing between table cells.
444
391
  */
445
392
 
446
393
  table {
447
- border-collapse: collapse;
448
- border-spacing: 0; }
394
+ border-collapse: collapse;
395
+ border-spacing: 0;
396
+ }