80 lines
3.5 KiB
HTML
80 lines
3.5 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<title>Blueprint test pages</title>
|
|
|
|
<!-- Framework CSS -->
|
|
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen, projection">
|
|
<link rel="stylesheet" href="stylesheets/print.css" type="text/css" media="print">
|
|
<!--[if IE]><link rel="stylesheet" href="stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]-->
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<h1>Blueprint test pages</h1>
|
|
<hr>
|
|
|
|
<p>Welcome to the Blueprint Plugin test pages. The HTML files below tests most HTML elements, and especially classes provided
|
|
by Blueprint.</p>
|
|
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
|
<tr>
|
|
<th class="span-6">Test page</th>
|
|
<th class="span-8">Main files tested</th>
|
|
<th class="span-10">Description</th>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="plugins/fancy_type.html">Fancy Type</a></td>
|
|
<td>
|
|
<a href="http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass">grid.sass</a>,
|
|
<a href="http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass">typography.sass</a>,
|
|
<a href="http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass">fancy_type.sass</a>
|
|
</td>
|
|
<td>A simple sample page, with common elements and fancy type.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="plugins/buttons.html">Buttons</a></td>
|
|
<td>
|
|
<a href="http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass">buttons.sass</a>
|
|
</td>
|
|
<td>A simple page, showing links and buttons styled using the button plugin.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="plugins/link_icons.html">Link Icons</a></td>
|
|
<td>
|
|
<a href="http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass">link_icons.sass</a>
|
|
</td>
|
|
<td>A simple page, showing links icons.</td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="plugins/rtl.html">RTL</a></td>
|
|
<td>
|
|
<a href="http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass">rtl.sass</a>
|
|
</td>
|
|
<td>A simple page, showing a right-to-left grid layout.</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<p><em><strong>Note about the css files:</strong></em>
|
|
These test files utilize the css files that are generated from
|
|
<a href="http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html">Sass templates</a>.
|
|
In other words, if you change any of the source files,
|
|
you'll have to re-build them with <code>rake examples</code> to see any changes.</p>
|
|
|
|
<div class="box">
|
|
<p>For more information and help, try these resources:</p>
|
|
<ul class="bottom">
|
|
<li><a href="http://www.blueprintcss.org/">The Blueprint home page.</a></li>
|
|
<li><a href="http://groups.google.com/group/blueprintcss">Our anything-goes mailing list.</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p><a href="http://validator.w3.org/check?uri=referer">
|
|
<img src="images/valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |