質問編集履歴
3
Bracketsの綴り修正、バージョン追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
|
40
40
|
|
41
|
-
**使用ツール:**Bracket(プラグイン:Brackets SASS)
|
41
|
+
**使用ツール:**Brackets 1.13 (プラグイン:Brackets SASS)
|
42
42
|
|
43
43
|
|
44
44
|
|
2
予定のコードを追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -322,7 +322,39 @@
|
|
322
322
|
|
323
323
|
```
|
324
324
|
|
325
|
-
|
325
|
+
### 吐き出される予定だったコード
|
326
|
+
|
327
|
+
```
|
328
|
+
|
329
|
+
h1 { width: 100%; }
|
330
|
+
|
331
|
+
p { line-height: 1.4; }
|
332
|
+
|
333
|
+
|
334
|
+
|
335
|
+
@media only screen and (min-width: 801px) {
|
336
|
+
|
337
|
+
h1 { color: red; }
|
338
|
+
|
339
|
+
p { margin: 1em 0; } }
|
340
|
+
|
341
|
+
|
342
|
+
|
343
|
+
@media only screen and (min-width: 481px) and (max-width: 800px) {
|
344
|
+
|
345
|
+
h1 { color: blue;}
|
346
|
+
|
347
|
+
p { margin: 0.8em 0; } }
|
348
|
+
|
349
|
+
|
350
|
+
|
351
|
+
@media only screen and (max-width: 480px) {
|
352
|
+
|
353
|
+
h1 { color: green; }
|
354
|
+
|
355
|
+
p { margin: 0.6em 0; } }
|
356
|
+
|
357
|
+
```
|
326
358
|
|
327
359
|
### 試したこと
|
328
360
|
|
1
誤字脱字の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,13 +2,13 @@
|
|
2
2
|
|
3
3
|
↑こちらの記事で紹介している、要素ごと、メディアごとにスタイルを記述でき、
|
4
4
|
|
5
|
-
かつ吐き出される@mediaの記述がルールごとひとつにまとめられるという
|
5
|
+
かつ吐き出される@mediaの記述がルールごとひとつにまとめられるという
|
6
|
-
|
6
|
+
|
7
|
-
を試してみましたが、吐き出されたcssには何も表示されていません。
|
7
|
+
メディアクエリ用のミックスインを試してみましたが、吐き出されたcssには何も表示されていません。
|
8
|
-
|
9
|
-
|
10
|
-
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
-
sassを触り始めたばかりで、mixinの内容を全て理解できてお
|
11
|
+
sassを触り始めたばかりで、mixinの内容を全て理解できておらず
|
12
12
|
|
13
13
|
@ifが正常に動いていないように思うのですが原因がわかりません。
|
14
14
|
|
@@ -326,7 +326,7 @@
|
|
326
326
|
|
327
327
|
### 試したこと
|
328
328
|
|
329
|
-
試しに_mq.scssに以下のように記述すると
|
329
|
+
試しに_mq.scssのh1{}直下にmarginを以下のように記述すると
|
330
330
|
|
331
331
|
|
332
332
|
|
@@ -418,7 +418,7 @@
|
|
418
418
|
|
419
419
|
|
420
420
|
|
421
|
-
また以下のコードを追加した場合は、
|
421
|
+
また@include mq {の直下に以下のコードを追加した場合は、
|
422
422
|
|
423
423
|
```
|
424
424
|
|
@@ -474,4 +474,4 @@
|
|
474
474
|
|
475
475
|
|
476
476
|
|
477
|
-
何卒、よろしくお願いします。
|
477
|
+
原因がわかりません。何卒、よろしくお願いします。
|