53960d9c25
This port adds semantic win and color customization to your blueprint button styles. It also let's you choose whether you want to float them right, left, or leave them inline-block. To install this plugin into your project run the following command. compass -f blueprint -p buttons Or if you have a rails project: compass --rails -f blueprint -p buttons
67 lines
2.8 KiB
HTML
67 lines
2.8 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="parts/fancy_type.html">Fancy Type</a></td>
|
|
<td>
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass">grid.sass</a>,
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass">typography.sass</a>,
|
|
<a href="../../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="parts/buttons.html">Buttons</a></td>
|
|
<td>
|
|
<a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass">grid.sass</a>,
|
|
</td>
|
|
<td>A simple page, showing links and buttons styled using the button plugin.</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://code.google.com/p/blueprintcss">The Blueprint home page.</a></li>
|
|
<li><a href="http://groups.google.com/group/blueprintcss">Our anything-goes mailing list.</a></li>
|
|
<li><a href="http://bjorkoy.com">The blog where news about Blueprint gets posted.</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p><a href="http://validator.w3.org/check?uri=referer">
|
|
<img src="parts/valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" class="top"></a></p>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |