Blueprint CSS壓縮腳本，我該如何使用它？

Question

有關藍圖css的壓縮器腳本的討論，您可以在其中更改像素的總數，或包含花式類型等，但我從來沒有想過如何使用它。我所能使用的只是Blueprint的香草版本，在這種情況下，我的網站只有900像素寬，所以我無法使用Blueprint，直到我將其重製爲900px格式。

Answer 1

Compass使您可以使用Blueprint，YUI或960 GS和Sass。它也支持自定義藍圖佈局。請查看screencast以更好地瞭解Compass的功能。

Answer 2

好吧，我想通了。我想改變Grid.css來反映我的站點寬度爲850px，而不是950px，並且包括花式類型插件。您可以通過鍵入ruby lib/compress.rb並將其傳遞給變量，從命令行輸出自定義css文件。然而，如果你想包含插件，你必須創建一個包含新設置的YAML文件。約什 - 克萊頓是不夠好，包括一個示例配置文件YAML，所以我僅僅指剛改從：

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 mysite的