Blueprint CSSコンプレッサースクリプト、どうすれば使用できますか？

Question

青写真CSSのためのこのコンプレッサースクリプトの話があります。そこでは、ピクセルの総数を変更したり、ファンシータイプなどを含めることができますが、使用方法は決して分かりません。私が今までに使用できるのはBlueprintのバニラ版です。この場合、私のサイトは900pxの幅しかないので、私は900px形式でリメイクするまでBlueprintをまったく使用しません。

Answer 1

Compassは、Blueprint、YUI、または960 GSをSassとともに使用することを可能にします。カスタムブループリントレイアウトもサポートしています。コンパスとは何かを知るためにscreencastをご覧ください。

Answer 2

さて、私はそれを理解しました。私はGrid.cssを950pxの代わりに850pxのサイト幅を反映するように変更したいと思っていました。上記のようにruby lib/compress.rbと入力して変数を渡すことで、コマンドラインからカスタムCSSファイルを出力できます。ただし、プラグインをインクルードする場合は、新しい設定でYAMLファイルを作成する必要があります。ジョシュ・クレイトンは、サンプルの設定YAMLファイルを含むのに十分素敵だったので、私はそれから変更さjsut：

project1: 
    path: /path/to/my/project/stylesheets 
    namespace: custom-namespace-1- 
    custom_css: 
    ie.css: 
     - custom-ie.css 
    print.css: 
     - docs.css 
     - my-print-styles.css 
    screen.css: 
     - subfolder-of-stylesheets/sub_css.css 
    custom_layout: 
    column_count: 12 
    column_width: 70 
    gutter_width: 10 
    plugins: 
    - fancy-type 
    - buttons 
project2: 
    path: /path/to/different/stylesheets 
    namespace: different-namespace- 
    custom_css: 
    screen.css: 
     - custom_screen.css 
    semantic_classes: 
    "#footer, #header": ".span-24, div.span-24" 
    "#content": ".span-17, div.span-17, div.colborder" 
    "#extra-content": ".span-6, div.span-6" 
    "div#navigation": "div.span_24, .span-24" 
    "div.section, div.entry, .feeds": ".span-6 div.span-6" 
project3: 
    path: /path/to/another/projects/styles 

はるかに単純なものに、この：

MySite: 
    path: /Applications/MAMP/htdocs/MySite/ 
    custom_layout: 
    column_count: 12 
    column_width: 60 
    gutter_width: 10 
    plugins: 
    - fancy-type 
    - buttons 

そして私はcompress.rb -pを実行します個人用サイト