public
Description: Typographical and layout grid for SASS
Homepage:
Clone URL: git://github.com/danboy/tenplate.git
Dan Nawara and Tom Kersten (author)
Tue May 12 11:08:12 -0700 2009
name age message
file .gitignore Tue Feb 10 12:07:42 -0800 2009 Set up blank directory structure [tomkersten]
file LICENSE Tue Feb 10 12:07:42 -0800 2009 Set up blank directory structure [tomkersten]
file README Wed Apr 29 12:21:48 -0700 2009 updated readme [danboy]
file Rakefile Tue Feb 10 12:07:42 -0800 2009 Set up blank directory structure [tomkersten]
directory bin/ Tue Feb 10 16:47:28 -0800 2009 Base (simple) implementation of symlinking sass... [tomkersten]
directory features/ Tue Feb 10 12:07:42 -0800 2009 Set up blank directory structure [tomkersten]
directory lib/ Tue May 12 11:08:12 -0700 2009 some changes to the default client [Dan Nawara and Tom Kersten]
directory spec/ Mon Mar 09 21:43:29 -0700 2009 Updated form builder to correctly restore check... [tomkersten]
README
=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+
Tenplate
=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+

Description goes here.

all the magic habens in bin/tenplate right now..

cd into your rails app and run TENPLATE_ROOT/bin/tenplate

=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+
Tenplate SASS Usage
=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+
!IMPORTANT!
tenplate requires HAML/SASS 2.1 get it here http://github.com/nex3/haml/tree/master

Remember, the main power of tenplate comes from using POSH html, so use the checklist at 
http://microformats.org/wiki/posh

1.  Make sure you have HAML > 2.3 installed

2.  Copy the tenplate sass files to your project

    /home/you/your/project$ /path/to/tenplate/gem/bin/tenplate

3.  Add tenplate to your HAML template file

    All you need to do is add tenplate.css to your application. Check the example application.html.haml below.

    Begin example layout:

      !!! XML
      !!! Strict
      %html
        %head
          = stylesheet_link_tag 'tenplate'

        %body
          #grid
            = yield

          = javascript_include_tag :all

    End Example layout

4.  Set your tenplate variables.

    All that really matters is !line_height, !width and !page_padding

    public/stylesheets/tenplate.sass

    !font_color ||= #333
    !base_font ||= "helvetica,arial,sans-serif"
    !headline_font ||= "Candara,Georgia,serif"
    !font_size ||= 1.4
    !background_color ||= #FFF
    !page_color ||= #EEE
    !link_color ||= #C00
    !line_height ||= 1.8
    !width ||= 960
    !page_padding ||= 2
    !border_size ||= 0
    !border_color ||= #333
    !border_style ||= "none"
    !border_radius ||= .2
    !tab_highlight = !page_color
    !tab_font = !link_color

5. Give your pages a layout.


    .page = full page layout

    .main = golden ratio main column
    .rail = golden ratio side bar

6.  Play around

    Give all your div's rounded corners in ff and safari
    Example:

    !border_radius ||= 1

    div
      +rounded


COPYRIGHT
=========

Copyright (c) 2008 Dan Nawara. See LICENSE for details.