respondsass 0.0.6 → 0.0.7

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 (10) hide show
  1. data/stylesheets/respondsass/_buttons.scss +2 -1
  2. data/templates/project/_base.scss +5 -2
  3. data/templates/project/index.html +44 -0
  4. data/templates/project/manifest.rb +8 -1
  5. data/templates/project/screen.scss +6 -0
  6. data/templates/project/scripts/boxsizing.htc +501 -0
  7. data/templates/project/scripts/html5shiv.js +8 -0
  8. data/templates/project/scripts/modernizr.custom.js +4 -0
  9. data/templates/project/scripts/respond.min.js +6 -0
  10. metadata +12 -14
data/stylesheets/respondsass/_buttons.scss CHANGED
@@ -14,7 +14,8 @@ $default-font-color: #333 !default;
14
14
  background: $bg-color;
15
15
  }
16
16
  display: inline-block;
17
- *display:block;
17
+ *display:inline;
18
+ *zoom:1;
18
19
  @include rem-sizing(padding-top, .55);
19
20
  @include rem-sizing(padding-bottom, .55);
20
21
  @include rem-sizing(padding-right, 1);
data/templates/project/_base.scss CHANGED
@@ -4,6 +4,9 @@ $primaryFontColor: #222222;
4
4
  $secondaryFontColor: #ffffff;
5
5
  $fontFamily: HelveticaNeue, Calibri, sans-serif;
6
6
 
7
+ // ---------------------------------------------------------------------------
8
+ // Imports
7
9
 
8
- @import "compass/reset";
9
- @import "respondsass";
10
+ @import "respondsass";
11
+
12
+ // ---------------------------------------------------------------------------
data/templates/project/index.html ADDED
@@ -0,0 +1,44 @@
1
+ <!doctype html>
2
+ <!--[if lt IE 7 ]><html lang="en" class="no-js ie6"><![endif]-->
3
+ <!--[if IE 7 ]><html lang="en" class="no-js ie7><![endif]-->
4
+ <!--[if IE 8 ]><html lang="en" class="no-js ie8"><![endif]-->
5
+ <!--[if IE 9 ]><html lang="en" class="no-js ie9"><![endif]-->
6
+ <!--[if (gt IE 9)|!(IE)]><!-->
7
+ <html lang="en" class="no-js"><!--<![endif]-->
8
+ <head>
9
+ <meta charset="utf-8">
10
+ <title>Title here</title>
11
+ <meta name="viewport" content="width=device-width, initial-scale=1">
12
+ <meta name="description" content="Page description here">
13
+ <meta name="keywords" content="keywords, here">
14
+ <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
15
+ <link rel="stylesheet" href="stylesheets/screen.css">
16
+ <script type="text/javascript" async src="scripts/modernizr.custom.js"></script>
17
+ <script type="text/javascript" async src="scripts/respond.min.js"></script>
18
+ </head>
19
+
20
+ <body>
21
+ <div class="container">
22
+ <section class="row">
23
+
24
+ </section>
25
+ <!-- End .row -->
26
+ </div>
27
+ <!-- End .container.row -->
28
+
29
+ <script type="text/javascript">
30
+ // Your Google analytics here
31
+ var _gaq = _gaq || [];
32
+ _gaq.push(['_setAccount', 'UA-xxxxxx-x']);
33
+ _gaq.push(['_trackPageview']);
34
+
35
+ (function() {
36
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
37
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
38
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
39
+ })();
40
+
41
+ </script>
42
+ </body>
43
+
44
+ </html>
data/templates/project/manifest.rb CHANGED
@@ -2,7 +2,14 @@
2
2
  stylesheet 'screen.scss', :media => 'screen, projection'
3
3
  stylesheet '_base.scss'
4
4
 
5
- description "Respondsass: a fully configurable grid system native to compass."
5
+ file 'scripts/boxsizing.htc', :like => :javascript, :to => 'boxsizing.htc'
6
+ file 'scripts/html5shiv.js', :like => :javascript, :to => 'html5shiv.js'
7
+ file 'scripts/modernizr.custom.js', :like => :javascript, :to => 'modernizr.custom.js'
8
+ file 'scripts/respond.min.js', :like => :javascript, :to => 'respond.min.js'
9
+
10
+ html 'index.html'
11
+
12
+ description "Respondsass: a fully configurable grid system native to Compass."
6
13
 
