- 内容更新しました。 2019/05/05
- 更新前はメディアクエリ内にも .box{padding: ;} を書いていましたが、それは削除しました。
- メディアクエリ内には変数のみ記述して、対応するプロパティに反映させたいイメージです。
Scssでメディアクエリ内で変数の上書きをしたいです。
たとえば、CSSカスタムプロパティなら実現できます。
16pxを48pxにします。
以下の通りです。
// OK // デフォルト root{ --space: 16px; } .box { padding: var(--space); } @media screen and (min-width:480px) { // 画面サイズ480px以上で48px root{ --space: 48px; } }
これをScssでやろうとすると、うまくいきません。
// NG // デフォルト $space: 16px; .box { padding: $space; } @media screen and (min-width:480px) { // 画面サイズ480px以上で48px $space: 48px; }
Scssで、この変数__"space"__を48pxにする方法はありますでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/05 03:54 編集
2019/05/05 04:06
2019/05/06 04:42