回答編集履歴
1
参考URLをいくつか追加しました
test
CHANGED
|
@@ -1 +1,19 @@
|
|
|
1
|
-
SCSSをコンパイルせずに読み込んでいませんでしょうか？
|
|
1
|
+
SCSSをコンパイルせずに読み込んでいませんでしょうか？SCSSはそのままだとCSSとして機能してくれません。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
[https://webdesignday.jp/inspiration/technique/css/5819/#i-2](https://webdesignday.jp/inspiration/technique/css/5819/#i-2)
|
|
6
|
+
|
|
7
|
+
> SassファイルはそのままではCSSとしてブラウザが認識できるものではありません。「コンパイル」という作業をして、CSSに変換してあげる必要があります。
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
VSコードには簡単にコンパイルできるエクステンションがあるようです。
|
|
12
|
+
|
|
13
|
+
[VSCodeでSass(Scss)を自動コンパイルする簡単な設定方法](https://rico-notes.com/programming/css/vscode%E3%81%A7sassscss%E3%82%92%E8%87%AA%E5%8B%95%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%AB%E3%81%99%E3%82%8B%E7%B0%A1%E5%8D%98%E3%81%AA%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95/)
|
|
14
|
+
|
|
15
|
+
[VSCodeでSassのコンパイル環境（CSSに変換）を一瞬で構築する方法](https://hikopro.com/vscode-sass/)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
質問内の内容を見る限りだと、いくつかネスト（入れ子）があるだけなので、手動で成形しても大丈夫だとは思います。
|