test/grid.html in zurb-foundation-3.1.1 vs test/grid.html in zurb-foundation-3.2.0.rc1
- old
+ new
@@ -1,9 +1,7 @@
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
-<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
-<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
@@ -13,11 +11,11 @@
<title>Foundation Grid Testing</title>
<!-- Included CSS Files -->
<link rel="stylesheet" href="stylesheets/styles.css">
<style type="text/css">
- .row.display {
+ .row.display {
background: #F4F4F4;
margin-bottom: 10px;
}
.row.display .column, .row.display .columns, .block-grid li {
background: #E7E7E7;
@@ -28,17 +26,13 @@
padding-bottom: 6px;
}
</style>
<script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
- <!-- IE Fix for HTML5 Tags -->
- <!--[if lt IE 9]>
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
</head>
<body>
-
+
<div class="row">
<div class="twelve columns">
<p><a href="index.html">« Back</a></p>
<h2>Foundation Grid Testing</h2>
<hr />
@@ -51,11 +45,11 @@
<dd><a href="#mobile">Mobile Grid</a></dd>
<dd><a href="#block">Block Grids</a></dd>
</dl>
</div>
</div>
-
+
<!-- Test Foundation Components Here -->
<div class="row">
<div class="twelve columns">
<h3>The Grid</h3>
<h4 class="subheader">Create powerful multi-device layouts quickly and easily with the 12-column, nestable Foundation 3 grid. If you're familiar with grid systems, you'll feel right at home.</h4>
@@ -536,11 +530,11 @@
</div>
</div>
</div>
</div>
-
+
<!-- Included JS Files -->
<script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
@@ -553,8 +547,8 @@
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
<script src="../vendor/assets/javascripts/foundation/app.js"></script>
<script type="text/javascript">
// Page-Specific JavaScript Goes Here
- </script>
+ </script>
</body>
</html>