質問編集履歴
4
開発環境を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -7,6 +7,20 @@
|
|
|
7
7
|
Individual stylesheets must be in the sass directory.
|
|
8
8
|
|
|
9
9
|
```
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
開発環境
|
|
14
|
+
|
|
15
|
+
- Mac OX Yosemite 10.10.5
|
|
16
|
+
|
|
17
|
+
- Intellij IDEA 2016.1.1
|
|
18
|
+
|
|
19
|
+
- Compass 1.0.3
|
|
20
|
+
|
|
21
|
+
- ruby 2.2.3p173
|
|
22
|
+
|
|
23
|
+
- Sass 3.4.22
|
|
10
24
|
|
|
11
25
|
|
|
12
26
|
|
3
情報の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
```
|
|
16
16
|
|
|
17
|
-
compass compile [scssのディレクトリ] [cssのディレクトリ] -c [config.rbのディレクトリ]
|
|
17
|
+
compass compile [scssのディレクトリパス] [cssのディレクトリパス] -c [config.rbのディレクトリパス]
|
|
18
18
|
|
|
19
19
|
```
|
|
20
20
|
|
2
情報追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
File Watcherを使わずに直接コマンドラインでコンパイルをしようとしても同じ同じエラーが出ます。
|
|
14
14
|
|
|
15
|
+
```
|
|
15
16
|
|
|
17
|
+
compass compile [scssのディレクトリ] [cssのディレクトリ] -c [config.rbのディレクトリ]
|
|
18
|
+
|
|
19
|
+
```
|
|
16
20
|
|
|
17
21
|
|
|
18
22
|
|
|
@@ -24,6 +28,72 @@
|
|
|
24
28
|
|
|
25
29
|
config.rbのパスは何度確認しても間違いはありませんし、パス名に日本語も使われていません。
|
|
26
30
|
|
|
31
|
+
config.rbの内容は以下です。
|
|
32
|
+
|
|
33
|
+
```ruby
|
|
34
|
+
|
|
35
|
+
# Compass is a great cross-platform tool for compiling SASS.
|
|
36
|
+
|
|
37
|
+
# This compass config file will allow you to
|
|
38
|
+
|
|
39
|
+
# quickly dive right in.
|
|
40
|
+
|
|
41
|
+
# For more info about compass + SASS: http://net.tutsplus.com/tutorials/html-css-techniques/using-compass-and-sass-for-css-in-your-next-project/
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
#########
|
|
48
|
+
|
|
49
|
+
# 1. Set this to the root of your project when deployed:
|
|
50
|
+
|
|
51
|
+
http_path = "/"
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
# 2. probably don't need to touch these
|
|
56
|
+
|
|
57
|
+
css_dir = "../css"
|
|
58
|
+
|
|
59
|
+
sass_dir = "./"
|
|
60
|
+
|
|
61
|
+
images_dir = "../images"
|
|
62
|
+
|
|
63
|
+
javascripts_dir = "../js"
|
|
64
|
+
|
|
65
|
+
environment = :development
|
|
66
|
+
|
|
67
|
+
relative_assets = true
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
# 3. You can select your preferred output style here (can be overridden via the command line):
|
|
74
|
+
|
|
75
|
+
output_style = :expanded
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
# 4. When you are ready to launch your WP theme comment out (3) and uncomment the line below
|
|
80
|
+
|
|
81
|
+
# output_style = :compressed
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
# To disable debugging comments that display the original location of your selectors. Uncomment:
|
|
86
|
+
|
|
87
|
+
# line_comments = false
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
# don't touch this
|
|
92
|
+
|
|
93
|
+
preferred_syntax = :scss
|
|
94
|
+
|
|
95
|
+
```
|
|
96
|
+
|
|
27
97
|
|
|
28
98
|
|
|
29
99
|
他に確認するべきところがあればご教授いただけますと幸いですm(_ _)m
|
1
タグの更新
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|