roots-rails 0.0.1.alpha → 1.0.0

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 (43) hide show
  1. data/.gitignore +0 -1
  2. data/lib/generators/roots/install_generator.rb +28 -12
  3. data/lib/generators/templates/layouts/_settings.styl +40 -0
  4. data/lib/generators/templates/layouts/application.css.styl +13 -0
  5. data/lib/generators/templates/layouts/layout.html.slim +26 -0
  6. data/lib/generators/templates/{scripts/pie.htc → pie.htc} +0 -0
  7. data/lib/roots/version.rb +1 -1
  8. data/readme.md +5 -13
  9. data/roots-rails.gemspec +2 -10
  10. metadata +13 -87
  11. data/Gemfile +0 -4
  12. data/lib/generators/roots/framework_generator.rb +0 -28
  13. data/lib/generators/templates/images/apple-touch-icon-114x114.png +0 -0
  14. data/lib/generators/templates/images/apple-touch-icon-72x72.png +0 -0
  15. data/lib/generators/templates/images/apple-touch-icon.png +0 -0
  16. data/lib/generators/templates/images/preview.png +0 -0
  17. data/lib/generators/templates/layouts/application.sass +0 -23
  18. data/lib/generators/templates/layouts/config.html.haml +0 -57
  19. data/lib/generators/templates/layouts/layout.html.haml +0 -26
  20. data/lib/generators/templates/sass/modules/_animation.sass +0 -454
  21. data/lib/generators/templates/sass/modules/_buttons.sass +0 -233
  22. data/lib/generators/templates/sass/modules/_code.sass +0 -41
  23. data/lib/generators/templates/sass/modules/_forms.sass +0 -209
  24. data/lib/generators/templates/sass/modules/_interaction.sass +0 -89
  25. data/lib/generators/templates/sass/modules/_reset.sass +0 -238
  26. data/lib/generators/templates/sass/modules/_tables.sass +0 -76
  27. data/lib/generators/templates/sass/modules/_typography.sass +0 -367
  28. data/lib/generators/templates/sass/modules/_ui.sass +0 -205
  29. data/lib/generators/templates/sass/modules/_utilities.sass +0 -372
  30. data/lib/generators/templates/sass/roots.sass +0 -54
  31. data/lib/generators/templates/scripts/selectivizr.js +0 -5
  32. data/vendor/assets/stylesheets/modules/_animation.sass +0 -454
  33. data/vendor/assets/stylesheets/modules/_buttons.sass +0 -233
  34. data/vendor/assets/stylesheets/modules/_code.sass +0 -41
  35. data/vendor/assets/stylesheets/modules/_fluid.sass +0 -160
  36. data/vendor/assets/stylesheets/modules/_forms.sass +0 -209
  37. data/vendor/assets/stylesheets/modules/_interaction.sass +0 -89
  38. data/vendor/assets/stylesheets/modules/_reset.sass +0 -238
  39. data/vendor/assets/stylesheets/modules/_tables.sass +0 -76
  40. data/vendor/assets/stylesheets/modules/_typography.sass +0 -367
  41. data/vendor/assets/stylesheets/modules/_ui.sass +0 -205
  42. data/vendor/assets/stylesheets/modules/_utilities.sass +0 -372
  43. data/vendor/assets/stylesheets/roots.sass +0 -57
