-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathconfig.rb
108 lines (95 loc) · 5.03 KB
/
config.rb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
##################################################################################
#
# config.rb
#
# [更新日]
# - 2014/01/15
#
# [解説]
# - Sass & Compass 設定ファイル
#
# [参考URL]
# - http://dev.classmethod.jp/ria/html5/web-desiner-corder-scss-config/
#
##################################################################################
##################################################################################
# プロジェクトのルート位置を指定。デフォルトは「/」。
# この設定は以下の指定を明記していない場合に影響を与えます。（各項目を明記している場合は使われません）
# http_stylesheets_dir
# http_images_dir
# http_javascripts_dir
# http_fonts_dir
##################################################################################
http_path = "/"
##################################################################################
# cssファイルのコンパイル先 ・・・ config.rbを置いた位置からの相対指定でCSSを置いているディレクトリを指定
##################################################################################
css_dir = "css"
##################################################################################
# sassファイルの配置先 ・・・ config.rbを置いた位置からの相対指定でsassを置いているディレクトリを指定
##################################################################################
sass_dir = "sass"
##################################################################################
# CSS内で利用する画像の配置先 ・・・ config.rbを置いた位置からの相対指定で画像を置いているディレクトリを指定
# scss内で、background: image-url(); を利用した際、ここで指定したディレクトリ位置が先頭に挿入されます。
##################################################################################
images_dir = "img"
##################################################################################
# compassによるsprite 実行時の、結合した画像保存先
##################################################################################
#generated_images_dir = "img"
##################################################################################
# scss内で background: image-url(); で画像を利用した際、デフォルトでは画像へのパスが相対パスになるが、
# http_images_pathを指定することで、パス記述を任意の場所に変更することが可能。
##################################################################################
#http_images_path = "img"
##################################################################################
# compassによるspriteで結合作成した画像へのパスは、デフォルトでは相対パスになるが、
# http_generated_images_pathを指定することで、パス記述を任意の場所に変更することが可能。
##################################################################################
#http_generated_images_path = "img"
##################################################################################
# JSの配置先 ・・・ プロジェクトルートからの相対指定でJavaScriptを置いているディレクトリを指定
##################################################################################
javascripts_dir = "js"
##################################################################################
# コンパイル時にデバッグ用のコメント行番号を挿入[true,false]
##################################################################################
line_comments = false
##################################################################################
# コンパイル時に .sass-cacheディレクトリを作るか？[true,false]
#
# [解説]
# Sassを利用すると.sass-cacheという名前のフォルダ名に
# キャッシュファイルが自動で生成されます
##################################################################################
cache = false
##################################################################################
# background: image-url(); をしたときに自動的にタイムスタンプを付加するか？
# デフォルトでは付加されます。付加したくない場合はコメントアウト
##################################################################################
asset_cache_buster :none
##################################################################################
# コンパイル後のCSSのスタイル指定
# [expanded,nested,compact,compressed]
##################################################################################
#
# expanded: 通常
# nested: デフォルトだとこの指定。Sassファイルのネストの深さが引き継がれます。
# compact: セレクタと属性を1行でまとめる
# compressed: 可能な限り圧縮
#
##################################################################################
output_style = :expanded
#output_style = :nested
#output_style = :compact
#output_style = :compressed
##################################################################################
# ブラウザでSassをデバッグするためのデバッグコメントを挿入
#
# [解説]
# 各ブラウザにアドオン・拡張機能 をインストールすることで、Sassファイルのデバッグが可能になります。
# FirefoxはアドオンからFirebugと FireSassをインストール
# ChromeはWeb StoreからSASS Inspectorをインストール
##################################################################################
#sass_options = {:debug_info => true}