generator-sh-base-styles
Version:
Yoeman generator for Salted Herring base styles
98 lines (85 loc) • 3.09 kB
HTML
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-nz"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Grid Test</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
<![endif]-->
</head>
<body>
<div class="container test">
<header class="row">
<h1>12 column grid test</h1>
</header>
<div class="row">
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
<div class="grid_1"></div>
</div>
<div class="row">
<div class="grid_2"></div>
<div class="grid_2"></div>
<div class="grid_2"></div>
<div class="grid_2"></div>
<div class="grid_2"></div>
<div class="grid_2"></div>
</div>
<div class="row">
<div class="grid_3"></div>
<div class="grid_3"></div>
<div class="grid_3"></div>
<div class="grid_3"></div>
</div>
<div class="row">
<div class="grid_4"></div>
<div class="grid_4"></div>
<div class="grid_4"></div>
</div>
<div class="row">
<div class="grid_6"></div>
<div class="grid_6"></div>
</div>
<div class="row">
<div class="grid_12"></div>
</div>
<div class="row">
<div class="grid_5"></div>
<div class="grid_7"></div>
</div>
<div class="row">
<div class="grid_4"></div>
<div class="grid_8"></div>
</div>
<div class="row">
<div class="grid_9"></div>
<div class="grid_3"></div>
</div>
<div class="row">
<div class="grid_10"></div>
<div class="grid_2"></div>
</div>
<div class="row">
<div class="grid_11"></div>
<div class="grid_1"></div>
</div>
</div>
</body>
</html>