青写真CSSのためのこのコンプレッサースクリプトの話があります。そこでは、ピクセルの総数を変更したり、ファンシータイプなどを含めることができますが、使用方法は決して分かりません。私が今までに使用できるのはBlueprintのバニラ版です。この場合、私のサイトは900pxの幅しかないので、私は900px形式でリメイクするまでBlueprintをまったく使用しません。Blueprint CSSコンプレッサースクリプト、どうすれば使用できますか?
0
A
答えて
0
Compassは、Blueprint、YUI、または960 GSをSassとともに使用することを可能にします。カスタムブループリントレイアウトもサポートしています。コンパスとは何かを知るためにscreencastをご覧ください。
0
さて、私はそれを理解しました。私は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を実行します個人用サイト
関連する問題
- 1. どうすれば使用できますか?グローバルなCSSクラス - CSSモジュール
- 2. Blueprint CSS with Railsを使用する
- 3. デフォルトのscaffold cssではなくblueprint-cssを使用するようにRailsを設定するにはどうすればよいですか?
- 4. ですが、どうすれば使用できますか?
- 5. どうすればこのCSSをコンパイルできますか
- 6. cssのステートメントはどうすればできますか?
- 7. どうすればJavaScriptのCSSアクションをトリガーできますか?
- 8. どうすれば使用できますか?:Swiftで?
- 9. 今日のフレックスボックス - どうすれば使用できますか?
- 10. Ruby:どうすればassert_nothing_raisedを使用できますか?
- 11. フラスコログインはBlueprintオブジェクトで使用できませんか?
- 12. どうすればCSSのans HTMLでこれを実現できますか?
- 13. Blueprint CSSを使用して、画像divを囲むテキストを取得するにはどうすればよいですか?
- 14. コンソールメソッドを使用できません。どうすれば使えますか?
- 15. Android BrowserFrameとは何ですか、どうすれば使用できますか?
- 16. DynamicClassAttributeとは何ですか?どうすれば使用できますか?
- 17. .css()でスケールを使用するにはどうすればよいですか?通常のCSSで
- 18. 誰でも使用できるCSSドキュメントを作成するにはどうすればよいですか?
- 19. JavaScriptを使用してCSS calc()を使用できるかどうかを確認するにはどうすればよいですか?
- 20. Grav CMS |マテリアライズCSS | GravフォームプラグインでMaterialize CSSを使用するにはどうすればよいですか?
- 21. CSSスタイルシートの中で条件付き書式を使用するにはどうすればよいですか?
- 22. このプリンタフレンドリーなCSSをどうすれば処理できますか?
- 23. どうすればCSSのcont-familyタグを克服できますか
- 24. どのようにすればdjangoでrequests_cacheを使用できますか?
- 25. どうすればxlswriteで変数を使用できますか?
- 26. BlueprintフレームワークでLessCSSを使用しますか?
- 27. どうすればブートストラップ・グリッドを使用することができますか?
- 28. cssを使用して縦書きテキストを作成するにはどうすればよいですか?
- 29. 縦書きテキストメニューに適切なCSSを使用するにはどうすればよいですか?
- 30. どうすればネイティブの反応にgoogleapisを使用できますか?
ありませんが、私は別のプログラムを使用したくない、見、あなたがより少ないまたは複数の列、名前空間または意味 が必要な場合は、グリッド内のLIN eは \t \tを.CSSありコンパイラスクリプト(lib/compress.rb)を使用してください。 \t 私はどちらを使用するのでしょうか。.rbが何であるか、または変数を使用する方法や変数を投げる方法はわかりません。 –
.rbファイルは(主に)Rubyプログラムを含むファイルです。あなたは 'ruby lib/compress.rb'で' lib/compress.rb'ファイルを実行し、それにコマンドライン引数を渡すことができます。 –