質問編集履歴
3
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,3 +1,11 @@
|
|
1
|
+
* 内容更新しました。 2019/05/05
|
2
|
+
|
3
|
+
* 更新前はメディアクエリ内にも .box{padding: ;} を書いていましたが、それは削除しました。
|
4
|
+
|
5
|
+
* メディアクエリ内には変数のみ記述して、対応するプロパティに反映させたいイメージです。
|
6
|
+
|
7
|
+
|
8
|
+
|
1
9
|
Scssでメディアクエリ内で変数の上書きをしたいです。
|
2
10
|
|
3
11
|
たとえば、CSSカスタムプロパティなら実現できます。
|
2
メディアクエリ内のクラスを削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -27,10 +27,6 @@
|
|
27
27
|
// 画面サイズ480px以上で48px
|
28
28
|
|
29
29
|
root{ --space: 48px; }
|
30
|
-
|
31
|
-
.box { padding: var(--space); }
|
32
|
-
|
33
|
-
|
34
30
|
|
35
31
|
}
|
36
32
|
|
@@ -64,10 +60,6 @@
|
|
64
60
|
|
65
61
|
$space: 48px;
|
66
62
|
|
67
|
-
.box { padding: $space; }
|
68
|
-
|
69
|
-
|
70
|
-
|
71
63
|
}
|
72
64
|
|
73
65
|
```
|
1
補足
test
CHANGED
File without changes
|
test
CHANGED
@@ -74,4 +74,4 @@
|
|
74
74
|
|
75
75
|
|
76
76
|
|
77
|
-
Scssで、この変数を48pxにする方法はありますでしょうか?
|
77
|
+
Scssで、この変数__"space"__を48pxにする方法はありますでしょうか?
|