flint-gs
Version:
Flint is a highly advanced Sass grid framework designed for rapid responsive development.
111 lines (110 loc) • 3.52 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta content="IE=edge,chrome=1" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport" />
<link href="output/output.css" rel="stylesheet" type="text/css" />
</head>
<body>
<section>
<article class="container">
<div class="col-16">
<div class="col-16-child">
<div class="col-16-grandchild"></div>
<div class="col-16-grandchild"></div>
</div>
</div>
<div class="col-15">
<div class="col-15-child"></div>
</div>
<div class="col-14">
<div class="col-14-child"></div>
</div>
<div class="col-13">
<div class="col-13-child"></div>
</div>
<div class="col-12">
<div class="col-12-child"></div>
</div>
<div class="col-11">
<div class="col-11-child"></div>
</div>
<div class="col-10">
<div class="col-10-child"></div>
</div>
<div class="col-9">
<div class="col-9-child"></div>
</div>
<div class="col-8">
<div class="col-8-child"></div>
</div>
<div class="col-7">
<div class="col-7-child"></div>
</div>
<div class="col-6">
<div class="col-6-child"></div>
</div>
<div class="col-5">
<div class="col-5-child"></div>
</div>
<div class="col-4">
<div class="col-4-child"></div>
</div>
<div class="col-3">
<div class="col-3-child"></div>
</div>
<div class="col-2">
<div class="col-2-child"></div>
</div>
<div class="col-1">
<div class="col-1-child"></div>
</div>
</article>
</section>
<section>
<article class="container">
<div class="col-third"></div>
<div class="col-third"></div>
<div class="col-third"></div>
</article>
</section>
<section>
<article class="container">
<div class="col-fourth"></div>
<div class="col-fourth"></div>
<div class="col-fourth"></div>
<div class="col-fourth"></div>
</article>
</section>
<section>
<article class="container">
<div class="col-fifth">
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
</div>
<div class="col-fifth">
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
</div>
<div class="col-fifth">
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
</div>
<div class="col-fifth">
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
</div>
<div class="col-fifth">
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
<div class="col-fifth-child"></div>
</div>
</article>
</section>
</body>
</html>