7
14
  help %Q{
8
15
  Please see the Respondsass website for all documentation and tutorials:
data/templates/project/screen.scss CHANGED
@@ -1 +1,7 @@
1
+ @import "compass/css3";
2
+ @import "compass/reset";
3
+ *{
4
+ @include box-sizing(border-box);
5
+ *behavior: url(scripts/boxsizing.htc);
6
+ }
1
7
  @import "base";
data/templates/project/scripts/boxsizing.htc ADDED
@@ -0,0 +1,501 @@
1
+ /**
2
+ * box-sizing Polyfill
3
+ *
4
+ * A polyfill for box-sizing: border-box for IE6 & IE7.
5
+ *
6
+ * JScript
7
+ *
8
+ * This program is free software: you can redistribute it and/or modify
9
+ * it under the terms of the GNU Lesser General Public License as published
10
+ * by the Free Software Foundation, either version 3 of the License, or
11
+ * (at your option) any later version.
12
+ *
13
+ * This program is distributed in the hope that it will be useful,
14
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
15
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16
+ * GNU Lesser General Public License for more details.
17
+ *
18
+ * See <http://www.gnu.org/licenses/lgpl-3.0.txt>
19
+ *
20
+ * @category JScript
21
+ * @package box-sizing-polyfill
22
+ * @author Christian Schepp Schaefer <schaepp@gmx.de> <http://twitter.com/derSchepp>
23
+ * @copyright 2012 Christian Schepp Schaefer
24
+ * @license http://www.gnu.org/copyleft/lesser.html The GNU LESSER GENERAL PUBLIC LICENSE, Version 3.0
25
+ * @link http://github.com/Schepp/box-sizing-polyfill
26
+ *
27
+ * PREFACE:
28
+ *
29
+ * This box-sizing polyfill is based on previous work done by Erik Arvidsson,
30
+ * which he published in 2002 on http://webfx.eae.net/dhtml/boxsizing/boxsizing.html.
31
+ *
32
+ * USAGE:
33
+ *
34
+ * Add the behavior/HTC after every `box-sizing: border-box;` that you assign:
35
+ *
36
+ * box-sizing: border-box;
37
+ * *behavior: url(/scripts/boxsizing.htc);`
38
+ *
39
+ * Prefix the `behavior` property with a star, like seen above, so it will only be seen by
40
+ * IE6 & IE7, not by IE8+ who already implement box-sizing.
41
+ *
42
+ * The URL to the HTC file must be relative to your HTML(!) document, not relative to your CSS.
43
+ * That's why I'd advise you to use absolute paths like in the example.
44
+ *
45
+ */
46
+ <component lightWeight="true">
47
+ <attach event="onpropertychange" onevent="checkPropertyChange()" />
48
+ <attach event="ondetach" onevent="restore()" />
49
+ <attach event="onresize" for="window" onevent="update()" />
50
+ <script type="text/javascript">
51
+ //<![CDATA[
52
+
53
+ var viewportwidth = (typeof window.innerWidth != 'undefined' ? window.innerWidth : element.document.documentElement.clientWidth);
54
+
55
+ // Shortcut for the document object
56
+ var doc = element.document;
57
+
58
+ // Buffer for multiple resize events
59
+ var resizetimeout = null;
60
+
61
+ // Don't apply box-sizing to certain elements
62
+ var apply = false;
63
+ switch(element.nodeName){
64
+ case '#comment':
65
+ case 'HTML':
66
+ case 'HEAD':
67
+ case 'TITLE':
68
+ case 'SCRIPT':
69
+ case 'STYLE':
70
+ case 'LINK':
71
+ case 'META':
72
+ break;
73
+
74
+ default:
75
+ apply = true;
76
+ break;
77
+ }
78
+
79
+ /*
80
+ * update gets called during resize events, then waits until there are no further resize events, and finally triggers a recalculation
81
+ */
82
+ function update(){
83
+ if(resizetimeout !== null){
84
+ window.clearTimeout(resizetimeout);
85
+ }
86
+ resizetimeout = window.setTimeout(function(){
87
+ restore();
88
+ init();
89
+ resizetimeout = null;
90
+ },100);
91
+ }
92
+
93
+ /*
94
+ * restore gets called when the behavior is being detached (see event binding at the top),
95
+ * resets everything like it was before applying the behavior
96
+ */
97
+ function restore(){
98
+ if(apply){
99
+ try{
100
+ element.runtimeStyle.removeAttribute("width");
101
+ element.runtimeStyle.removeAttribute("height");
102
+ }
103
+ catch(e){}
104
+ }
105
+ }
106
+
107
+ /*
108
+ * init gets called once at the start and then never again,
109
+ * triggers box-sizing calculations and updates width and height
110
+ */
111
+ function init(){
112
+ if(apply){
113
+ updateBorderBoxWidth();
114
+ updateBorderBoxHeight();
115
+ }
116
+ }
117
+
118
+ /*
119
+ * checkPropertyChange gets called as soon as an element property changes
120
+ * (see event binding at the top), it then checks if any property influencing its
121
+ * dimensions was changed and if yes recalculates width and height
122
+ */
123
+ function checkPropertyChange(){
124
+ if(apply){
125
+ var pn = event.propertyName;
126
+ if(pn === "style.boxSizing" && element.style.boxSizing === ""){
127
+ element.style.removeAttribute("boxSizing");
128
+ element.runtimeStyle.removeAttribute("boxSizing");
129
+ element.runtimeStyle.removeAttribute("width");
130
+ element.runtimeStyle.removeAttribute("height");
131
+ }
132
+ switch (pn){
133
+ case "style.width":
134
+ case "style.minWidth":
135
+ case "style.maxWidth":
136
+ case "style.borderLeftWidth":
137
+ case "style.borderLeftStyle":
138
+ case "style.borderRightWidth":
139
+ case "style.borderRightStyle":
140
+ case "style.paddingLeft":
141
+ case "style.paddingRight":
142
+ updateBorderBoxWidth();
143
+ break;
144
+
145
+ case "style.height":
146
+ case "style.minHeight":
147
+ case "style.maxHeight":
148
+ case "style.borderTopWidth":
149
+ case "style.borderTopStyle":
150
+ case "style.borderBottomWidth":
151
+ case "style.borderBottomStyle":
152
+ case "style.paddingTop":
153
+ case "style.paddingBottom":
154
+ updateBorderBoxHeight();
155
+ break;
156
+
157
+ case "className":
158
+ case "style.boxSizing":
159
+ updateBorderBoxWidth();
160
+ updateBorderBoxHeight();
161
+ break;
162
+ }
163
+ }
164
+ }
165
+
166
+ /*
167
+ * Helper function, taken from Dean Edward's IE7 framework,
168
+ * added by Schepp on 12.06.2010.
169
+ * http://code.google.com/p/ie7-js/
170
+ *
171
+ * Allows us to convert from relative to pixel-values.
172
+ */
173
+ function getPixelValue(value){
174
+ var PIXEL = /^\d+(px)?$/i;
175
+ if (PIXEL.test(value)) return parseInt(value);
176
+ var style = element.style.left;
177
+ var runtimeStyle = element.runtimeStyle.left;
178
+ element.runtimeStyle.left = element.currentStyle.left;
179
+ element.style.left = value || 0;
180
+ value = parseInt(element.style.pixelLeft);
181
+ element.style.left = style;
182
+ element.runtimeStyle.left = runtimeStyle;
183
+
184
+ return value;
185
+ }
186
+
187
+ function getPixelWidth(object, value){
188
+ // For Pixel Values
189
+ var PIXEL = /^\d+(px)?$/i;
190
+ if (PIXEL.test(value)) return parseInt(value);
191
+
192
+ // For Percentage Values
193
+ var PERCENT = /^[\d\.]+%$/i;
194
+ if (PERCENT.test(value)){
195
+ try{
196
+ var parentPaddingLeft = getPixelWidth(object.parentElement,object.parentElement.currentStyle.paddingLeft);
197
+ var parentPaddingRight = getPixelWidth(object.parentElement,object.parentElement.currentStyle.paddingRight);
198
+ var parentBorderLeft = getPixelWidth(object.parentElement,object.parentElement.currentStyle.borderLeft);
199
+ var parentBorderRight = getPixelWidth(object.parentElement,object.parentElement.currentStyle.borderRight);
200
+
201
+ //var parentWidth = getPixelWidth(object.parentElement,(object.parentElement.currentStyle.width != "auto" ? object.parentElement.currentStyle.width : "100%"));
202
+ var parentWidth = object.parentElement.offsetWidth - parentPaddingLeft - parentPaddingRight - parentBorderLeft - parentBorderRight;
203
+ var value = (parseFloat(value) / 100) * parentWidth;
204
+ }
205
+ catch(e){
206
+ var value = (parseFloat(value) / 100) * element.document.documentElement.clientWidth;
207
+ }
208
+ return parseInt(value);
209
+ }
210
+
211
+ // For EM Values
212
+ var style = object.style.left;
213
+ var runtimeStyle = object.runtimeStyle.left;
214
+ object.runtimeStyle.left = object.currentStyle.left;
215
+ object.style.left = value || 0;
216
+ value = parseInt(object.style.pixelLeft);
217
+ object.style.left = style;
218
+ object.runtimeStyle.left = runtimeStyle;
219
+
220
+ return value;
221
+ }
222
+
223
+ function getPixelHeight(object, value){
224
+ // For Pixel Values
225
+ var PIXEL = /^\d+(px)?$/i;
226
+ if (PIXEL.test(value)) return parseInt(value);
227
+
228
+ // For Percentage Values
229
+ var PERCENT = /^[\d\.]+%$/i;
230
+ if (PERCENT.test(value)){
231
+ try{
232
+ if(object.parentElement.currentStyle.height != "auto"){
233
+ switch(object.parentElement.nodeName){
234
+ default:
235
+ if(object.parentElement.currentStyle.height !== "auto"){
236
+ var parentPaddingTop = getPixelWidth(object.parentElement,object.parentElement.currentStyle.paddingTop);
237
+ var parentPaddingBottom = getPixelWidth(object.parentElement,object.parentElement.currentStyle.paddingBottom);
238
+ var parentBorderTop = getPixelWidth(object.parentElement,object.parentElement.currentStyle.borderTop);
239
+ var parentBorderBottom = getPixelWidth(object.parentElement,object.parentElement.currentStyle.borderBottom);
240
+
241
+ var parentHeight = object.parentElement.offsetHeight - parentPaddingTop - parentPaddingBottom - parentBorderTop - parentBorderBottom;
242
+ //var parentHeight = getPixelHeight(object.parentElement,object.parentElement.currentStyle.height);
243
+
244
+ value = (parseFloat(value) / 100) * parentHeight;
245
+ }
246
+ else {
247
+ value = "auto";
248
+ }
249
+ break;
250
+
251
+ case 'HTML':
252
+ parentHeight = element.document.documentElement.clientHeight;
253
+ if(parentHeight !== "auto"){
254
+ value = (parseFloat(value) / 100) * parentHeight;
255
+ }
256
+ else {
257
+ value = "auto";
258
+ }
259
+ break;
260
+ }
261
+ if(value !== "auto") value = parseInt(value);
262
+ }
263
+ else {
264
+ value = "auto";
265
+ }
266
+ }
267
+ catch(e){
268
+ value = "auto";
269
+ }
270
+ return value;
271
+ }
272
+
273
+ // For EM Values
274
+ var style = object.style.left;
275
+ var runtimeStyle = object.runtimeStyle.left;
276
+ object.runtimeStyle.left = object.currentStyle.left;
277
+ object.style.left = value || 0;
278
+ value = parseInt(object.style.pixelLeft);
279
+ object.style.left = style;
280
+ object.runtimeStyle.left = runtimeStyle;
281
+
282
+ return value;
283
+ }
284
+
285
+
286
+ /*
287
+ * getBorderWidth & friends
288
+ * Border width getters
289
+ */
290
+ function getBorderWidth(sSide){
291
+ if(element.currentStyle["border" + sSide + "Style"] == "none"){
292
+ return 0;
293
+ }
294
+ var n = getPixelValue(element.currentStyle["border" + sSide + "Width"]);
295
+ return n || 0;
296
+ }
297
+ function getBorderLeftWidth() { return getBorderWidth("Left"); }
298
+ function getBorderRightWidth() { return getBorderWidth("Right"); }
299
+ function getBorderTopWidth() { return getBorderWidth("Top"); }
300
+ function getBorderBottomWidth() { return getBorderWidth("Bottom"); }
301
+
302
+
303
+ /*
304
+ * getPadding & friends
305
+ * Padding width getters
306
+ */
307
+ function getPadding(sSide) {
308
+ var n = getPixelValue(element.currentStyle["padding" + sSide]);
309
+ return n || 0;
310
+ }
311
+ function getPaddingLeft() { return getPadding("Left"); }
312
+ function getPaddingRight() { return getPadding("Right"); }
313
+ function getPaddingTop() { return getPadding("Top"); }
314
+ function getPaddingBottom() { return getPadding("Bottom"); }
315
+
316
+
317
+
318
+ /*
319
+ * getBoxSizing
320
+ * Get the box-sizing value for the current element
321
+ */
322
+ function getBoxSizing(){
323
+ var s = element.style;
324
+ var cs = element.currentStyle
325
+ if(typeof s.boxSizing != "undefined" && s.boxSizing != ""){
326
+ return s.boxSizing;
327
+ }
328
+ if(typeof s["box-sizing"] != "undefined" && s["box-sizing"] != ""){
329
+ return s["box-sizing"];
330
+ }
331
+ if(typeof cs.boxSizing != "undefined" && cs.boxSizing != ""){
332
+ return cs.boxSizing;
333
+ }
334
+ if(typeof cs["box-sizing"] != "undefined" && cs["box-sizing"] != ""){
335
+ return cs["box-sizing"];
336
+ }
337
+ return getDocumentBoxSizing();
338
+ }
339
+
340
+
341
+ /*
342
+ * getDocumentBoxSizing
343
+ * Get the default document box sizing (check for quirks mode)
344
+ */
345
+ function getDocumentBoxSizing(){
346
+ if(doc.compatMode === null || doc.compatMode === "BackCompat"){
347
+ return "border-box";
348
+ }
349
+ return "content-box"
350
+ }
351
+
352
+
353
+ /*
354
+ * setBorderBoxWidth & friends
355
+ * Width and height setters
356
+ */
357
+ function setBorderBoxWidth(n){
358
+ element.runtimeStyle.width = Math.max(0, n - getBorderLeftWidth() -
359
+ getPaddingLeft() - getPaddingRight() - getBorderRightWidth()) + "px";
360
+ }
361
+ function setBorderBoxMinWidth(n){
362
+ element.runtimeStyle.minWidth = Math.max(0, n - getBorderLeftWidth() -
363
+ getPaddingLeft() - getPaddingRight() - getBorderRightWidth()) + "px";
364
+ }
365
+ function setBorderBoxMaxWidth(n){
366
+ element.runtimeStyle.maxWidth = Math.max(0, n - getBorderLeftWidth() -
367
+ getPaddingLeft() - getPaddingRight() - getBorderRightWidth()) + "px";
368
+ }
369
+ function setBorderBoxHeight(n){
370
+ element.runtimeStyle.height = Math.max(0, n - getBorderTopWidth() -
371
+ getPaddingTop() - getPaddingBottom() - getBorderBottomWidth()) + "px";
372
+ }
373
+ function setBorderBoxMinHeight(n){
374
+ element.runtimeStyle.minHeight = Math.max(0, n - getBorderTopWidth() -
375
+ getPaddingTop() - getPaddingBottom() - getBorderBottomWidth()) + "px";
376
+ }
377
+ function setBorderBoxMaxHeight(n){
378
+ element.runtimeStyle.maxHeight = Math.max(0, n - getBorderTopWidth() -
379
+ getPaddingTop() - getPaddingBottom() - getBorderBottomWidth()) + "px";
380
+ }
381
+ function setContentBoxWidth(n){
382
+ element.runtimeStyle.width = Math.max(0, n + getBorderLeftWidth() +
383
+ getPaddingLeft() + getPaddingRight() + getBorderRightWidth()) + "px";
384
+ }
385
+ function setContentBoxMinWidth(n){
386
+ element.runtimeStyle.minWidth = Math.max(0, n + getBorderLeftWidth() +
387
+ getPaddingLeft() + getPaddingRight() + getBorderRightWidth()) + "px";
388
+ }
389
+ function setContentBoxMaxWidth(n){
390
+ element.runtimeStyle.maxWidth = Math.max(0, n + getBorderLeftWidth() +
391
+ getPaddingLeft() + getPaddingRight() + getBorderRightWidth()) + "px";
392
+ }
393
+ function setContentBoxHeight(n){
394
+ element.runtimeStyle.height = Math.max(0, n + getBorderTopWidth() +
395
+ getPaddingTop() + getPaddingBottom() + getBorderBottomWidth()) + "px";
396
+ }
397
+ function setContentBoxMinHeight(n){
398
+ element.runtimeStyle.minHeight = Math.max(0, n + getBorderTopWidth() +
399
+ getPaddingTop() + getPaddingBottom() + getBorderBottomWidth()) + "px";
400
+ }
401
+ function setContentBoxMaxHeight(n){
402
+ element.runtimeStyle.maxHeight = Math.max(0, n + getBorderTopWidth() +
403
+ getPaddingTop() + getPaddingBottom() + getBorderBottomWidth()) + "px";
404
+ }
405
+
406
+
407
+ /*
408
+ * updateBorderBoxWidth & updateBorderBoxHeight
409
+ *
410
+ */
411
+ function updateBorderBoxWidth() {
412
+ if(getDocumentBoxSizing() == getBoxSizing()){
413
+ return;
414
+ }
415
+
416
+ var csw = element.currentStyle.width;
417
+ if(csw != "auto"){
418
+ csw = getPixelWidth(element,csw);
419
+ if(getBoxSizing() == "border-box"){
420
+ setBorderBoxWidth(parseInt(csw));
421
+ }
422
+ else{
423
+ setContentBoxWidth(parseInt(csw));
424
+ }
425
+ }
426
+
427
+ csw = element.currentStyle.minWidth;
428
+ if(csw != "none"){
429
+ csw = getPixelWidth(element,csw);
430
+ if(getBoxSizing() == "border-box"){
431
+ setBorderBoxMinWidth(parseInt(csw));
432
+ }
433
+ else{
434
+ setContentBoxMinWidth(parseInt(csw));
435
+ }
436
+ }
437
+
438
+ csw = element.currentStyle.maxWidth;
439
+ if(csw != "none"){
440
+ csw = getPixelWidth(element,csw);
441
+ if(getBoxSizing() == "border-box"){
442
+ setBorderBoxMaxWidth(parseInt(csw));
443
+ }
444
+ else{
445
+ setContentBoxMaxWidth(parseInt(csw));
446
+ }
447
+ }
448
+ }
449
+
450
+ function updateBorderBoxHeight() {
451
+ if(getDocumentBoxSizing() == getBoxSizing()){
452
+ return;
453
+ }
454
+
455
+ var csh = element.currentStyle.height;
456
+ if(csh != "auto"){
457
+ csh = getPixelHeight(element,csh);
458
+ if(csh !== "auto"){
459
+ if(getBoxSizing() == "border-box"){
460
+ setBorderBoxHeight(parseInt(csh));
461
+ }
462
+ else{
463
+ setContentBoxHeight(parseInt(csh));
464
+ }
465
+ }
466
+ }
467
+
468
+ csh = element.currentStyle.minHeight;
469
+ if(csh != "none"){
470
+ csh = getPixelHeight(element,csh);
471
+ if(csh !== "none"){
472
+ if(getBoxSizing() == "border-box"){
473
+ setBorderBoxMinHeight(parseInt(csh));
474
+ }
475
+ else{
476
+ setContentBoxMinHeight(parseInt(csh));
477
+ }
478
+ }
479
+ }
480
+
481
+ csh = element.currentStyle.maxHeight;
482
+ if(csh != "none"){
483
+ csh = getPixelHeight(element,csh);
484
+ if(csh !== "none"){
485
+ if(getBoxSizing() == "border-box"){
486
+ setBorderBoxMaxHeight(parseInt(csh));
487
+ }
488
+ else{
489
+ setContentBoxMaxHeight(parseInt(csh));
490
+ }
491
+ }
492
+ }
493
+ }
494
+
495
+
496
+ // Run the calculations
497
+ init();
498
+
499
+ //]]>
500
+ </script>
501
+ </component>
data/templates/project/scripts/html5shiv.js ADDED
@@ -0,0 +1,8 @@
1
+ /*
2
+ HTML5 Shiv v3.6.2pre | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
3
+ */
4
+ (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
5
+ a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
6
+ c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
7
+ "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",version:"3.6.2pre",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
8
+ for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
data/templates/project/scripts/modernizr.custom.js ADDED
@@ -0,0 +1,4 @@
1
+ /* Modernizr 2.6.2 (Custom Build) | MIT & BSD
2
+ * Build: http://modernizr.com/download/#-inlinesvg-svg-svgclippaths-shiv-cssclasses-load
3
+ */
4
+ ;window.Modernizr=function(a,b,c){function v(a){j.cssText=a}function w(a,b){return v(prefixes.join(a+";")+(b||""))}function x(a,b){return typeof a===b}function y(a,b){return!!~(""+a).indexOf(b)}function z(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:x(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m={svg:"http://www.w3.org/2000/svg"},n={},o={},p={},q=[],r=q.slice,s,t={}.hasOwnProperty,u;!x(t,"undefined")&&!x(t.call,"undefined")?u=function(a,b){return t.call(a,b)}:u=function(a,b){return b in a&&x(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=r.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(r.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(r.call(arguments)))};return e}),n.svg=function(){return!!b.createElementNS&&!!b.createElementNS(m.svg,"svg").createSVGRect},n.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="<svg/>",(a.firstChild&&a.firstChild.namespaceURI)==m.svg},n.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(l.call(b.createElementNS(m.svg,"clipPath")))};for(var A in n)u(n,A)&&(s=A.toLowerCase(),e[s]=n[A](),q.push((e[s]?"":"no-")+s));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)u(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},v(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+q.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
data/templates/project/scripts/respond.min.js ADDED
@@ -0,0 +1,6 @@
1
+ /*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
2
+ /*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
3
+ window.matchMedia=window.matchMedia||function(a){"use strict";var c,d=a.documentElement,e=d.firstElementChild||d.firstChild,f=a.createElement("body"),g=a.createElement("div");return g.id="mq-test-1",g.style.cssText="position:absolute;top:-100em",f.style.background="none",f.appendChild(g),function(a){return g.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',d.insertBefore(f,e),c=42===g.offsetWidth,d.removeChild(f),{matches:c,media:a}}}(document);
4
+
5
+ /*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */
6
+ (function(a){"use strict";function x(){u(!0)}var b={};if(a.respond=b,b.update=function(){},b.mediaQueriesSupported=a.matchMedia&&a.matchMedia("only all").matches,!b.mediaQueriesSupported){var q,r,t,c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=c.getElementsByTagName("base")[0],l=j.getElementsByTagName("link"),m=[],n=function(){for(var b=0;l.length>b;b++){var c=l[b],d=c.href,e=c.media,f=c.rel&&"stylesheet"===c.rel.toLowerCase();d&&f&&!h[d]&&(c.styleSheet&&c.styleSheet.rawCssText?(p(c.styleSheet.rawCssText,d,e),h[d]=!0):(!/^([a-zA-Z:]*\/\/)/.test(d)&&!k||d.replace(RegExp.$1,"").split("/")[0]===a.location.host)&&m.push({href:d,media:e}))}o()},o=function(){if(m.length){var a=m.shift();v(a.href,function(b){p(b,a.href,a.media),h[a.href]=!0,setTimeout(function(){o()},0)})}},p=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),g=d&&d.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c;b.length&&(b+="/"),i&&(g=1);for(var j=0;g>j;j++){var k,l,m,n;i?(k=c,f.push(h(a))):(k=d[j].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),m=k.split(","),n=m.length;for(var o=0;n>o;o++)l=m[o],e.push({media:l.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:f.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},s=function(){var a,b=c.createElement("div"),e=c.body,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",e||(e=f=c.createElement("body"),e.style.background="none"),e.appendChild(b),d.insertBefore(e,d.firstChild),a=b.offsetWidth,f?d.removeChild(e):e.removeChild(b),a=t=parseFloat(a)},u=function(a){var b="clientWidth",h=d[b],k="CSS1Compat"===c.compatMode&&h||c.body[b]||h,m={},n=l[l.length-1],o=(new Date).getTime();if(a&&q&&i>o-q)return clearTimeout(r),r=setTimeout(u,i),void 0;q=o;for(var p in e)if(e.hasOwnProperty(p)){var v=e[p],w=v.minw,x=v.maxw,y=null===w,z=null===x,A="em";w&&(w=parseFloat(w)*(w.indexOf(A)>-1?t||s():1)),x&&(x=parseFloat(x)*(x.indexOf(A)>-1?t||s():1)),v.hasquery&&(y&&z||!(y||k>=w)||!(z||x>=k))||(m[v.media]||(m[v.media]=[]),m[v.media].push(f[v.rules]))}for(var B in g)g.hasOwnProperty(B)&&g[B]&&g[B].parentNode===j&&j.removeChild(g[B]);for(var C in m)if(m.hasOwnProperty(C)){var D=c.createElement("style"),E=m[C].join("\n");D.type="text/css",D.media=C,j.insertBefore(D,n.nextSibling),D.styleSheet?D.styleSheet.cssText=E:D.appendChild(c.createTextNode(E)),g.push(D)}},v=function(a,b){var c=w();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},w=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}();n(),b.update=n,a.addEventListener?a.addEventListener("resize",x,!1):a.attachEvent&&a.attachEvent("onresize",x)}})(this);
metadata CHANGED
@@ -1,13 +1,12 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: respondsass
3
3
  version: !ruby/object:Gem::Version
4
- hash: 19
5
- prerelease:
4
+ prerelease: false
6
5
  segments:
7
6
  - 0
8
7
  - 0
9
- - 6
10
- version: 0.0.6
8
+ - 7
9
+ version: 0.0.7
11
10
  platform: ruby
12
11
  authors:
13
12
  - Matt Walker
@@ -15,17 +14,16 @@ autorequire:
15
14
  bindir: bin
16
15
  cert_chain: []
17
16
 
18
- date: 2012-01-08 00:00:00 Z
17
+ date: 2013-05-14 00:00:00 +01:00
18
+ default_executable:
19
19
  dependencies:
20
20
  - !ruby/object:Gem::Dependency
21
21
  name: compass
22
22
  prerelease: false
23
23
  requirement: &id001 !ruby/object:Gem::Requirement
24
- none: false
25
24
  requirements:
26
25
  - - ">="
27
26
  - !ruby/object:Gem::Version
28
- hash: 43
29
27
  segments:
30
28
  - 0
31
29
  - 12
@@ -37,11 +35,9 @@ dependencies:
37
35
  name: sass
38
36
  prerelease: false
39
37
  requirement: &id002 !ruby/object:Gem::Requirement
40
- none: false
41
38
  requirements:
42
39
  - - ">="
43
40
  - !ruby/object:Gem::Version
44
- hash: 15
45
41
  segments:
46
42
  - 3
47
43
  - 2
@@ -71,6 +67,12 @@ files:
71
67
  - stylesheets/respondsass/_easy-nav.scss
72
68
  - stylesheets/respondsass/_rem-sizing.scss
73
69
  - stylesheets/respondsass/_respond-to.scss
70
+ - templates/project/index.html
71
+ - templates/project/scripts/boxsizing.htc
72
+ - templates/project/scripts/html5shiv.js
73
+ - templates/project/scripts/modernizr.custom.js
74
+ - templates/project/scripts/respond.min.js
75
+ has_rdoc: true
74
76
  homepage: http://www.my-html-codes.com/respondsass
75
77
  licenses: []
76
78
 
@@ -80,20 +82,16 @@ rdoc_options: []
80
82
  require_paths:
81
83
  - lib
82
84
  required_ruby_version: !ruby/object:Gem::Requirement
83
- none: false
84
85
  requirements:
85
86
  - - ">="
86
87
  - !ruby/object:Gem::Version
87
- hash: 3
88
88
  segments:
89
89
  - 0
90
90
  version: "0"
91
91
  required_rubygems_version: !ruby/object:Gem::Requirement
92
- none: false
93
92
  requirements:
94
93
  - - ">="
95
94
  - !ruby/object:Gem::Version
96
- hash: 23
97
95
  segments:
98
96
  - 1
99
97
  - 3
@@ -102,7 +100,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
102
100
  requirements: []
103
101
 
104
102
  rubyforge_project:
105
- rubygems_version: 1.8.25
103
+ rubygems_version: 1.3.6
106
104
  signing_key:
107
105
  specification_version: 3
108
106
  summary: Easy way to create a responsive grid framework with Sass