roots-rails 0.0.1.alpha → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
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,54 +0,0 @@
1
- // -------------------------------------------------------
2
- // Global settings - adjust these to your heart's desire
3
- // -------------------------------------------------------
4
-
5
- // font options (add your own!)
6
- $helvetica: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif
7
-
8
- // default font stack
9
- $font-stack: $helvetica
10
- $font-size: 15
11
- $font-color: #555
12
-
13
- // colors
14
- $red: #B44326
15
- $orange: #F2A34F
16
- $yellow: #F8CA5C
17
- $green: #7FC028
18
- $light-blue: #52D7FE
19
- $blue: #00a6fc
20
- $purple: #8E48C2
21
- $white: #fff
22
- $black: #272727
23
-
24
- // default color
25
- $default: $orange
26
-
27
- // text hilight color
28
- $hilight-color: $blue
29
-
30
- // -------------------------------------------------------
31
- // Importing all the files we need
32
- // -------------------------------------------------------
33
-
34
- @import 'modules/reset'
35
- @import 'modules/interaction'
36
- @import 'modules/utilities'
37
- @import 'modules/typography'
38
- @import 'modules/code'
39
- @import 'modules/ui'
40
- @import 'modules/buttons'
41
- @import 'modules/forms'
42
- @import 'modules/tables'
43
-
44
- // -------------------------------------------------------
45
- // Framework Mixin (loads all default styles)
46
- // -------------------------------------------------------
47
-
48
- =framework
49
- +base
50
- +typography
51
- +forms
52
- +buttons
53
- +code-blocks
54
- +tables
@@ -1,5 +0,0 @@
1
- /*!
2
- * selectivizr v1.0.2 - (c) Keith Clark, freely distributable under the terms of the MIT license.
3
- * selectivizr.com
4
- */
5
- (function(j){function A(a){return a.replace(B,h).replace(C,function(a,d,b){for(var a=b.split(","),b=0,e=a.length;b<e;b++){var s=D(a[b].replace(E,h).replace(F,h))+o,l=[];a[b]=s.replace(G,function(a,b,c,d,e){if(b){if(l.length>0){var a=l,f,e=s.substring(0,e).replace(H,i);if(e==i||e.charAt(e.length-1)==o)e+="*";try{f=t(e)}catch(k){}if(f){e=0;for(c=f.length;e<c;e++){for(var d=f[e],h=d.className,j=0,m=a.length;j<m;j++){var g=a[j];if(!RegExp("(^|\\s)"+g.className+"(\\s|$)").test(d.className)&&g.b&&(g.b===!0||g.b(d)===!0))h=u(h,g.className,!0)}d.className=h}}l=[]}return b}else{if(b=c?I(c):!v||v.test(d)?{className:w(d),b:!0}:null)return l.push(b),"."+b.className;return a}})}return d+a.join(",")})}function I(a){var c=!0,d=w(a.slice(1)),b=a.substring(0,5)==":not(",e,f;b&&(a=a.slice(5,-1));var l=a.indexOf("(");l>-1&&(a=a.substring(0,l));if(a.charAt(0)==":")switch(a.slice(1)){case "root":c=function(a){return b?a!=p:a==p};break;case "target":if(m==8){c=function(a){function c(){var d=location.hash,e=d.slice(1);return b?d==i||a.id!=e:d!=i&&a.id==e}k(j,"hashchange",function(){g(a,d,c())});return c()};break}return!1;case "checked":c=function(a){J.test(a.type)&&k(a,"propertychange",function(){event.propertyName=="checked"&&g(a,d,a.checked!==b)});return a.checked!==b};break;case "disabled":b=!b;case "enabled":c=function(c){if(K.test(c.tagName))return k(c,"propertychange",function(){event.propertyName=="$disabled"&&g(c,d,c.a===b)}),q.push(c),c.a=c.disabled,c.disabled===b;return a==":enabled"?b:!b};break;case "focus":e="focus",f="blur";case "hover":e||(e="mouseenter",f="mouseleave");c=function(a){k(a,b?f:e,function(){g(a,d,!0)});k(a,b?e:f,function(){g(a,d,!1)});return b};break;default:if(!L.test(a))return!1}return{className:d,b:c}}function w(a){return M+"-"+(m==6&&N?O++:a.replace(P,function(a){return a.charCodeAt(0)}))}function D(a){return a.replace(x,h).replace(Q,o)}function g(a,c,d){var b=a.className,c=u(b,c,d);if(c!=b)a.className=c,a.parentNode.className+=i}function u(a,c,d){var b=RegExp("(^|\\s)"+c+"(\\s|$)"),e=b.test(a);return d?e?a:a+o+c:e?a.replace(b,h).replace(x,h):a}function k(a,c,d){a.attachEvent("on"+c,d)}function r(a,c){if(/^https?:\/\//i.test(a))return c.substring(0,c.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return c.substring(0,c.indexOf("/",8))+a;var d=c.split(/[?#]/)[0];a.charAt(0)!="?"&&d.charAt(d.length-1)!="/"&&(d=d.substring(0,d.lastIndexOf("/")+1));return d+a}function y(a){if(a)return n.open("GET",a,!1),n.send(),(n.status==200?n.responseText:i).replace(R,i).replace(S,function(c,d,b,e,f){return y(r(b||f,a))}).replace(T,function(c,d,b){d=d||i;return" url("+d+r(b,a)+d+") "});return i}function U(){var a,c;a=f.getElementsByTagName("BASE");for(var d=a.length>0?a[0].href:f.location.href,b=0;b<f.styleSheets.length;b++)if(c=f.styleSheets[b],c.href!=i&&(a=r(c.href,d)))c.cssText=A(y(a));q.length>0&&setInterval(function(){for(var a=0,c=q.length;a<c;a++){var b=q[a];if(b.disabled!==b.a)b.disabled?(b.disabled=!1,b.a=!0,b.disabled=!0):b.a=b.disabled}},250)}if(!/*@cc_on!@*/true){var f=document,p=f.documentElement,n=function(){if(j.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),m=/MSIE (\d+)/.exec(navigator.userAgent)[1];if(!(f.compatMode!="CSS1Compat"||m<6||m>8||!n)){var z={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"},t,q=[],O=0,N=!0,M="slvzr",R=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,S=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g,T=/\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g,L=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,B=/:(:first-(?:line|letter))/g,C=/(^|})\s*([^\{]*?[\[:][^{]+)/g,G=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,H=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,P=/[^\w-]/g,K=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,J=/^(checkbox|radio)$/,v=m>6?/[\$\^*]=(['"])\1/:null,E=/([(\[+~])\s+/g,F=/\s+([)\]+~])/g,Q=/\s+/g,x=/^\s*((?:[\S\s]*\S)?)\s*$/,i="",o=" ",h="$1";(function(a,c){function d(){try{p.doScroll("left")}catch(a){setTimeout(d,50);return}b("poll")}function b(d){if(!(d.type=="readystatechange"&&f.readyState!="complete")&&((d.type=="load"?a:f).detachEvent("on"+d.type,b,!1),!e&&(e=!0)))c.call(a,d.type||d)}var e=!1,g=!0;if(f.readyState=="complete")c.call(a,i);else{if(f.createEventObject&&p.doScroll){try{g=!a.frameElement}catch(h){}g&&d()}k(f,"readystatechange",b);k(a,"load",b)}})(j,function(){for(var a in z){var c,d,b=j;if(j[a]){for(c=z[a].replace("*",a).split(".");(d=c.shift())&&(b=b[d]););if(typeof b=="function"){t=b;U();break}}}})}}})(this);
@@ -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