0

総ピクセル数を変更したり、空想タイプなどを含めることができるブループリント css 用のこの圧縮スクリプトについての話がありますが、私はそれを使用する方法を理解していません。私が使用できるのはブループリントのバニラ バージョンだけです。この場合、私のサイトは幅 900 ピクセルしかないため、900 ピクセル フォーマットに作り直すまで、ブループリントをまったく使用できません。

4

2 に答える 2

0

Compassを使用すると、Sass とともに Blueprint、YUI、または 960 GS を使用できます。また、カスタム ブループリント レイアウトもサポートしています。コンパスとは何かをよりよく理解するには、スクリーンキャストをご覧ください。

于 2009-07-26T19:51:53.560 に答える
0

わかりました。サイトの幅を 950px ではなく 850px に反映するように Grid.css を変更し、派手なタイプのプラグインを含めたいと考えました。上記のように 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 を実行します

于 2009-07-26T20:49:48.327 に答える