compass/examples/blueprint_plugins/index.html.haml

!!!
%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&nbsp;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&nbsp;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" }