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