Improved IE6-8 compatibility and updated the respond.js version.

arnaudleray · Aug 13, 2013 · 99ea5ec · 99ea5ec
1 parent 76e9882
commit 99ea5ec
Show file tree

Hide file tree

Showing 15 changed files with 29 additions and 29 deletions.
diff --git a/examples/2columns.html b/examples/2columns.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - 2 columns</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/basic-layout-responsive.html b/examples/basic-layout-responsive.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>PocketGrid - Basic layout responsive</title>
@@ -27,7 +27,7 @@
     </div>
 
     <!-- For IE6-8 Media Queries compatibility -->
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.min.js"></script>
 
   </body>
 

diff --git a/examples/block-group-on-body.html b/examples/block-group-on-body.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Basic layout</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/content-first.html b/examples/content-first.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Content-first / Swap columns</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/fix-for-different-block-heights-nthchild.html b/examples/fix-for-different-block-heights-nthchild.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Fix for different block heights (nth-child version)</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
     <!-- The example stylesheet -->
     <link rel="stylesheet" href="fix-for-different-block-heights-nthchild.css" />
   </head>

diff --git a/examples/fix-for-different-block-heights.html b/examples/fix-for-different-block-heights.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Fix for different block heights</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
     <!-- The example stylesheet -->
     <link rel="stylesheet" href="fix-for-different-block-heights.css" />
   </head>

diff --git a/examples/html5tags.html b/examples/html5tags.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - New HTML5 tags</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/max-width.html b/examples/max-width.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Max-width</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/nested-grids-responsive.html b/examples/nested-grids-responsive.html
@@ -41,7 +41,7 @@
     <!-- </div> -->
 
     <!-- For IE6-8 Media Queries compatibility -->
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
+    <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.min.js"></script>
   </body>
 
 </html>
diff --git a/examples/nested-grids.html b/examples/nested-grids.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Complex layout responsive</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style>

diff --git a/examples/offsets.html b/examples/offsets.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Content-first / Swap columns</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/portrait-landscape-responsive.html b/examples/portrait-landscape-responsive.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Portrait/landscape responsive</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/responsive-gutters.html b/examples/responsive-gutters.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Responsive gutters!</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/simple-stack.html b/examples/simple-stack.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Basic layout</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style type="text/css">

diff --git a/examples/source-ordering-push-pull.html b/examples/source-ordering-push-pull.html
@@ -8,10 +8,10 @@
     <title>PocketGrid - Content-first / Swap columns</title>
 
     <!-- Common styles for examples (you do not need to include it in your pages) -->
-    <link rel="stylesheet" href="common.css" media="screen" />
+    <link rel="stylesheet" href="common.css" />
 
     <!-- The PocketGrid -->
-    <link rel="stylesheet" href="../pocketgrid.css" media="screen" />
+    <link rel="stylesheet" href="../pocketgrid.css" />
 
     <!-- Styles defining the layout -->
     <style>