Ubuntu 10.04にCompass(Sass)を入れた記録

ubuntuにCompassを入れる

はじめに

Rubyまわりのセットアップ

Ruby, RubyGemsをインストール

(mizuki)$ sudo aptitude install ruby ruby-dev rubygems irb rdoc libyaml-ruby libzlib-ruby libopenssl-ruby 

gemにパスを通すのでzshrc,bashrcなどに設定追加

export PATH=/var/lib/gems/1.8/bin:$PATH

RubyGemsをアップデート

(mizuki)$ sudo gem install rubygems-update
(mizuki)$ sudo /var/lib/gems/1.8/bin/update_rubygems
(mizuki)$ sudo gem update
(mizuki)$ gem update --system
Latest version currently installed. Aborting.

Sassをインストール

このへんを参照あれ。ていうか、こっから先は下のやればいい。
SassとCompassをMBAにインストールした記録

Compassをインストール

(mizuki)$ sudo gem install compass

これだけ。

(mizuki)$ compass
Usage: compass help [command]

Description:
  The Compass Stylesheet Authoring Framework helps you
  build and maintain your stylesheets and makes it easy
  for you to use stylesheet libraries provided by others.

Donating:
  Compass is charityware. If you find it useful please make
  a tax deductable donation: http://umdf.org/compass

To get help on a particular command please specify the command.

Primary Commands:
  * clean       - Remove generated files and the sass cache
  * compile     - Compile Sass stylesheets to CSS
  * create      - Create a new compass project
  * init        - Add compass to an existing project
  * watch       - Compile Sass stylesheets to CSS when they change
Other Commands:
  * config      - Generate a configuration file for the provided command line options.
  * extension   - Manage the list of compass extensions on your system
  * frameworks  - List the available frameworks
  * grid-img    - Generates a grid background image.
  * help        - Get help on a compass command or extension
  * imports     - Emit an imports suitable for passing to the sass command-line.
  * install     - Install an extension's pattern into your compass project
  * interactive - Interactively evaluate SassScript
  * sprite      - Generate an import for your sprites.
  * stats       - Report statistics about your stylesheets
  * unpack      - Copy an extension into your extensions folder.
  * validate    - Validate your generated css.
  * version     - Print out version information

Available Frameworks & Patterns:

  * blueprint
    - blueprint/link_icons - Icons for common types of links
    - blueprint/basic      - A basic blueprint install that mimics the actual blueprint css.
    - blueprint/project    - The blueprint framework.
    - blueprint/buttons    - Button Plugin
    - blueprint/semantic   - The blueprint framework for use with semantic markup.
  * compass
    - compass/extension    - Generate a compass extension.
    - compass/pie          - Integration with http://css3pie.com/
    - compass/project      - The default project layout.
    - compass/ellipsis     - Plugin for cross-browser ellipsis truncated text.

Global Options:
    -r, --require LIBRARY            Require the given ruby LIBRARY before running commands.
                                       This is used to access compass plugins without having a
                                       project configuration file.
    -l, --load FRAMEWORK_DIR         Load the framework or extensions found in the FRAMEWORK directory.
    -L, --load-all FRAMEWORKS_DIR    Load all the frameworks or extensions found in the FRAMEWORKS_DIR directory.
    -I IMPORT_PATH                   Makes files under the IMPORT_PATH folder findable by Sass's @import directive.
    -q, --quiet                      Quiet mode.
        --trace                      Show a full stacktrace on error
        --force                      Allows compass to overwrite existing files.
        --dry-run                    Dry Run. Tells you what it plans to do.
        --boring                     Turn off colorized output.
    -?, -h, --help                   Show this message