public
Description: A Compass plugin that provides a CSS3 port of the Aristo UI elements
Homepage:
Clone URL: git://github.com/hpoydar/compass-aristo-plugin.git
name age message
file .gitignore Fri Aug 21 15:09:17 -0700 2009 Added PNG assets [hpoydar]
file Aristo-24.png Thu Aug 20 09:26:58 -0700 2009 Initial file creation [hpoydar]
file README.md Mon Aug 24 11:45:09 -0700 2009 Updated documentation [hpoydar]
file Rakefile Fri Aug 21 13:12:33 -0700 2009 Updated rake tasks [hpoydar]
file VERSION Mon Aug 24 11:52:25 -0700 2009 Version bump to 0.4.7 [hpoydar]
file compass-aristo-plugin.gemspec Mon Aug 24 11:53:23 -0700 2009 Bumped version [hpoydar]
file config.rb Fri Aug 21 12:58:08 -0700 2009 More gem-ifiying [hpoydar]
directory examples/ Mon Aug 24 11:47:00 -0700 2009 Updated exampled docs [hpoydar]
directory lib/ Mon Aug 24 11:43:38 -0700 2009 Restored missing files [hpoydar]
directory sass/ Mon Aug 24 11:46:05 -0700 2009 Updated files [hpoydar]
directory templates/ Mon Aug 24 11:38:59 -0700 2009 Updated combo/select box [hpoydar]
README.md

Aristo Compass Plugin

A Compass plugin that provides a CSS3 port of the Aristo UI elements.

Install

You'll need to be familiar with the Compass CSS authoring framework and have it installed. Then install the plugin as a gem:

sudo gem install hpoydar-compass-aristo-plugin

To add the plugin to an existing Compass project:

cd <compass_project_name>
compass -f aristo -p project .

And add the following line to the top of the config.rb file created by Compass:

require 'aristo'

Usage

Within your application's Sass files, import the Aristo mixins:

@import aristo

Then modify the generated aristo.sass file to suit your needs. See http://hpoydar.com/aristo for examples and syntax.

TODO

  • Add segmented controls
  • Add windows
  • Documentation
  • Attempt to have it look as good on FF3.5 as it does in Webkit/Chrome
  • Take a look in IE and document what works

About Aristo

Aristo is an open source UI distributed as part of the Cappuccino Open Source Framework http://cappuccino.org) and specifically designed for the cross platform challenges applications face today. It is a collaborative effort by 280 North, Inc. and Sofa and released under the Creative Commons Attribution Share-Alike License. You can view this license here: http://creativecommons.org/licenses/by-sa/3.0/us/

You can find out more about Aristo by visiting http://cappuccino.org/aristo

Thanks to Alex MacCaw, who took the first crack at CSS-ifing Aristo: http://github.com/maccman/aristo