@@ -1,26 +0,0 @@
1
- !!! 5
2
- %head
3
- = render 'layouts/config'
4
- = stylesheet_link_tag 'application'
5
-
6
- -# JS resources - not yet ready
7
- -# resources = %w[ modal tooltip tabs alerts selection slider scrollspy imgfade spinner ]
8
-
9
- -# ------------------------------------------------------------------------------------------
10
-
11
- %body
12
- = yield
13
-
14
- -# ------------------------------------------------------------------------------------------
15
-
16
- -# project resources - not yet ready
17
- -# resources.each do |r|
18
- -# %script{ src: "script/#{r}.js" }
19
-
20
- -# help IE out with advanced selectors (http://selectivizr.com/)
21
- /[if (gte IE6)&(lte IE8)]
22
- =javascript_include_tag 'selectivizr.js'
23
-
24
- =javascript_include_tag 'application'
25
-
26
-
@@ -1,454 +0,0 @@
1
- // ------------------------------
2
- // Preset animations
3
- // ------------------------------
4
-
5
- // Ported directly from Eric Meyer's compass-animation module, which was adapted from Dan Eden's animate.css
6
- // https://github.com/ericam/compass-animation
7
- // http://daneden.me/animate/
8
-
9
- // Includes: flash, bounce, shake, tada, swing, wobble, pulse, hinge,
10
- // rollIn/Out, bounceIn/Out(Up/Down/Left/Right), fadeIn/Out(Up/Down/Left/Right), and
11
- // rotateIn/Out(Up/Down/Left/Right)
12
-
13
- // Excludes the "big" animations because they are atrocious and should never be used.
14
- // Will include more custom-written ones in the future
15
-
16
- +keyframes(flash)
17
- 0%
18
- opacity: 1
19
- 25%
20
- opacity: 0
21
- 50%
22
- opacity: 1
23
- 75%
24
- opacity: 0
25
- 100%
26
- opacity: 1
27
-
28
- +keyframes(bounce)
29
- 0%
30
- +translateY(0)
31
- 20%
32
- +translateY(0)
33
- 40%
34
- +translateY(-30px)
35
- 50%
36
- +translateY(0)
37
- 60%
38
- +translateY(-15px)
39
- 80%
40
- +translateY(0)
41
- 100%
42
- +translateY(0)
43
-
44
- +keyframes(shake)
45
- 0%
46
- +translateX(0)
47
- 10%
48
- +translateX(-10px)
49
- 20%
50
- +translateX(10px)
51
- 30%
52
- +translateX(-10px)
53
- 40%
54
- +translateX(10px)
55
- 50%
56
- +translateX(-10px)
57
- 60%
58
- +translateX(10px)
59
- 70%
60
- +translateX(-10px)
61
- 80%
62
- +translateX(10px)
63
- 90%
64
- +translateX(-10px)
65
- 100%
66
- +translateX(0)
67
-
68
- +keyframes(tada)
69
- 0%
70
- +scale(1)
71
- 10%
72
- +transform(scale(0.9) rotate(-3deg))
73
- 20%
74
- +transform(scale(0.9) rotate(-3deg))
75
- 30%
76
- +transform(scale(1.1) rotate(3deg))
77
- 40%
78
- +transform(scale(1.1) rotate(-3deg))
79
- 50%
80
- +transform(scale(1.1) rotate(3deg))
81
- 60%
82
- +transform(scale(1.1) rotate(-3deg))
83
- 70%
84
- +transform(scale(1.1) rotate(3deg))
85
- 80%
86
- +transform(scale(1.1) rotate(-3deg))
87
- 90%
88
- +transform(scale(1.1) rotate(3deg))
89
- 100%
90
- +transform(scale(1) rotate(0))
91
-
92
- +keyframes(swing)
93
- 20%, 40%, 60%, 80%, 100%
94
- +transform-origin(top center)
95
- 20%
96
- +rotate(15deg)
97
- 40%
98
- +rotate(-10deg)
99
- 60%
100
- +rotate(5deg)
101
- 80%
102
- +rotate(-5deg)
103
- 100%
104
- +rotate(0deg)
105
-
106
- +keyframes(wobble)
107
- 0%
108
- +translateX(0%)
109
- 15%
110
- +transform(translateX(-25%) rotate(-5deg))
111
- 30%
112
- +transform(translateX(20%) rotate(3deg))
113
- 45%
114
- +transform(translateX(-15%) rotate(-3deg))
115
- 60%
116
- +transform(translateX(10%) rotate(2deg))
117
- 75%
118
- +transform(translateX(-5%) rotate(-1deg))
119
- 100%
120
- +transform(translateX(0%))
121
-
122
- +keyframes(pulse)
123
- 0%
124
- +scale(1)
125
- 50%
126
- +scale(1.1)
127
- 100%
128
- +scale(1)
129
-
130
- +keyframes(hinge)
131
- 0%
132
- +rotate(0)
133
- +transform-origin(top left)
134
- +animation-timing-function(ease-in-out)
135
- 20%, 60%
136
- +rotate(80deg)
137
- +transform-origin(top left)
138
- +animation-timing-function(ease-in-out)
139
- 40%
140
- +rotate(60deg)
141
- +transform-origin(top left)
142
- +animation-timing-function(ease-in-out)
143
- 80%
144
- +transform(rotate(60deg) translateY(0))
145
- +opacity(1)
146
- +transform-origin(top left)
147
- +animation-timing-function(ease-in-out)
148
- 100%
149
- +translateY(700px)
150
- +opacity(0)
151
-
152
- +keyframes(rollIn)
153
- 0%
154
- +opacity(0)
155
- +transform(translateX(-100%) rotate(-120deg))
156
- 100%
157
- +opacity(1)
158
- +transform(translateX(0px) rotate(0deg))
159
-
160
- +keyframes(rollOut)
161
- 0%
162
- +opacity(1)
163
- +transform(translateX(0px) rotate(0deg))
164
- 100%
165
- +opacity(0)
166
- +transform(translateX(-100%) rotate(-120deg))
167
-
168
- +keyframes(bounceIn)
169
- 0%
170
- opacity: 0
171
- +scale(0.3)
172
- 50%
173
- opacity: 1
174
- +scale(1.05)
175
- 70%
176
- +scale(0.9)
177
- 100%
178
- +scale(1)
179
-
180
- +keyframes(bounceInDown)
181
- 0%
182
- opacity: 0
183
- +translateY(-2000px)
184
- 60%
185
- opacity: 1
186
- +translateY(30px)
187
- 80%
188
- +translateY(-10px)
189
- 100%
190
- +translateY(0)
191
-
192
- +keyframes(bounceInUp)
193
- 0%
194
- opacity: 0
195
- +translateY(2000px)
196
- 60%
197
- opacity: 1
198
- +translateY(-30px)
199
- 80%
200
- +translateY(10px)
201
- 100%
202
- +translateY(0)
203
-
204
- +keyframes(bounceInRight)
205
- 0%
206
- opacity: 0
207
- +translateX(2000px)
208
- 60%
209
- opacity: 1
210
- +translateX(-30px)
211
- 80%
212
- +translateX(10px)
213
- 100%
214
- +translateX(0)
215
-
216
- +keyframes(bounceInLeft)
217
- 0%
218
- opacity: 0
219
- +translateX(-2000px)
220
- 60%
221
- opacity: 1
222
- +translateX(30px)
223
- 80%
224
- +translateX(-10px)
225
- 100%
226
- +translateX(0)
227
-
228
- +keyframes(bounceOut)
229
- 0%
230
- +scale(1)
231
- 25%
232
- +scale(0.95)
233
- 50%
234
- opacity: 1
235
- +scale(1.1)
236
- 100%
237
- opacity: 0
238
- +scale(0.3)
239
-
240
- +keyframes(bounceOutUp)
241
- 0%
242
- +translateY(0)
243
- 20%
244
- opacity: 1
245
- +translateY(20px)
246
- 100%
247
- opacity: 0
248
- +translateY(-2000px)
249
-
250
- +keyframes(bounceOutDown)
251
- 0%
252
- +translateY(0)
253
- 20%
254
- opacity: 1
255
- +translateY(-20px)
256
- 100%
257
- opacity: 0
258
- +translateY(2000px)
259
-
260
- +keyframes(bounceOutLeft)
261
- 0%
262
- +translateX(0)
263
- 20%
264
- opacity: 1
265
- +translateX(20px)
266
- 100%
267
- opacity: 0
268
- +translateX(-2000px)
269
-
270
- +keyframes(bounceOutRight)
271
- 0%
272
- +translateX(0)
273
- 20%
274
- opacity: 1
275
- +translateX(-20px)
276
- 100%
277
- opacity: 0
278
- +translateX(2000px)
279
-
280
- +keyframes(fadeIn)
281
- 0%
282
- opacity: 0
283
- 100%
284
- opacity: 1
285
-
286
- +keyframes(fadeInUp)
287
- 0%
288
- +translateY(20px)
289
- opacity: 0
290
- 100%
291
- +translateY(0)
292
- opacity: 1
293
-
294
- +keyframes(fadeInDown)
295
- 0%
296
- +translateY(-20px)
297
- opacity: 0
298
- 100%
299
- +translateY(0)
300
- opacity: 1
301
-
302
- +keyframes(fadeInRight)
303
- 0%
304
- +translateX(20px)
305
- opacity: 0
306
- 100%
307
- +translateX(0)
308
- opacity: 1
309
-
310
- +keyframes(fadeInLeft)
311
- 0%
312
- +translateX(-20px)
313
- opacity: 0
314
- 100%
315
- +translateX(0)
316
- opacity: 1
317
-
318
- +keyframes(fadeOut)
319
- 0%
320
- opacity: 1
321
- 100%
322
- opacity: 0
323
-
324
- +keyframes(fadeOutUp)
325
- 0%
326
- +translateY(0)
327
- opacity: 1
328
- 100%
329
- +translateY(-20px)
330
- opacity: 0
331
-
332
- +keyframes(fadeOutDown)
333
- 0%
334
- +translateY(0)
335
- opacity: 1
336
- 100%
337
- +translateY(20px)
338
- opacity: 0
339
-
340
- +keyframes(fadeOutRight)
341
- 0%
342
- +translateX(0)
343
- opacity: 1
344
- 100%
345
- +translateX(20px)
346
- opacity: 0
347
-
348
- +keyframes(fadeOutLeft)
349
- 0%
350
- +translateX(0)
351
- opacity: 1
352
- 100%
353
- +translateX(-20px)
354
- opacity: 0
355
-
356
- +keyframes(rotateIn)
357
- 0%
358
- +transform-origin(center center)
359
- +rotate(-200deg)
360
- opacity: 0
361
- 100%
362
- +transform-origin(center center)
363
- +rotate(0)
364
- opacity: 1
365
-
366
- +keyframes(rotateInDownLeft)
367
- 0%
368
- +transform-origin(left bottom)
369
- +rotate(-90deg)
370
- opacity: 0
371
- 100%
372
- +transform-origin(left bottom)
373
- +rotate(0)
374
- opacity: 1
375
-
376
- +keyframes(rotateInUpLeft)
377
- 0%
378
- +transform-origin(left bottom)
379
- +rotate(90deg)
380
- opacity: 0
381
- 100%
382
- +transform-origin(left bottom)
383
- +rotate(0)
384
- opacity: 1
385
-
386
- +keyframes(rotateInUpRight)
387
- 0%
388
- +transform-origin(right bottom)
389
- +rotate(-90deg)
390
- opacity: 0
391
- 100%
392
- +transform-origin(right bottom)
393
- +rotate(0)
394
- opacity: 1
395
-
396
- +keyframes(rotateInDownRight)
397
- 0%
398
- +transform-origin(right bottom)
399
- +rotate(90deg)
400
- opacity: 0
401
- 100%
402
- +transform-origin(right bottom)
403
- +rotate(0)
404
- opacity: 1
405
-
406
- +keyframes(rotateOut)
407
- 0%
408
- +transform-origin(center center)
409
- +rotate(0)
410
- opacity: 1
411
- 100%
412
- +transform-origin(center center)
413
- +rotate(200deg)
414
- opacity: 0
415
-
416
- +keyframes(rotateOutDownLeft)
417
- 0%
418
- +transform-origin(left bottom)
419
- +rotate(0)
420
- opacity: 1
421
- 100%
422
- +transform-origin(left bottom)
423
- +rotate(90deg)
424
- opacity: 0
425
-
426
- +keyframes(rotateOutUpLeft)
427
- 0%
428
- +transform-origin(left bottom)
429
- +rotate(0)
430
- opacity: 1
431
- 100%
432
- +transform-origin(left bottom)
433
- +rotate(-90deg)
434
- opacity: 0
435
-
436
- +keyframes(rotateOutDownRight)
437
- 0%
438
- +transform-origin(right bottom)
439
- +rotate(0)
440
- opacity: 1
441
- 100%
442
- +transform-origin(right bottom)
443
- +rotate(-90deg)
444
- opacity: 0
445
-
446
- +keyframes(rotateOutUpRight)
447
- 0%
448
- +transform-origin(right bottom)
449
- +rotate(0)
450
- opacity: 1
451
- 100%
452
- +transform-origin(right bottom)
453
- +rotate(90deg)
454
- opacity: 0