Question

有关蓝图css的压缩器脚本的讨论，你可以改变像素的总数，或包括花式类型等，但我从来没有弄清楚如何使用它。我所能使用的只是蓝图的香草版本，在这种情况下，我的网站只有900像素宽，所以我可以使用蓝图，直到我将其重新制作为900px格式。

Answer 1

Compass使您可以使用Blueprint，YUI或960 GS以及Sass。它还支持自定义Blueprint布局。请查看screencast以更好地了解Compass是什么。

Answer 2

好的，我明白了。我想更改Grid.css以反映我的网站宽度为850px而不是950px，以及包含花式类型插件。您可以通过键入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

蓝图CSS压缩器脚本，我该如何使用它？

2 个答案: