respondsass 0.0.6 → 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- data/stylesheets/respondsass/_buttons.scss +2 -1
- data/templates/project/_base.scss +5 -2
- data/templates/project/index.html +44 -0
- data/templates/project/manifest.rb +8 -1
- data/templates/project/screen.scss +6 -0
- data/templates/project/scripts/boxsizing.htc +501 -0
- data/templates/project/scripts/html5shiv.js +8 -0
- data/templates/project/scripts/modernizr.custom.js +4 -0
- data/templates/project/scripts/respond.min.js +6 -0
- metadata +12 -14
|
@@ -14,7 +14,8 @@ $default-font-color: #333 !default;
|
|
|
14
14
|
background: $bg-color;
|
|
15
15
|
}
|
|
16
16
|
display: inline-block;
|
|
17
|
-
*display:
|
|
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);
|
|
@@ -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 "
|
|
9
|
-
|
|
10
|
+
@import "respondsass";
|
|
11
|
+
|
|
12
|
+
// ---------------------------------------------------------------------------
|
|
@@ -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>
|
|
@@ -2,7 +2,14 @@
|
|
|
2
2
|
stylesheet 'screen.scss', :media => 'screen, projection'
|
|
3
3
|
stylesheet '_base.scss'
|
|
4
4
|
|
|
5
|
-
|
|
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:
|
|
@@ -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>
|
|
@@ -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);
|
|
@@ -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))};
|
|
@@ -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='­<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
|
-
|
|
5
|
-
prerelease:
|
|
4
|
+
prerelease: false
|
|
6
5
|
segments:
|
|
7
6
|
- 0
|
|
8
7
|
- 0
|
|
9
|
-
-
|
|
10
|
-
version: 0.0.
|
|
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:
|
|
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.
|
|
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
|