css - Blueprint CSS 压缩器脚本，如何使用？

Question

有人谈论这个用于蓝图 css 的压缩器脚本，您可以在其中更改像素总数，或包括花式类型等，但我从未弄清楚如何使用它。我只能使用原版蓝图，在这种情况下，我的网站只有 900 像素宽，所以在我将蓝图重新制作为 900 像素格式之前，我根本无法使用蓝图。

Answer 1

Compass使您能够将 Blueprint、YUI 或 960 GS 与 Sass 一起使用。它还支持自定义蓝图布局。请查看截屏视频以更好地了解 Compass 是什么。

Answer 2

好吧，我想通了。我想更改 Grid.css 以反映我的 850 像素而不是 950 像素的网站宽度，并包括花式类型插件。您可以通过像上面一样键入 ruby​​ lib/compress.rb 并传递变量来从命令行输出自定义 css 文件。但是，如果要包含插件，则必须使用新设置创建 YAML 文件。Josh Clayton 很好地包含了一个示例配置 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