Permalink
Browse files

add sample file.

usage with less.js.
  • Loading branch information...
1 parent b24160c commit 37f56febe047763d8a3cb15e3241866632c244d8 @keiso committed Feb 13, 2012
Showing with 172 additions and 2 deletions.
  1. +2 −2 examples/grids_with_offset.html
  2. +170 −0 examples/less/grids.html
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
-<title>Grids / k3.grid.system</title>
+<title>Grids(/w Offset) / k3.grid.system</title>
<link href="../css/reset.css" rel="stylesheet" type="text/css">
<link href="../css/grid.css" rel="stylesheet" type="text/css">
<link href="../css/color.css" rel="stylesheet" type="text/css">
@@ -14,7 +14,7 @@
<div class="row">
<div class="span12">
<hgroup>
- <h1>k3.grid.system<small>Grids.</small></h1>
+ <h1>k3.grid.system<small>Grids(/w Offset).</small></h1>
</hgroup>
</div>
</div>
View
@@ -0,0 +1,170 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Grids / k3.grid.system</title>
+
+<link href="../../css/reset.css" rel="stylesheet" type="text/css">
+<link rel="stylesheet/less" type="text/css" href="../../lib/grid.less">
+<script src="http://lesscss.googlecode.com/files/less-1.2.1.min.js" type="text/javascript"></script>
+<link href="../../css/color.css" rel="stylesheet" type="text/css">
+<link href="../style.css" rel="stylesheet" type="text/css">
+</head>
+
+<body>
+<div class="container">
+ <div class="row">
+ <div class="span12">
+ <hgroup>
+ <h1>k3.grid.system<small>Grids.</small></h1>
+</hgroup>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1">
+ <p>class span1</p>
+ </div>
+ <div class="span1 last">
+ <p>class span1 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <p>class span2 </p>
+ </div>
+ <div class="span2">
+ <p>class span2 </p>
+ </div>
+ <div class="span2">
+ <p>class span2 </p>
+ </div>
+ <div class="span2">
+ <p>class span2 </p>
+ </div>
+ <div class="span2">
+ <p>class span2 </p>
+ </div>
+ <div class="span2 last">
+ <p>class span2 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span3">
+ <p>class span3 </p>
+ </div>
+ <div class="span3">
+ <p>class span3 </p>
+ </div>
+ <div class="span3">
+ <p>class span3 </p>
+ </div>
+ <div class="span3 last">
+ <p>class span3 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span4">
+ <p>class span4 </p>
+ </div>
+ <div class="span4">
+ <p>class span4 </p>
+ </div>
+ <div class="span4 last">
+ <p>class span4 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span5">
+ <p>class span5 </p>
+ </div>
+ <div class="span7 last">
+ <p>class span7 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span6">
+ <p>class span6 </p>
+ </div>
+ <div class="span6 last">
+ <p>class span6 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span7">
+ <p>class span7 </p>
+ </div>
+ <div class="span5 last">
+ <p>class span5 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span8">
+ <p>class span8</p>
+ </div>
+ <div class="span4 last">
+ <p>class span4 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span9">
+ <p>class span9</p>
+ </div>
+ <div class="span3 last">
+ <p>class span3 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span10">
+ <p>class span10</p>
+ </div>
+ <div class="span2 last">
+ <p>class span2 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span11">
+ <p>class span11</p>
+ </div>
+ <div class="span1 last">
+ <p>class span1 last</p>
+ </div>
+ </div>
+ <div class="row">
+ <div class="span12">
+ <p>class span12</p>
+ <p>(c)2011 keiso watanabe</p>
+ </div>
+ </div>
+</div>
+</body>
+</html>

0 comments on commit 37f56fe

Please sign in to comment.