質問編集履歴
2
ソース記述短縮
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -138,137 +138,6 @@
|
|
|
138
138
|
background-size: 50px;
|
|
139
139
|
background-repeat: repeat;
|
|
140
140
|
}
|
|
141
|
+
~~~
|
|
141
142
|
|
|
142
|
-
body{
|
|
143
|
-
margin: 0;
|
|
144
|
-
font-weight: 200;
|
|
145
|
-
font-family: 'Noto Sans Japanese';
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
img{
|
|
149
|
-
max-width: 100%;
|
|
150
|
-
height: auto;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/********************
|
|
154
|
-
|
|
155
|
-
module
|
|
156
|
-
|
|
157
|
-
********************/
|
|
158
|
-
|
|
159
|
-
.wrap{
|
|
160
|
-
max-width: 800px;
|
|
161
|
-
margin-right: auto;
|
|
162
|
-
margin-left: auto;
|
|
163
|
-
padding-right: 5%;
|
|
164
|
-
padding-left: 5%;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.sitelogo{
|
|
168
|
-
margin: 0;
|
|
169
|
-
font-family: $quicksand;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.header
|
|
173
|
-
{
|
|
174
|
-
border-bottom: solid 1px #ddd;
|
|
175
|
-
@extend %SiteGradation;
|
|
176
|
-
|
|
177
|
-
.wrap{
|
|
178
|
-
padding-top: 20px;
|
|
179
|
-
padding-bottom: 20px;
|
|
180
|
-
display: flex;
|
|
181
|
-
flex-direction: row;
|
|
182
|
-
align-items: center;
|
|
183
|
-
justify-content: space-between;
|
|
184
|
-
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
// &__logo{
|
|
188
|
-
// margin: 0;
|
|
189
|
-
// font-family: $quicksand;
|
|
190
|
-
// }
|
|
191
|
-
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.sitenav{
|
|
195
|
-
font-family: $quicksand;
|
|
196
|
-
text-align: right;
|
|
197
|
-
|
|
198
|
-
.current{
|
|
199
|
-
border-bottom: solid 1px #ccc;
|
|
200
|
-
}
|
|
201
|
-
li{
|
|
202
|
-
margin-right: 10px;
|
|
203
|
-
display: inline-block;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
a{
|
|
207
|
-
padding: 10px;
|
|
208
|
-
text-decoration: none;
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
.footer{
|
|
214
|
-
margin-top: 70px;
|
|
215
|
-
border-top: solid 1px #ddd;
|
|
216
|
-
font-family: $quicksand;
|
|
217
|
-
@extend %SiteGradation;
|
|
218
|
-
|
|
219
|
-
.wrap{
|
|
220
|
-
padding-top: 20px;
|
|
221
|
-
padding-bottom: 20px;
|
|
222
|
-
display: flex;
|
|
223
|
-
flex-direction: row;
|
|
224
|
-
align-items: center;
|
|
225
|
-
justify-content: space-between;
|
|
226
|
-
}
|
|
227
|
-
|
|
228
|
-
&__nav{
|
|
229
|
-
@extend .sitenav;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
&__copyright{
|
|
233
|
-
font-size: 0.5em;
|
|
234
|
-
text-align: center;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
.main{
|
|
240
|
-
margin-top: 50px;
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
//リンク先 component
|
|
245
|
-
.effect-enter {
|
|
246
|
-
// opacity: 0;
|
|
247
|
-
position: fixed;
|
|
248
|
-
filter: blur( 0 );
|
|
249
|
-
transform: translateY(0);
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
//リンク先 Component マウント開始
|
|
253
|
-
.effect-enter.effect-enter-active {
|
|
254
|
-
opacity: 0;
|
|
255
|
-
filter: blur( 100px );
|
|
256
|
-
transform: translateY(-10px);
|
|
257
|
-
}
|
|
258
|
-
//リンク元 Component
|
|
259
|
-
.effect-exit {
|
|
260
|
-
opacity: 1;
|
|
261
|
-
transform: translate(0, 0);
|
|
262
|
-
position: fixed;
|
|
263
|
-
}
|
|
264
|
-
//リンク元 Component アンマウント開始
|
|
265
|
-
.effect-exit.effect-exit-active {
|
|
266
|
-
opacity: 0;
|
|
267
|
-
transform: translate(0, 3vh);
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
.effectContainer{
|
|
271
|
-
transition: all 1s ease 0s;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
143
|
```
|
1
本文修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
Webpackを介しSass（scss）のコンパイルをしようとすると
|
|
2
2
|
> 「Invalid CSS after "module.exports": expected "{", was '= "data:text/x-scss'
|
|
3
3
|
> in /Applications/MAMP/htdocs/〜〜〜パス名/style.scss」
|
|
4
|
+
|
|
4
5
|
と表示されてコンパイルできません。
|
|
5
6
|
ローダーのインストールも済んでおり記述も見直したのですが、なぜでしょうか。
|
|
6
7
|
ぱっと見る限りではimport記述が原因とも考えられるのですが。。
|
|
7
8
|
ご教示いただけますと幸いです。
|
|
8
9
|
|
|
9
|
-
**エラーメッセージ
|
|
10
|
+
**エラーメッセージ**
|
|
10
|
-
**
|
|
11
11
|
```ここに言語を入力
|
|
12
12
|
ERROR in ./node_modules/css-loader?-url&sourceMap&minimize!./node_modules/sass-loader/lib/loader.js?outputStyle=expanded&sourceMap=true&sourceMapContents=true!./node_modules/url-loader!./src/css/style.scss
|
|
13
13
|
Module build failed:
|